body{font-family:"Helvetica", san-serif; margin:0; background:#111;}
img{border:0;}
h2{color:#fff; font-size:1.5em; font-weight:normal; line-height:1.3em; margin-bottom:15px; padding:0; letter-spacing: 0.04em;
	}
h3{color:rgb(240,17,123); font-size:0.9em; font-weight:normal; line-height:1.3em; margin:10px 0 15px 0; padding:0; letter-spacing: 0.04em;
	}

.clear{clear:both;}
.logo{width:283px; height:162px; background: url(../images/topNav.gif);}
.logo a{height:162px; display:block;}
.logo a:hover{background:url(../images/topNav.gif) -301px 0 no-repeat;}
.ant{border:15px solid #252525;}
.pink{color:rgb(240,17,123);}
.thumbs{float:left; margin:0 0 50px 0; padding:0; width:300px;}
.thumbs img, .thumbsMid img{border:12px solid #252525; }
.thumbs img:hover, .thumbsMid img:hover{border:12px solid #363636; float:left; margin-bottom:10px;}
.thumbs p, .thumbsMid p{font-size:0.7em; letter-spacing:0.04em; line-height:1.3em; color:#fff; width:287px; border-left:3px solid #252525; padding-left:10px;}
.thumbsMid{float:left; margin:0 100px 50px; padding:0; width:300px;}
.desc{color:#fff; font-size:0.8em; margin:0 0 25px 0; letter-spacing:0.04em;}
.spamHeader{color:#fff; font-size:1.0em; font-weight:normal; line-height:1.3em; margin-bottom:15px; padding:0; letter-spacing: 0.04em;}
.contact{list-style:none; margin:0; padding:0; font-size:0.8em; color:#fff; letter-spacing:0.04em;}
.contact li{margin:0 0 10px 0; padding:0;}
.contact a{color:#fff;}
.social{margin-top:25px;}

#topContainer{
	background:rgb(240,17,123); 
	margin:0 auto; 
	padding-top:40px; 
	border-bottom:2px solid rgb(240,131,183);
}

#top{
	background:rgb(240,17,123);
	width:1100px;
	margin:0 auto;
}

#topRight a{color:#fff; text-decoration: none;}
#topRight a:hover{color:rgb(240,202,220); text-decoration: none;}

#topLeft{
	float:left;
	width: 285px;
	color:rgb(240,202,220);
}

#topLeft p{font-size:1.1em; margin-top:42px; letter-spacing:0.08em;}

#topRight{
	float:right;
	width:666px;
	color:rgb(240,202,220)
}

#topRight p{font-size:1.13em; letter-spacing:0.09em; margin:0; padding:0; line-height:1.25em; margin-bottom:25px;}

#portfolio{padding:45px 0; border-bottom:1px solid rgb(110,91,100); background:#000;} 

.portfolio{padding:25px 0; border-bottom:1px solid rgb(110,91,100); background:#000;}

#portfolioContainer, .portfolioContainer{width:1100px; margin:0 auto; position: relative;}

#portfolioLeft{
	float:left;
	width:360px;
	}
	
#portfolioLeft h1{
	color:#fff;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.3em;
	margin-bottom:15px;
	padding:0;
	letter-spacing: 0.04em;
	width:400px;
	}

#portfolioLeft p{
	color:#fff;
	font-size:0.8em;
	line-height:1.5em;
	letter-spacing:0.09em;
	width:370px;
	margin-bottom: 20px;
	}
	
#portfolioRight p{
	color:#fff;
	font-size:0.8em;
	line-height:1.5em;
	letter-spacing:0.09em;
	width:550px;
	margin-bottom: 35px;
	}
	
#portfolioLeft a{color:#fff; text-decoration:none;}
#portfolioLeft a:hover{color:rgb(240,202,220); text-decoration:none;}

#portfolioRight a{color:rgb(240,202,220); text-decoration:none;}
#portfolioRight a:hover{color:#fff; text-decoration:none;}

#portfolioRight{float:right; color:#fff; width:550px;}
#portfolioRight h1{
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	}
	
#contentContainer{background:rgb(28,2,14); padding:50px 0; border-bottom:1px solid rgb(110,91,100);}

.contentContainer{background:rgb(28,2,14); padding:25px 0; border-bottom:1px solid rgb(110,91,100);}

#content, .content{
	width:1100px;
	margin:0 auto;
	padding:0 25px;
}

