@import url(reset.css);

/*=LAYOUT==========================================================*/
.clear {clear:both;}
.hidden {display:none;}
body {text-align:center; background: transparent url('../images/blackwood2.jpg') fixed;} /*IE workaround to centre webpage*/

#wrapper {position:relative; width:960px; margin:0 auto; text-align:left; background:transparent;}
#header {height:100px;}
#header a.logo {display:block; width:285px; height:85px; position:absolute; top:0; left:0;}
#header .client_login {position:absolute; top:3px; right:0; padding:0 5px;}
#header .client_login p {font-size:1em; text-transform:uppercase;}
#header .client_login p a {text-decoration:none; background:#252420; padding:5px; color:#b1afa7; border:1px solid #535353; -moz-border-radius:5px;}
#header .client_login p a:hover {background:#4e4e4e;}
#header h1 {height:85px; text-indent:-5000px; background:url('../images/logo.png') no-repeat}
#content {margin-left:10px; background:transparent; padding:0; border:none;}
#footer {width:960px; clear:both; padding-bottom:10px;}

/*=MAIN NAV POSITIONING===========================================================================================================*/
#main_nav {position:absolute; top:70px; left:335px;}
#main_nav ul {width:622px; height:25px; background:url('../images/navsprite.png') no-repeat;}
#main_nav ul li {float:left;}
#main_nav ul li a {position:absolute; display:block; height:25px; text-indent:-5000px; overflow:hidden;}
#main_nav ul li.music a {left:0; width:68px;}
#main_nav ul li.headshots a {left:80px; width:117px;}
#main_nav ul li.corporate a {left:210px; width:115px;}
#main_nav ul li.blog a {left:480px; width:56px;}
#main_nav ul li.about a {left:550px; width:72px;}

/* Positioning nav sprites on hover */
#main_nav ul li.music a:hover {background:transparent url('../images/navsprite.png') 0 -25px no-repeat;}
#main_nav ul li.headshots a:hover {background:transparent url('../images/navsprite.png') -80px -25px no-repeat;}
#main_nav ul li.corporate a:hover {background:transparent url('../images/navsprite.png') -210px -25px no-repeat;}
#main_nav ul li.blog a:hover {background:transparent url('../images/navsprite.png') -480px -25px no-repeat;}
#main_nav ul li.about a:hover {background:transparent url('../images/navsprite.png') -550px -25px no-repeat;}

/* Positioning jquery generated divs (with javascript enabled) */
.jq-music {position:absolute; left:0; width:67px; height:25px; background:transparent url('../images/navsprite.png') 0 -25px no-repeat;}
.jq-headshots {position:absolute; left:80px; width:117px; height:25px; background:transparent url('../images/navsprite.png') -80px -25px no-repeat;}
.jq-corporate {position:absolute; left:210px; width:115px; height:25px; background:transparent url('../images/navsprite.png') -210px -25px no-repeat;}
.jq-blog {position:absolute; left:480px; width:56px; height:25px; background:transparent url('../images/navsprite.png') -480px -25px no-repeat;}
.jq-about {position:absolute; left:550px; width:72px; height:25px; background:transparent url('../images/navsprite.png') -550px -25px no-repeat;}

/* Indicating current page */
body#portfolio #main_nav ul li.music a {background:transparent url('../images/navsprite.png') 0 -50px no-repeat;}
body#portfolio #main_nav ul li.headshots a {background:transparent url('../images/navsprite.png') -80px -50px no-repeat;}
body#portfolio #main_nav ul li.corporate a {background:transparent url('../images/navsprite.png') -210px -50px no-repeat;}
body#blog #main_nav ul li.blog a {background:transparent url('../images/navsprite.png') -480px -50px no-repeat;}
body#about #main_nav ul li.about a {background:transparent url('../images/navsprite.png') -550px -50px no-repeat;}
/*================================================================================================================================*/

#primary #banner {width:900px; height:450px; margin:0 auto; border-width:10px 5px; border-color:#fff; border-style:solid;}
#primary #banner {-moz-border-radius:5px;}

#flashcontent {width:960px;}

/*=PORTFOLIO PAGES================================================================================================================*/
body#portfolio #content #primary {width:445px; margin:40px 0 20px 20px; float:left;}
body#portfolio #content #primary h2 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color:#008989; font-size:2.5em; text-transform:uppercase;}

body#portfolio #content #secondary {width:445px; float:right; margin:40px 20px 20px 0;}
body#portfolio #content #secondary .slideshow li {float: left; margin:0 4px 4px 4px;}
/*redirection div*/
body#portfolio #content #secondary #redirect {position:relative; left:-210px; margin:120px 0; color:#b1aea0; background:#252420; padding:20px; border:1px solid #535353; -moz-border-radius:5px;}


