/* FOLIO2 */

/* COLORS 
green		#AFA661
orange		#D07B2B
grey		#ABAAA0 changed to 8A897F
dark grey	#91908B
blue		#6F83B5
 */
 
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* :focus { outline: 0; } 

/* TYPE */
p {padding-bottom:15px}
body { font:13px/21px Georgia, "Times New Roman", Times, serif; color:#8A897F; background-color:#fff; margin-top:125px }
.noscript2 {text-align:center; width:100%; font-style:italic; font-size:11px}
.noscript2 a {text-decoration:underline!important}

a { color: #AFA661; }
a:link, a:visited, a:active {text-decoration: none; }
a:visited {color: #AFA661;}
a:hover, a.active {color: #D07B2B }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
.antiem {font-style:normal!important}

/* CONTAINER */
#container {width:950px; height:690px; margin: 0 auto; position: relative; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TOP NAVIGATION */
#nav {width:333px; height:30px; position:absolute; left:610px; font:12px/12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#AFA661; letter-spacing:1px; text-align:right}

/* SPLASH */
#splashfolio2 { width:285px; height:56px; position:absolute; left:0px; top:142px; }
#splash, .noscript {width:945px; height:311px; position:absolute; left:8px; top:239px;}

#splash h1 {font:13px/13px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#D07B2B; position:relative; top:14px; right:0; text-align:right }
#splashtext { position:absolute; top:494px; left:222px; width: 739px; }
#splash h2 {position:relative; top:51px; left:213px; width: 739px; font:16px/29px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:1px; color:#8A897F;}

/* WORK */
#folio2 { width:126px; height:33px; position:absolute; left:0px; top:39px; }
#worknav { position:absolute; top:45px; left:220px; width:730px; font:12px/13px Georgia, "Times New Roman", Times, serif; color:#8A897F; }
#worknav em {font-size:13px;}
#worknav a {color:#8A897F; letter-spacing:1px;}
#worknav a:link, #worknav a:visited, #worknav a:active {text-decoration: none; }
#worknav a:visited {color: #8A897F;}
#worknav a:hover, #worknav a.active {color: #91908B }
a.active {cursor:text}
.subnav a.active {cursor:pointer!important}
.subnav a {color:#AFA661!important}
.subnav a:link, .subnav a:visited, .subnav a:active {text-decoration: none; }
.subnav a:visited {color: #AFA661!important;}
.subnav a:hover, .subnav a.active {color: #D07B2B!important }
#work { width:1006px; height:500px; position:absolute; left:8px; top:179px; }
.slides div { display: none }
.slides div.first { display: block }
.worktext, .worktext2 {position:relative; left:215px; top:322px; float:left; width:730px}
.worktext {top:38px;}
.worktext strong, .worktext2 strong {color:#D07B2B; font-weight:normal; text-transform:uppercase}
.subsubnav, .subsubnav2, .subsubnav3 {position:relative; width:940px; float:left; height:40px; top:325px; text-align:right}
.subslides1, .subslides2, .subslides3 {float:left}
#reveal, #reveal2 {width:546px; height:25px; background-color:#fff; z-index:999; position:relative;}
#reveal {top:46px; left:411px;}
#reveal2 {top:72px; left:330px;}
#clients { width:822px; height:500px; position:absolute; left:229px; top:125px; }
.c1, .c2, .c3 { position:absolute; line-height:27px; top: -1px; left: -8px; }
.c1, .c2 {color:#AFA661; font-size:12px; font-style:italic}
.c1 em {font-style:normal!important; text-transform:uppercase; font-size:11px}
.c1 { left:76px }
.c2 { left:501px }
.c3 { top:535px; line-height:10px; }
.c3 a {font-size:11px; letter-spacing:normal!important; line-height:40px}
.c1 strong, .c2 strong {color:#91908B; letter-spacing:1px; font-weight:normal}
.c2 a, .c3 a { color: #6F83B5; }
.c2 a:link, .c2 a:visited, .c2 a:active, .c3 a:link, .c3 a:visited, .c3 a:active {text-decoration: none; }
.c2 a:visited, .c3 a:visited {color: #6F83B5;}
.c2 a:hover, .c3 a:hover {color: #D07B2B }
#process { width:408px; height:500px; position:absolute; left:304px; top:98px; color:#AFA661; font-size:12px; font-style:italic }
#process strong {color:#91908B; letter-spacing:1px; font-weight:normal}

/* FOOTER */
#footer {position:absolute; top:703px; right:0; text-indent:-99999px; background:url(../assets/footer.gif) no-repeat; width:299px; height:23px }