/* 
Title: Andrew Southam
Author: team A design 
www.GoTeamA.com
*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../assets/font/League_Gothic-webfont.eot');
    src: url('../assets/font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/League_Gothic-webfont.woff') format('woff'),
         url('../assets/font/League_Gothic-webfont.ttf') format('truetype'),
         url('../assets/font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { border:0; outline:none; list-style:none; margin:0; padding:0; text-decoration:none; }

html { min-height:100%; height:100%; }

body {
	height:100%;
	text-align:center;
	background:#fff;
	font:normal normal 16px/24px 'Didact Gothic', Arial, Helvetica, Verdana, sans-serif; 
	color:#000;
}

h1, h2, h3, h4, h5, h6 { font-family:"LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:1px; }

a:link, a:visited { color:#666; }
a:hover, a:active { color:#ccc; }

p { padding:10px 0; }
.clear { clear:both; }

#page { width:882px; margin:0 auto; position:relative; }

#title { width:100%; height:25px; border-bottom:1px solid #9cc; text-align:center; }

#header { position:relative; text-align:left; width:842px; margin:20px auto 0; }

#container { position:relative; text-align:left; width:842px; margin:30px auto 0; padding-bottom:80px; }

#header h1 { font-size:48px; line-height:48px; text-align:right; text-transform:uppercase; color:#000; border-bottom:4px solid #eee; padding:15px 0 2px }
#header h1 a { color:#000; }

/*nav*/

div#navContainer { width:842px; margin:0 auto; position:relative; height:36px; }

ul#nav { }
ul#nav li { display:inline; margin-right:20px; text-transform:uppercase; letter-spacing:1px; font-family:"LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif; font-size:24px; line-height:36px; }

#nav li a:link, #nav li a:visited {  }

ul#nav li.current a { color:#000; border-bottom:3px solid #000; }


/*home styles*/

div#home { margin:10px 0; width:842px; text-align:center; }

div#portfolios { margin:18px 0; position:relative; height:100px; }
div#portfolios ul li { display:block; float:left; position:relative; }
div#portfolios li span { position:absolute; top:0; left:0; z-index:11; display:block; width:197px; height:100px; font:normal 64px/100px "LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif; letter-spacing:1px; }
div#portfolios li img { display:block; width:197px; height:100px; position:absolute; top:0; left:0; z-index:5; }

div#portfolios ul li a { width:197px; height:100px; display:block; color:#000; }
div#portfolios ul li a span { text-indent:-9999em; }
div#portfolios ul li a:hover span { text-indent:0; background:url(../img/overlay.png) repeat; }

div#slides { width:842px; height:546px; margin:0 0 18px; overflow:hidden; }
div#slides img { width:842px; height:546px; padding:0; border:0; background-color:#eee; }

/*news styles*/

div#newsHead { height:342px; width:796px; border:1px solid #333; text-align:center; margin:20px auto; }
div#newsHead img { float:left; }
p.news { padding:0 22px; color:#ccc; line-height:18px;  }


/*galleries styles*/

#portfolio a, #celebrity a, #classic a { font-weight:bold; letter-spacing:1px; }

#thumb1 {position:absolute; top:10px; left:0; }
#thumb2 {position:absolute; top:10px; left:90px; }
#thumb3 {position:absolute; top:123px; left:0; }
#thumb4 {position:absolute; top:123px; left:90px; }
#thumb5 {position:absolute; top:236px; left:0; }
#thumb6 {position:absolute; top:236px; left:90px; }
#thumb7 {position:absolute; top:349px; left:0; }
#thumb8 {position:absolute; top:349px; left:90px; }

#numbers {
	position:absolute; 
	top:460px; 
	left:0px; 
	width:160px;
	color:#ccc;
	font-family:"LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:2px;
}

#numbers a {  }

#main {
	position:absolute; 
	top:10px; 
	left:181px; 
	width:662px; 
	text-align:center;
	font:normal normal 18px/24px "LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif;
	color:#666;
	text-transform:uppercase;
	letter-spacing:1px;
}

#now { overflow:auto; color:#666; font:normal normal 18px/22px "LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; letter-spacing:1px; }

.textnow {  }

.textbio { text-align:justify; }

.contact { text-align:center; font:normal normal 24px/28px "LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; letter-spacing:1px; }

.headcontact { color:#ccc; letter-spacing:1px; }

.personal p { padding:0 0 20px; }

.personal ul li { float:right; padding:0 30px 40px; text-align:center; }
.personal ul li img { display:block; margin-bottom:10px; }

#story {
	margin:0 0 50px;
	width:842px;
	padding:0 0 20px;
	text-align:justify;
	border-bottom:1px solid #666;
}

#story p { padding:0 0 20px; }
#story p strong {  }

.videoThumb { width:300px; padding-bottom:50px; text-align:left; }
.videoClip { position:absolute; top:40px; left:101px; width:640px; }
.videoClipMed { position:absolute; top:40px; left:61px; width:720px; }
.videoClipWide { position:absolute; top:40px; left:0; width:854px; }

.videoThumb p, p.videoCredits { font-size:14px; line-height:16px; letter-spacing:1px; color:#666; text-transform:uppercase; font-family:"LeagueGothicRegular", Arial, Helvetica, Verdana, sans-serif; }

div#road-trip { margin:30px 0; height:267px; }
div#road-trip img { float:left; }
div#road-trip p { float:right; width:410px; padding:10px 0 0; line-height:24px; }
div#road-trip a p {  }
div#road-trip a span { font-weight:bold; }

ul#personal-list { margin:60px 0; }
ul#personal-list li { vertical-align:top; float:left; width:421px; height:200px; } 
ul#personal-list li img { float:left; padding:0 0 20px; }
ul#personal-list li h2 { float:left; padding:0; margin:0 10px; }


/*jFlow*/

hr { border-bottom:1px solid #ccc; }

div#tracy div { height:350px; width:842px; }
div#tracy img { float:right; padding:20px 80px 20px 20px; }
div#tracy p { padding:20px 20px 0 80px; }

#book { position:relative; width:1000px; margin:60px auto; text-align:left; }
div#dream div { width:1000px; height:280px; }
div#dream div img { padding:10px 0; }

#tracyController, #bookController { clear:both; margin:0 auto 50px; text-align:center; }
#tracyController { font-size:12px; text-transform:uppercase; }
#bookController { font-size:10px; text-transform:uppercase; }
#tracyController span { color:#666; cursor:pointer; margin-right:10px; }
#bookController span { color:#666; cursor:pointer; margin-right:5px; }

#tracyController span.jFlowSelected { color:#333; font-size:24px; }
#bookController span.jFlowSelected { color:#333; font-size:24px; }

#container .jFlowPrev, #container .jFlowNext{ cursor:pointer; color:#666; font-size:12px; text-transform:uppercase; padding:10px 160px 20px; }
#book .jFlowPrev, #book .jFlowNext{ cursor:pointer; color:#666; font-size:12px; text-transform:uppercase; padding:10px 0 20px; }
.jFlowPrev { float:left; }
.jFlowNext { float:right; }

ul#bookCredits { background:#fff; width:479px; float:left; height:240px; margin:10px 0; padding:20px 0 0; }
ul#bookCredits li { font-size:12px; color:#ccc; text-align:right; text-transform:uppercase; padding:5px 20px; }
ul#bookCredits li span { font-size:16px; color:#999; letter-spacing:1px; padding-left:5px; }
ul#bookCredits li a { color:#999; }
ul#bookCredits li a:hover { color:#666; }