#content h1{
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}

#content p{
	color:#fff;
	line-height:1.5em;
	letter-spacing:0.08em;
	margin-top:30px;
	font-size:0.8em;
	}

#col1{
	float:left;
	width:300px;
}
	
#col2{
	float:left;
	width:300px;
	margin:0 100px;
}

#col3{
	float:right;
	width:300px;
	left:0;
}

#footerContainer{background:#111111;}

#footer{
	width:1100px;
	margin:0 auto;
	padding:45px;
	color:#fff;
	letter-spacing: 0.09em;
	font-size:0.8em;
	}
	
#footer a{color:#fff; text-decoration: none;}
#footer a:hover{color:#fff; background:rgb(240,17,123); text-decoration:none;}
	
#footerLeft{float:left;}
#footerLeft ul{margin: 0; padding:0; list-style:none;}
#footerLeft li{display:inline;}

#footerRight{float:right;}

/*About*/
#services{float:left; width:330px;}
#skills{float:right;}
#portfolioRight ul{margin:15px 0 0 0; padding:0; list-style:none;}
#portfolioRight li{
	color:#fff;
	line-height:1.5em;
	letter-spacing:0.08em;
	margin-top:3px;
	font-size:0.8em;
	}


/*Rollovers*/
#socialMedia{margin:25px 0 18px; padding:0;}
#socialMedia li{margin:0 20px 0 0; padding:0; list-style:none; display:block; float:left;}
#socialMedia, #socialMedia a{height:50px; display:block;}

#twitter a{width:32px; background:url(../images/topNav.gif) no-repeat 0 -259px;}
#twitter a:hover{width:32px; background:url(../images/topNav.gif) no-repeat 0 -311px;}

#facebook a{width:48px; background:url(../images/topNav.gif) no-repeat -46px -259px;}
#facebook a:hover{width:48px; background:url(../images/topNav.gif) no-repeat -46px -311px;}

#rss a{width:45px; background:url(../images/topNav.gif) no-repeat -107px -259px;}
#rss a:hover{width:45px; background:url(../images/topNav.gif) no-repeat -107px -311px;}

#friendfeed a{width:43px; background:url(../images/topNav.gif) no-repeat -164px -259px;}
#friendfeed a:hover{width:43px; background:url(../images/topNav.gif) no-repeat -164px -311px;}

#nav{margin:0 0 48px; padding:0; float:right;}
#nav li{margin:0 0 0 29px; padding:0; list-style:none; display:block; float:left;}
#nav, #nav a{height:22px; display:block;}

#homeNav a{width:63px; background:url(../images/topNav.gif) no-repeat 0 -190px;}
#homeNav a:hover{width:63px; background:url(../images/topNav.gif) no-repeat 0 -213px;}

#aboutNav a{width:65px; background:url(../images/topNav.gif) no-repeat -87px -190px;}
#aboutNav a:hover{width:65px; background:url(../images/topNav.gif) no-repeat -87px -213px;}

#portfolioNav a{width:95px; background:url(../images/topNav.gif) no-repeat -178px -190px;}
#portfolioNav a:hover{width:95px; background:url(../images/topNav.gif) no-repeat -178px -213px;}

#blogNav a{width:50px; background:url(../images/topNav.gif) no-repeat -298px -190px;}
#blogNav a:hover{width:50px; background:url(../images/topNav.gif) no-repeat -298px -213px;}

#hireNav a{width:86px; background:url(../images/topNav.gif) no-repeat -374px -190px;}
#hireNav a:hover{width:86px; background:url(../images/topNav.gif) no-repeat -374px -213px;}

#contactNav a{width:87px; background:url(../images/topNav.gif) no-repeat -483px -190px;}
#contactNav a:hover{width:87px; background:url(../images/topNav.gif) no-repeat -483px -213px;}

