@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	background:#000;

}

div{
	margin:0;
	padding:0;
}

img{	
	border:0;
	padding:0;
	margin:0;
}

form{
	margin:6px;
	padding:0;
	margin-bottom:15px;
}

input{
	border:1px solid #222;
	background:#000;
	color:#fff;
	padding:5px;
}

textarea{
	border:1px solid #222;
	background:#000;
	color:#fff;
	padding:5px;
}


#container{
	position:relative;
	margin:auto;
	background:#000 url(../images/back2.jpg) top center no-repeat;
}


#containerInt{
	position:relative;
	margin:auto;
	background:#000 url(../images/back2int.jpg) top center no-repeat;
}



#banner{
	height:390px;
	width:900px;
	margin:auto;
	position:relative;
}

#bannerFlash{
	position:absolute;
	top: 30px;

}

a#hireMe{
	position:absolute;
	left: 738px;
	top: -18px;
	height:155px;
	width:205px;
	display:block;
	background:url(../images/hire_me.png) no-repeat 50% 0%;
}

a#hireMe:hover{
	background:url(../images/hire_me.png) no-repeat 50% 100%;
}


*html a#hireMe{
	background:url(../images/hire_me.gif) no-repeat 50% 0%;
}

*html a#hireMe:hover{
	background:url(../images/hire_me.gif) no-repeat 50% 100%;
}


#tagline{
	position:absolute;
	left: 52px;
	top: 92px;
	color:#fff;
	width:350px;
	font-size:1.2em;
	font-family: Century Gothic, Arial, Verdana
}



#contentContainer{
	clear:both;
	width:900px;
	margin:auto;
		
}

#leftContent{
	width:29.5%;
	float:left;
	padding:15px;
}



#midContent{
	width:29.5%;
	float:left;
	padding:15px;
}


#rightContent{
	width:29.5%;
	float:left;
	padding:15px;
}


#footer{
	clear:both;
	padding:15px 0px 70px 0px;
	width:100%;
	border-top:1px solid #111;
	background:url(../images/footer.jpg) bottom right no-repeat;
}


#footer ul{
	padding:0px 20px;
	margin:0;
}

#footer ul li{
	list-style:none !important;
	margin:0;
	padding:3px 10px;
}

#footer ul li a{
	display:block;
}



/*-----------------------------MENU---------------------------*/

#nav{
	position:relative;
	text-align:right;
	font-size:1.2em;
	width:900px;
	height:96px;
	margin:auto;
	

}

#nav img{
	border:0;
}


.menu{
	display:inline-block;
	padding:15px;

}

#footerMenu{
	padding:10px 20px;
	margin:0;
}

#footerMenu li{
	list-style:none !important;
}

/*---------------------------INTERIOR PAGE--------------------------*/

#contentContainerInt{
	clear:both;
	width:900px;
	margin:auto;

		
}

#leftContentInt{
	width:63%;
	float:left;
	padding:10px;
}



/*---------------------------PORFOLIO PAGE--------------------------*/


#porfolioLeft{
	float:left;
	width:31%;
	padding:10px;
}

#porfolioMid{
	float:left;
	width:31%;
	padding:10px;
}

#porfolioRight{
	float:left;
	width:31%;
	padding:10px;
}


/*--------------------------CLASSES-------------------*/

.submit{
	background:#0175b1;
	color:#fff;
	border:0;
	cursor:pointer;
}

.listStyleNone{
	list-style:none !important;
}

.submit:hover{
	background:#0093df;
	color:#fff;
	border:0;
	cursor:pointer;
}

.border{
	border:1px solid #222;
}



.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}



.clear{
	clear:both;
}

.padding5{
	padding:5px;
}

.padding10{
	padding:10px;
}

.separator{
	background:url(../images/separator.jpg) repeat-x;
	height:1px;
	width:100%;
	clear:both;
}

.label{
	background:#111;
	width:100%;
}

.small{
	font-size:.7em;
}

.width5{
	width:5%;
}
.width10{
	width:10%;
}
.width15{
	width:15%;
}
.width20{
	width:20%;
}
.width25{
	width:25%;
}
.width28{
	width:28%;
}
.width30{
	width:30%;
}
.width33{
	width:33%;
}

.width35{
	width:35%;
}
.width38{
	width:38%;
}
.width40{
	width:40%;
}
.width45{
	width:45%;
}
.width48{
	width:48%;
}

.width50{
	width:50%;
}
.width55{
	width:55%;
}
.width60{
	width:60%;
}
.width65{
	width:65%;
}
.width68{
	width:68%;
}
.width70{
	width:70%;
}
.width71{
	width:71%;
}

.width75{
	width:75%;
}
.width80{
	width:80%;
}
.width90{
	width:90%;
}


.height37{
	height:37px;
}