/*=CLIENT GALLERY LIST============================================================================================================*/
body#clients #content #primary {width:700px; margin:20px 0 20px 20px;}
body#clients #content #primary h2 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color:#008989;}
body#clients #content #primary p {color:#b1aea0;}
body#clients #content #primary ul {list-style:disc inside; padding:20px; width:460px; background:#252420; border:1px solid #535353; -moz-border-radius:5px;}
body#clients #content #primary ul li {padding:0 0 0 20px; color:#b1aea0;}
body#clients #content #primary ul li a {color:#fff;}

body#clients #content #primary table {padding:20px; background:#252420; border:1px solid #535353; -moz-border-radius:5px;}
body#clients #content #primary td, body#clients #content #primary th {padding:4px 10px; color:#b1aea0;}
body#clients #content #primary th {text-decoration: underline;}
body#clients #content #primary td a {color:#fff;}

/*=CLIENT GALLERIES===============================================================================================================*/
body#gallery #content {margin-top:20px;}
body#gallery #content #primary h3 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; background:#252420; color:#008989; font-size:3em; padding:10px 0 15px 10px; border:1px solid #535353; -moz-border-radius:5px; position:relative;}
body#gallery #content #primary h3 span {position:absolute; right:10px;}
body#gallery #content #primary p {color:#b1aea0;}

/*=CLIENT ORDER PAGES==============================================================================================================*/
body#order #content {margin-top:20px;}
body#order #content #primary h3 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; background:#252420; color:#008989; font-size:3em; padding:10px 0 15px 10px; border:1px solid #535353; -moz-border-radius:5px; position:relative;}
body#order #content #primary h3 span {position:absolute; right:10px;}
body#order #content #primary p {color:#b1aea0;}
body#order #content #primary td {color:#fff;}


/*=CONTACT PAGES==================================================================================================================*/
#contact_content {margin:20px 0 20px 170px;}
#contact_form {padding:20px; width:560px; background:#252420; border:1px solid #535353; -moz-border-radius:5px;}
#contact_form h3 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color:#008989; font-size:3em; padding:0 0 20px 0;}
#contact_form p {color:#b1aea0;}
#contact_form p.error {color:#252420; background:#b1aea0; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold;}
#contact_form label {float:left; width:200px; color:#fff; text-transform:uppercase;}
#contact_form input {width:300px; background:#aaa;}
#contact_form input#submit {width:auto;}
#contact_form textarea {width:560px; background:#aaa;}

/*=LOGIN PAGE=====================================================================================================================*/
#login_content {margin:100px 0 120px 270px;}
#login_form {padding:20px; width:360px; background:#252420; border:1px solid #535353; -moz-border-radius:5px;}
#login_form h3 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color:#008989; font-size:3em; padding:0 0 20px 0;}
#login_form p {color:#b1aea0;}
#login_form p.error {color:#252420; background:#b1aea0; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold;}
#login_form label {float:left; width:100px; color:#fff; text-transform:uppercase;}
#login_form input {width:200px; background:#aaa;}
#login_form input#submit {width:auto;}
#login_form textarea {width:360px; background:#aaa;}

/*=ABOUT PAGE=====================================================================================================================*/
body#about #content {margin:20px 0 0 10px;}
body#about #content #primary {width:540px; float:left; background:#252420; padding:20px; border:1px solid #535353; -moz-border-radius:5px;}
body#about #content #primary h2 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-size:2.5em; color:#008989; background:#111112; padding-left:5px; border-color:#252420 #252420 #353430 #252420; border-style:solid; border-width:3px; margin-bottom:5px;}
body#about #content #primary p {color:#b1aea0;}
body#about #content #primary img {float:left; width:120px; border:5px solid #fff; margin-right:10px; margin-top:7px;}
body#about #content #secondary {width:320px; float:right; margin-right:10px; background:#111112; padding:10px; border:1px solid #353535; -moz-border-radius:5px;}
body#about #content #secondary h3 {color:#4e4e4e; background:#252420; border:#0a0a0b solid 1px; padding-left:5px; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; text-transform:uppercase;}
body#about #content #secondary div.quote {padding:10px;}
div.quote blockquote {font-size:1.1em; line-height:1.6em; color:#b1afa7; background:url(../images/quote_16x16.png) no-repeat; text-indent:20px;}
div.quote p.client_name, div.quote p.date {color:#4e4e4e;}
div.quote p.date {margin-top:0;}
body#about #content #secondary img {margin-left:10px; width:170px; border:5px solid #fff;}

/*=FOOTER=========================================================================================================================*/
#footer .block {float:left; width:420px; padding:20px 20px 10px 30px;}
#footer .block h3 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color:#008989;}
#footer .block ul {list-style-type:disc; list-style-position:inside;}
#footer .block ul li, #footer .block p {color:#b1afa7;}
#footernav {clear:both; float:right;}
#footernav ul li {display:inline; color:#a19fad;}
#footernav ul li a {text-decoration:none; text-transform:uppercase;}