body.homeBody #nav li a#homeNav {background:url('../images/topNav.gif') no-repeat 0 -213px;}
body.aboutBody #nav li a#about {background:url('../images/topNav.gif') no-repeat -88px -213px;}
body.portfolioBody #nav li a#portfolio {background:url('../images/topNav.gif') no-repeat -178px -213px;}
body.hiremeBody #nav li a#hireme {background:url('../images/topNav.gif') no-repeat-374px -213px;}
body.contactBody #nav li a#contact {background:url('../images/topNav.gif') no-repeat -483px -213px;}

.hire{width:141px; height:30px; background: url(../images/buttons.png); margin-top:45px;}
.hire a{height:30px; display:block;}
.hire a:hover{background:url(../images/buttons.png) 0 -37px no-repeat;}

.testimonials{width:141px; height:30px; background: url(../images/buttons.png) -153px 0; margin-top:45px;}
.testimonials a{height:30px; display:block;}
.testimonials a:hover{background:url(../images/buttons.png) -153px -37px no-repeat;}

.theBlog{width:141px; height:30px; background: url(../images/buttons.png) -306px 0; margin-top:45px;}
.theBlog a{height:30px; display:block;}
.theBlog a:hover{background:url(../images/buttons.png) -306px -37px no-repeat;}

.send a:hover{background:url(../images/buttons.png) -459px -37px no-repeat; cursor:pointer;}
.send2{margin-right:40px;}
input.submit{
	margin:0;
}

form button{
	float:right;
	margin-top:10px;
	margin-right:85px;
	width:141px;
	height:30px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background:url(../images/buttons.png) no-repeat -459px 0;
	cursor:pointer;
	vertical-align:middle;
}

form button{
	float:right;
	margin-top:10px;
	margin-right:65px;
	width:141px;
	height:30px;
	border:none;
	text-indent:-8000px;
	overflow:hidden;
	background:url(../images/buttons.png) no-repeat -459px 0;
	cursor:pointer;
	vertical-align:middle;
}

form button:hover{
	background:url(../images/buttons.png) no-repeat -459px -37px;
	cursor:pointer;
}

/*Contact Form*/
#contact{width:489px;}

#contact .input-text{
	border:1px solid #363636;
	width: 311px;
	height: 15px;
	color:#fff;
	text-align: justify;
	font-size:1.1em;
	margin-bottom:15px;
	padding:5px;
	background:#252525;
	font-family:"Helvetica", san-serif;
	letter-spacing:0.04em;
}

#contact label{
	display:block;
	margin: 15px 0;
	color: #fff;
	font-size:0.8em;
}

#contact label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:left;
}

#contact textarea{
	width:300px;
	height: 150px;
	font-size:1.1em;
	background:#252525;
	border:1px solid #363636;
	color:#fff;
	padding:10px;
	font-family:"Helvetica", san-serif;
	letter-spacing:0.04em;
}

#contact p{
	margin: 25px 0 0 0;
	width: 825px;
	padding-bottom:10px;
}

.boxes{font-size:0.8em; margin:25px 0 5px 0; padding:0; color:#fff; letter-spacing:0.04em; line-height:1.2em;}

.hireMe{width:489px;}

.hireMe .input-text{
	border:1px solid #363636;
	width: 311px;
	height: 15px;
	color:#fff;
	text-align: justify;
	font-size:1.1em;
	margin-bottom:15px;
	padding:5px;
	background:#252525;
	font-family:"Helvetica", san-serif;
	letter-spacing:0.04em;
}

.hireMe label{
	display:block;
	margin: 15px 0;
	color: #fff;
	font-size:0.8em;
}

.hireMe label span{
	display:block;
	float:left;
	padding-right:6px;
	width:120px;
	text-align:left;
}

.hireMe textarea{
	width:430px;
	height: 150px;
	font-size:1.1em;
	background:#252525;
	border:1px solid #363636;
	color:#fff;
	padding:10px;
	font-family:"Helvetica", san-serif;
	letter-spacing:0.04em;
	margin:25px 0 0 0;
}

.hireMe p{
	margin: 25px 0 0 0;
	width: 825px;
	padding-bottom:10px;
}

.radio{margin:0 5px 15px 10px;}