@import "reset.css";

/************************************************************************ GENERAL ***/
body{background: #0e0e0e url('../img/bg.jpg') 53% 0 no-repeat; font:normal 76%/1.45 arial, verdana, serif; color:#fff;}
#container{position:relative; margin:0 auto; width:960px; height:480px; z-index:3;}
.single #container, .page #container, .error404 #container, .archive #container {height:200px;}
#lower-container{position:relative; margin:0 auto; width:960px; overflow:hidden; margin-bottom:30px; z-index:2;}
.home #container{z-index:2;}
.home #lower-container{z-index:3;}

h1{}
p{margin-bottom:1.5em;}
a{color:#ffa248;}
a:hover{color:#ffd6af;}

/************************************************************************ HEADER ***/
#header{position:relative; width:960px; height:170px; z-index:10;}
#title{display:block; position:absolute; top:50px; right:0; width:615px; height:50px; text-indent:-666em;
		background:transparent url('../img/title.png') no-repeat;}
		
/***************************** LOGO ***/
#logo{position:absolute; top:22px; left:-40px; width:308px; height:139px; background:transparent url('../img/sig.png') no-repeat;}
#logo a{display:block; width:308px; height:139px; text-indent:-666em;}

/***************************** QUICK CONTACT ***/
#quickcontact{display:block; position:absolute; top:0; right:0; color:#9c9c9c;}
#quickcontact strong{color:#fff;}
#quickcontact a{text-decoration:none; color:#fff;}
#quickcontact a:hover{color:#ffa248;}


/***************************** NAVIGATION ***/
#nav{position:absolute; top:132px; right:50px; list-style-type:none;}
#nav li{float:left; margin:0 0 0 50px; padding:0;}
#nav li a{padding:5px 22px; text-decoration:none; text-transform:uppercase;  
		font-size:1.15em; font-family: arial, verdana, serif; color:#fff;}
#nav li a:hover{color:#ffa248;}
#nav li li{margin:0;}
#nav li li a{padding:10px;}


/************************************************************************ MAIN CONTENT  ***/

/***************************** FEATURE ***/
#feature{position:absolute; top:200px; left:-120px; width:1082px; height:399px; background:transparent url('../img/feature.png') no-repeat; z-index:9;}

/***************************** RECENT WORK ***/
#recent-work{float:left; width:617px; padding:23px 0 23px 23px; background:transparent url('../img/trans25.png');}
#recent-work h2{width:625px; padding:10px 0 10px 15px; margin:-23px -23px 23px -23px; background:transparent url('../img/trans50.png');
				 font-size:2em; color:#fff; }
#recent-work h3{font-weight:bold; color:#ffa248; margin-bottom:3px;}
#recent-work h3 a {text-decoration:none;}
#recent-work h3 a:hover{color:#fff;}
#recent-work img{padding:7px; background:#fff; margin-bottom:3px;}
#recent-work .post{float:left; width:288px; min-height:363px; margin-right:24px; color:#fff; font-size:1.2em;}
.home #recent-work .post{margin-right:20px;}
.single #recent-work .post{width:590px;}

.page #recent-work, .error404 #recent-work, .archive #recent-work{width:960px; z-index:1;}
.page #recent-work .post, .error404 #recent-work .post{width:914px;}
.page #recent-work h2, .error404 #recent-work h2, .archive #recent-work h2{width:960px;}

.page-template-gallery-php #recent-work .post{width:289px;}


/***************************** SIDE BAR ***/
#sidebar{float:right; width:244px; padding:23px 23px 23px 23px; background:transparent url('../img/trans25.png'); color:#fff; font-size:1.2em;}
#sidebar h2{width:275px; padding:10px 0 10px 15px; margin:-23px 0 23px -23px; background:transparent url('../img/trans50.png');
			font-size:1.65em; color:#fff;}
#sidebar img{padding:7px; background:#fff;}
#sidebar p{}

.post-meta-key{font-weight:bold;}

/***************************** GALLERY ***/
#gallery{}


/************************************************************************ FOOTER  ***/
#footer{position:relative; margin:30px 0; width:100%; height:150px; background:transparent url('../img/bg-footer.jpg') no-repeat;
		font-size:1.15em;}
#footer ul{position:absolute; top:30px; right:0; width:300px; }
#footer ul li{float:left; border-right:solid 1px #fff;}
#footer ul li a{padding:15px; color:#fff; text-decoration:none;}
#footer ul li a:hover{color:#ffa248;}
#footer ul li.noborder{border:0 none;}

#copyright{position:absolute; top:30px; left:0; color:#fff; }

/************************************************************************ MISCELLANEOUS  ***/
.float-right{float:right; margin:0 0 5px 5px;}
.alignright{float:right; margin:0 0 23px 23px;}