/* CSS Document */
@import "/css/reset.css";

body {background-color:#F9F9F2; color:#272F30; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
p { margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#136FA8; text-decoration:none; font-style:italic;}
a:hover {color:#136FA8; text-decoration:underline;}
h1,h2,h3,h4,h5 { color:#5A7566; }
div#bd, div#ft {width:940px; padding:0 10px; margin:0 auto;}
div#bd {padding-bottom:30px;}
#sidebar { float:right; width:260px; padding:20px; background-color:#FEFEFC; background:url(../images/sidebar.png) 0px 0px no-repeat; min-height:300px; }
p#intro { margin:20px 0px 40px; padding:15px 30px; font-size:18px; line-height:28px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; }

/* HD */
div#hd { width:960px; margin:60px auto 0px;}
div#hd h1 a { margin-left:10px; height:61px; float:left; display:block; width:190px; text-indent:-9999px; background-image:url(../images/logo.png); background-repeat:no-repeat; }

/* NAV */
ul#nav {float:right; width:420px; height:121px;}
ul#nav li {display:block; float:left; width:140px;}
ul#nav li a {display:block; float:left; width:140px; height:121px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif normal; font-size:16px; font-weight:bold; text-transform:uppercase; text-indent:-9999px; color:#272F30; font-style:normal;}
ul#nav li a:hover { color:#FDBB54; text-decoration:none; }
ul#nav li a[title|='Work'] {background:url(../images/nav.png) 0px 0px no-repeat;}
ul#nav li a[title|='About'] {background:url(../images/nav.png) -140px 0px no-repeat;}
ul#nav li a[title|='Contact'] {background:url(../images/nav.png) -280px 0px no-repeat;}
ul#nav li a[title|='Work']:hover {background:url(../images/nav.png) 0px -121px no-repeat;}
ul#nav li a[title|='About']:hover {background:url(../images/nav.png) -140px -121px no-repeat;}
ul#nav li a[title|='Contact']:hover {background:url(../images/nav.png) -280px -121px no-repeat;}
/*
ul#nav li a[title|='Work']:active {background:url(../images/nav.png) 0px -242px no-repeat;}
ul#nav li a[title|='About']:active {background:url(../images/nav.png) -140px -242px no-repeat;}
ul#nav li a[title|='Contact']:active {background:url(../images/nav.png) -280px -242px no-repeat;}
*/
ul#nav li a[title|='Work'].on {background:url(../images/nav.png) 0px -242px no-repeat;}
ul#nav li a[title|='About'].on {background:url(../images/nav.png) -140px -242px no-repeat;}
ul#nav li a[title|='Contact'].on {background:url(../images/nav.png) -280px -242px no-repeat;}

/* HOME-SLIDESHOW */
div#slideshow { height:300px; width:940px; background-color:#272F30;}
ul#clientLogin { height:175px; width:220px; position:absolute; margin-left:700px; float:right; background-image:url(../images/bkgdClientLogin.png); padding:125px 0px 0px 20px; z-index:50;}
ul#clientLogin li a[title|='Client Login'] {background:url(../images/btnClientLogin.png) 0px 0px no-repeat; width:113px; height:34px; display:block; text-indent:-9999px;}
ul#clientLogin li a[title|='Client Login']:hover {background:url(../images/btnClientLogin.png) 0px -34px no-repeat;}
ul#clientLogin li a[title|='Client Login']:active {background:url(../images/btnClientLogin.png) 0px -68px no-repeat;}
ul#clientLogin li {color:#F9F9F2; padding-bottom:8px;}
ul#clientLogin li a {color:#30CFFF; font-style:italic;}
.pics { height:300px; width:940px; overflow:hidden; }

/* HOME-LOWERTHIRD */
div#lowerThird { padding-top:60px; background:url(../images/bkgdSlide.png) 0px 0px no-repeat;}
div#lowerThird h2 { width:300px; float:left; font:19px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic;}
div#lowerThird h3 { font:18px Arial, Helvetica, sans-serif normal; font-style:italic; color:#5A7566; text-transform:uppercase; margin-bottom:10px;}
div#lowerThird div { width:300px; float:right; margin-left:20px;}

/* WORK */
body#work h2  { color:#5A7566; font:24px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic; }
body#work div#bd div { width:940px; margin-bottom:60px; padding-top:15px; background:url(../images/bkgdWork.png) 0px 0px no-repeat; background-position:left bottom; padding-bottom:15px; }
body#work div#bd div.last { margin-bottom:0px; }
body#work div#bd img { width:620px; float:left; border:1px solid #ccc; }
body#work div#bd h3, body#work div#bd ul, body#work div#bd h4, body#work div#bd div p { width:290px; float:right; }
body#work div#bd h3 { margin-bottom:10px; font:20px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic; }
body#work div#bd h4 { font:18px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic; }
body#work div#bd ul li { margin:0 0 5px 5px; padding-left:15px; background:transparent url(../images/bullet.png) no-repeat scroll left center; }

/* ABOUT */
div#bio { float:left; width:530px;}
div#bio h2 {color:#5A7566; font:24px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic; margin-bottom:30px;}
div#bio h3 { margin:20px 0px 10px 40px; font:18px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic; }
div#bio p { margin-left:40px; font-size:16px; line-height:24px;}
div#sidebar h3 { color:#5A7566; font:18px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic;}
div#sidebar ul { margin:10px 10px 30px;}

/* CONTACT */
body#contact h2  { color:#5A7566; font:24px Trebuchet MS, Arial, Helvetica, sans-serif normal; font-style:italic; }
#customForm{ float:left; padding:0px 5px 10px; width:490px; margin-left:40px; }
#customForm label{ display: block; font-weight: 700; line-height: 1.4em; margin-bottom:10px; }
#customForm label span.req{ color:#FFA410; margin-left: 3px;}

#customForm input{ width: 468px; padding: 6px; color:#949494; border:none; border-left:solid 2px #E2E2E2; border-bottom:solid 3px #E2E2E2; background-color:#fff; font-size:26px; font-family:Arial,Helvetica,sans-serif; }

#customForm input:focus { border-color:#A6A6A6; }
#customForm input.phone{ width: 3em; }
#customForm td span { margin:0px 10px;}
#customForm input.error{ background: #fff; }
#customForm select { font-size:16px; }

#customForm textarea { width: 468px; height: 200px; padding: 6px; font-size:20px; font-family:Arial,Helvetica,sans-serif; border:none; color:#949494; border-left:solid 2px #E2E2E2; border-bottom:solid 3px #E2E2E2; background-color:#fff; }

#customForm textarea:focus { border-color:#A6A6A6; }

#customForm textarea.error{ background: #fff; }
#customForm div{ margin-bottom: 15px; }
#customForm div table{
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{ color: #FFA410; display:inline-table; padding:5px; font-weight:bold; font-size:11px; }
#customForm #send {
	background:transparent;
	background:url(../images/btnSend.png) 0px 0px no-repeat;
	text-indent:-9999px;
	color: #fff; 
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	width:113px;
	height:34px;
	font-size:16px;
	text-transform:uppercase;
	float:right;
	margin-right:8px;
}
#customForm #send:hover{ 	background:url(../images/btnSend.png) 0px -34px no-repeat; }
#error{ margin-bottom: 20px; border: 1px solid #efefef; width:490px; }
#error ul{ list-style: square; padding: 5px; font-size: 11px; }
#error ul li{ list-style-position: inside; line-height: 1.6em; }
#error ul li strong{ color: #FFA410; }
#error.valid ul li strong{ color: #5A7566; }

/* FT */
#ft { border-top:1px dotted #CCCCCC;}
#ft ul { width:300px; float:right; margin-top:20px; }
#ft li { display:inline; float:right; padding-left:20px; }
#ft li a { font-size:9px; font-style:normal; display:inline; text-align:right; color:#ccc; }
#ft li a:hover { color:#136FA8; text-decoration:none; }
#ft p { font-size:9px; float:left; width:530px; height:30px; margin-top:20px; text-align:left; color:#ccc; }

#keywords {text-indent:-9999px;}

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */