/** 
 * @theme name  ::       imagine
 * @author      ::       Arjay Aquino arjayaquino@imagineinfinitystudios.com
 * @date        ::       03.06.2009
 * @description ::       layout.css handles positioning of main elements and formatting of elements
 * @copyright   ::       Copyright(C) 2009 Imagine Infinity Studios
**/


/**											POSITIONING
 *--------------------------------------------------
*/

body{
	color:#acacac;
	background: #000000 url(images/bodyBG.jpg) top repeat-y fixed;
	min-width: 1000px;
}


/*--------------------=HEADER -------------------*/
#headerWrap{
	background:#000000 url(images/headerIMG.jpg) no-repeat top center;
	height:299px;
	overflow:hidden;
	position:relative;
	width:100%;
}

#headerContent{
	margin:0 auto;
	width:960px;
}

#headerInfo{
	height:0px;
	text-indent:-10000px;
	width:0px;
}

#headerNav{
	float:right;
}


/*--------------------=INFORMATION ------------------*/
#informationWrap{
	background:#000000;
	width:100%;
}
#infoContainer{
	margin:0 auto;
	overflow:hidden;
	padding:25px 0px 35px 0px;
	position:relative;
	width:960px;
}


/*---------------------=WORK ------------------------*/
#workWrap{
	background:url(images/shadow.png) top center no-repeat;
	margin:0 auto;
	overflow:hidden;
	padding:35px 0px;
	position:relative;
	width:960px;
}

.workPost{
	border-bottom:#111111 1px solid;
	float:left;
	padding-bottom:17px;
	margin-bottom:18px;
	width:960px;
}

.workPost .postImage{
	background:url(images/transparency_black.png);
	border:#333333 1px solid;
	float:left;
	height:310px;
	padding:10px 0px 0px 10px;
	width:580px;
}
.workPost .postDetails{
	float:left;
	margin-left:15px;
	width:353px;
}

.workPost .backtoTop{
	clear:both;
	float:right;
	margin-top:15px;
	width:80px;
}

/*-------------------=FOOTER ----------------------*/
#footerWrap{
	background:#000000 url(images/footerIMG.jpg) no-repeat top center;
	width:100%;
}

#footer{
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:960px;
}

#footerOption{
	clear:both;
	float:left;
	width:960px;
}
#footerOption #backtoTop{
	float:right;
}


/*--------CONTACT------------*/
#contact{
	clear:both;
	float:left;
	width:960px;
}

#footer #contactDetails{
	float:left;
	margin-right:35px;
	width:395px;
}

#footer #wpcf7-f1-p4-o1{
	height:160px;
}

#footer #contactForm{
	float:left;
	padding-top:30px;
	width:530px;
}

#contactForm #formLeft{
	float:left;
	margin-right:25px;
	width:205px;
}

#contactForm #formRight{
	float:left;
	width:300px;
}

/*--------MISC------------*/
#footerMisc{
	clear:both;
	float:left;
	width:960px;
}

#footerMisc #fInfo{
	margin:0 auto;
	width:400px;
}



/**											FORMATTING
 *--------------------------------------------------
*/

/*-------------------=GLOBAL ----------------------*/
a{color: #e66908; text-decoration: none; padding:0px 3px 0px 3px;}
a:hover{color: #e66908; text-decoration:none; background-color:#161616;}
a:focus{outline:none;}
a:visited{color: #e66908;}

a.imgLink{padding:0px;}
a:hover.imgLink{background:none;}

/*--------CUSTOM BUTTONS------------*/
a.customButton{
	background:url(images/transparency_black.png);
	border:none;
	color: #e66908;
	display:block;
	height:22px;
	padding:3px 10px 0px 10px;
	text-decoration: none;
}
a:hover.customButton{
	color: #723302;
	text-decoration: none;
}
a:visited.customButton{
	color: #e66908;
	text-decoration: none;
}


/*-------------------=HEADER ----------------------*/

/*--------NAV------------*/
#headerNav ul li{
	display:block;
	float:left;
	margin-left:3px;
	text-align:center;
}

#headerNav a{
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
}


/*-------------------=FOOTER ----------------------*/
#footer{
	color:#FFFFFF;
}

/*--------LINKS------------*/
#footer a{
	color: #009eff; 
}
#footerMisc a, #contact a{
	padding:0px 3px 0px 3px;
	text-decoration: none; 
}
#footerMisc a:hover, #contact a:hover{
	color: #009eff; 
	text-decoration:none;
	background:url(images/transparency_black.png);
}
#footerMisc a:visited, #contact a:visited{
	color: #009eff;
}

#footer a.imgLink{padding:0px 3px 0px 3px;}
#footer a:hover.imgLink{background-image:none;}

/*--------MISC------------*/
#footerMisc{
	font-size:0.9em;
}
#footerMisc ul li{
	display:block;
	float:left;
	margin-right:10px;
}


/*--------FORM------------*/
#formSubmit{
	padding-top:5px;
	text-align:right;
}
#formSubmit img{
	padding-right:10px;
}
#formSubmit input{
	background:url(images/transparency_black.png);
	border:none;
	color: #009eff;
	width:60px;
	padding:3px 10px 3px 10px;
	text-decoration: none;
}