@charset "utf-8";

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 15px;
	background-color: #667773;
	padding-bottom: 20px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/center.png);
	}
#topBanner {
	width: 100%;
	height: 200px;
	clear:both;
	position: relative;
	margin-top: 80px;
	margin-bottom: 30px;
	background-image: url(../images/topBar.png);
	background-repeat: no-repeat;
	background-position: center;
	}
#colorSelect {
	text-align:right;
	border-top: #FFFFFF 1px dotted;
	padding-top: 0px;
	}  
/* Navigation Code */


a:link, a:visited {
	text-decoration:none;
	font-weight: bold;
	color: #FFFFFF;
	}
a:hover, a:active {
	color:#FFFFFF;
	text-decoration:underline;
	}
h1 {
	font-size: 21px;
	line-height: 20px;
	}

.print ul{
	margin-bottom: 20px;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(../images/bullet.png);
	}
#nav {
width: 460px;
height: 250px;
position: relative;
background: url(../images/navigation.png);
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 50px;
background: url(../images/navigation.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}



/*up state*/
li#nav_about a {
top: 0;
width: 460px;
background-position: 0 0;
}
li#nav_services a {
top: 50px;
width: 460px;
background-position: 0 50px;
}
li#nav_work a {
top: 100px;
width: 460px;
background-position: 0 100px;
}
li#nav_contact a {
top: 150px;
width: 460px;
background-position: 0 150px;
}
li#nav_blog a {
top: 200px;
width: 460px;
background-position: 0 200px;
}

/*hover state*/
li#nav_about a:hover {
background-position: -460px 0px;
}
li#nav_services a:hover {
background-position: -460px -50px;
}
li#nav_work a:hover {
background-position: -460px -100px;
}
li#nav_contact a:hover {
background-position: -460px -150px;
}
li#nav_blog a:hover {
background-position: -460px -200px;
}
/*current state*/
#body_about li#nav_about a {
background-position: -920px 0;
}
#body_services li#nav_services a {
background-position: -920px -50px;
}
#body_work li#nav_work a {
background-position: -920px -100px;
}
#body_contact li#nav_contact a {
background-position: -920px -150px;
}
#body_blog li#nav_blog a {
background-position: -920px -200px;
}

/* Other */
#navigationContainer {
	width: 480px;
	float:left;
	clear:left;
	position: fixed;
}
#bodyContainer {width: 480px;float:right;clear:right; margin-bottom: 50px;}
#aboutTop {
	margin-bottom: 10px;
	}
#contactTop {
	margin-bottom: 10px;
	}
#servicesTop {
	margin-bottom: 10px;
	}
#workTop {
	margin-bottom: 10px;
	}
#aboutInfo p {
	margin-bottom: 10px;
	}
#aboutResume {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px dotted #FFFFFF;
	background-image: url(../images/whiteBg.png);
	}
#contactButton {
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px dotted #FFFFFF;
	background-image: url(../images/whiteBg.png);
	width: 440px;
	}
#resumeInfo p {
	margin: 0;
	padding-right: 40px;
	}
#socialTopBar {
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	}

#socialIcons {
	margin-top: 20px;
	margin-bottom: 50px;
	}
	
/* Portfolio (WORK) styling */

.work {
	margin: 0 0 10px 0;
	border-bottom: dotted 1px #7d9494;
	padding-bottom: 10px;
	}

.workType {
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
	margin: 0;
	}
.workClient {
	font-size: 12px;
	font-weight: bold;
	}
.work a:link, .work a:visited {
	font-weight: normal;
	padding: 5px 8px;
	background-color: #FFF;
	color:#010b0b;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-top: -10px;
	text-decoration: none;
	}
.work a:hover, .work a:active {
	color: #FFF;
	background-color:#010b0b;	
	
	}
.workCopy {
	font-size: 10px;
	text-transform: uppercase;
	line-height: 12px;
	}
	.copy {
	margin-top: 20px;
	padding-right: 30px;
	color: #FFF;
	font-size: 10px;
		}
		
	
		
.cellRow {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	}
.cellRowTitle {
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	}

input.text, textarea {
	border: none 0px #fff;
	margin-top: 5px;
	width: 438px;
	padding: 10px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family: Trebuchet MS, Arial;
color:#666666;
font-size: 11px;
	}
	
.formWrapper {
	border-bottom: dotted 1px #fff;
	border-top: dotted 1px #fff;
	padding: 15px 0 ;
}
input {
	width: 140px;
	border: none 0px #fff;
	padding: 5px;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#666666;
	}
input:focus {
	background-color: #000;
	color: #FFF;
	}
.submitButton {
	width: 458px;
	margin-top: 5px;
	background:url(../images/submit.png) no-repeat top center;
	height: 40px;
	}
.Thumb {
	padding: 5px;
	width: 120px;
	float: left;
	background-color: #FFFFFF;
	margin-right: 20px;
	margin-bottom: 20px;
	}