body {
	margin: 0;
	padding: 0;
}

#headerStrip {
	background: url(assets/bckgrndHeaderStrip.jpg) repeat-x;
	}
	
	
#footerStrip {
	background: url(assets/bckgrndFooterStrip.gif) repeat-x;
	background-color: #9A9A9D;
	}
	
.sectionHeader {
	width: 900px;
	margin: 25px auto 0 auto;
	padding: 0;
	}
	
.sectionHeaderWork {
	margin: 0 0 0 90px;
	}
		
h1 {font: lighter 2.65em/.2em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; color: #8799AF;}
h3 {font: lighter 1.6em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; color: #8799AF; margin-bottom: -5px;}
#connectForm h3 {font: lighter 1.5em/1.1em  "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; color: #8799AF; }
.sectionHeaderWork h3 {font: lighter 1.6em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; color: #8799AF; margin-bottom: 20px;}
h4 {font: lighter 1.2em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; color: #8698AD; margin-bottom: -5px;}
#connectRight h4 {margin-bottom: 7px;}
.h4MarginTop {margin-top: 10px}
h5 {font: bold .9em Helvetica, Arial, sans-serif; color: #506374; line-height: 0px; margin-bottom: 15px;}
.h5MarginBottom { margin-bottom: -5px}
.imgMarginTop { margin-top: 15px}
h2, h6 {font: lighter 1.2em/1.1em Helvetica, Arial, sans-serif; color: #8799AF;}


a.blueLink:link, a.blueLink:visited {
	color: #323D4A;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a.blueLink:hover, a.blueLink:active {
	text-decoration: none;
	border-bottom: none;
}

a.whiteLink:link, a.whiteLink:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a.whiteLink:hover, a.whiteLink:active {
	text-decoration: none;
	border-bottom: none;
}


.top {
	float: right;
	margin: 0 25px 0 0;
	}
	
.h3DarkBlue {
	color: #21334A;
	}
	
	
/*---------------------------header styles------------------------------------*/

#headerWrapper {
	width: 900px;
	height: 426px;
	margin: 0 auto;
	padding: 0;
	background: url(assets/bckgrndHeader.jpg) no-repeat;
	overflow: auto;
	clear: both;
	}
	
#headerAvailable {
	font: normal 13px/1.5em Helvetica, Arial, sans-seri;
	color: #8799AF;
	width: 670px;
	margin: 0 90px;
	padding: 10px 0;
	}

#headerCopy {
	width: 660px;
	padding:40px 0 0 0;
	margin: 20px 0 0 90px;
	float: left;
}

.copyblueBold {
	line-height: 2em;
	font-size: 18px;
	color: #8799AF;
}


/*---------------------------intro styles------------------------------------*/

#introWrapper {
	width: 900px;
	padding: 0;
	margin: 0 auto 25px auto;
	overflow: auto;
	clear: both;
	}

#intro {
	float: left;
	padding: 0 40px 0 90px;
	width: 370px;
}

#intro p {
	font: normal 13px/1.5em Helvetica, Arial, sans-serif;
	color: #666666;
	line-height: 1.4em;
	text-align: left;
	}
	
#intro h1 {
	font: normal 1.2em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color: #8799AF;
	}
	

/*---------------------------intro / latest project styles------------------------------------*/

#latestProject {
	float: left;
	margin: 0 0 0 20px;
	padding: 10px 30px 0 80px;
	border-left: 1px #CCCCCC dotted;
	width: 269px;
}

#latestProject p {
	font: normal 13px/1.5em Helvetica, Arial, sans-serif;
	color: #666666;
	line-height: 1.3em;
	text-align: left;
	}
	
#latestProject img {
	border:5px solid #CCC;
}


/*---------------------------work styles------------------------------------*/

#workWrapper {
	width: 900px;
	padding: 0;
	margin: 50px auto 25px auto;
	border-top: 1px #CCCCCC dotted;
	background:url(assets/bckgrndWrapper.gif) no-repeat;
	overflow: auto;
	clear: both;
	}
	
#workSamples {
	margin: 0 0 0 60px;
	padding: 0 0 0 40px;
	}
	
#workSamples ul {
	margin: 0;
	padding: 0;
	}
	
#workSamples li.first {
	padding-top: 0;
	}
	
#workSamples li.last {
	margin-bottom: 50px;
	}
	
#workSamples li {
	float: left;
	width: 110px;
	margin: 0;
	padding: 35px 0 0 0;
	list-style: none;
	}
	
#workSamples li a {
	display: block;
	text-decoration:none;
	color: #666666;
	font: normal .7em/55px Helvetica, Arial, sans-serif;
	width:60px;
	height:47px;
	border:5px solid #CCC;
	padding:0;
	margin: 0;
}
	
#workSamples a:hover {
	border: #CCC solid 2px;
	padding: 3px;
	}
	
img {
	border: 0;
	}


/*---------------------------profile styles------------------------------------*/

#profileWrapper {
	width: 900px;
	padding: 0;
	margin: 25px auto 60px auto;
	border-top: 1px #CCCCCC dotted;
	background:url(assets/bckgrndWrapper.gif) no-repeat;
	overflow: auto;
	clear: both;
	}

#profileCopy {
	float: left;
	padding: 0 40px 0 90px;
	width: 370px;
}

#profileCopy p {
	font: normal 13px/1.5em Helvetica, Arial, sans-serif;
	color: #666666;
	text-align: left;
	}
	
#profilePhoto {
	float: left;
	margin: 45px 0 0 20px;
	padding:  0 0 0 80px;
	border-left: 1px #CCCCCC dotted;
	width: 280px;
}
	
.profilePhotoImg {
	border: solid #CCCCCC 5px;
	padding: 5px;
	}
	
	
#profilePhoto p {
	padding-left: 25px;
	font: normal 13px/1.5em Helvetica, Arial, sans-serif;
	text-align: left;
	}
	
#profilePhoto ul {
	margin: 0;
	padding: 0;
	}
	
#profilePhoto li {
	float: left;
	width: 56px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#profilePhoto li a {
	display: block;
	text-decoration:none;
	color: #666666;
	width:25px;
	height:22px;
	border:4px solid #CCCCCC;
	padding:0;
	margin: 0 0 10px 0;
}
	
#profilePhoto a:hover {
	border: #CCCCCC solid 2px;
	padding: 2px;
	}
	
/*#profilePhoto li.first {
	padding-top: 3px;
	}*/
	
/*---------------------------connect styles------------------------------------*/

#connectWrapper {
	width: 900px;
	padding: 0;
	margin: 25px auto 60px auto;
	overflow: auto;
	border-top: 1px #CCCCCC dotted;
	background:url(assets/bckgrndWrapper.gif) no-repeat;
	clear: both;
	}
	
#connectForm {
	float: left;
	padding: 0 40px 0 90px;
	width: 370px;
	font: normal 16px/1.3em Helvetica, Arial, sans-serif;
	color: #666666;
	text-align: left;
}
	
#connectRight {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 30px 50px 80px;
	border-left: 1px #CCCCCC dotted;
	width: 269px;
}

#connectRight ul {
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
	}

#connectRight li {
	margin: 0;
	padding: 0 0 0 20px;
	font: normal 13px/2em Helvetica, Arial, sans-serif;
	color: #666666;
	text-align: left;
	background: url(assets/check.gif) no-repeat;
	}	

	
#connectRight p {
	font: normal 13px/2em Helvetica, Arial, sans-serif;
	padding-bottom: 15px;
	padding-top: 0;
	margin: 0;
	color: #666666;
	text-align: left;
	}
	
.borderTop {
	border-top: #CCCCCC dotted 1px;
	}
	
.submit {
	border: #999999 1px solid;
	color: #EEEEEE;
	font: normal .8em/1em Helvetica, Arial, sans-serif;
	background-color: #172535;
	}
	
.marginTop {
	margin-top: -12px;
}


/*---------------------------footer styles------------------------------------*/


#footerWrapper {
	width: 900px;
	font: normal 80%/1.3em Helvetica, Arial, sans-serif;
	color: #CCCCCC;
	background: url(assets/footerLogo.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: auto;
}

#footerWrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 11px Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	color: #FFFFFF;
	}

#footerWrapper li {
	display: block;
	float: left;
	width: 150px;
	}
	
#footerWrapper li.marginTop {
	margin-top: 20px;
	}
	
/*#footerWrapper a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#footerWrapper a:hover, a:active {
	text-decoration: none;
	border-bottom: none;
}*/

#footerColumnLeft {
	float: left;
	padding: 65px 0 20px 90px;
	width: 360px;
	margin-bottom: 25px;
	text-align: left;
	}

#footerColumnRight {
	float: left;
	padding: 15px 35px 20px 80px;
	width: 315px;
	margin-bottom: 25px;
	text-align: right;
	}
	
#footerColumnRight p {
	padding-top: 10px;
	}
	
.white {
	color: #FFFFFF;
	}
	

	
	
/*---------------------------mainNav styles------------------------------------*/


#mainNav {
	margin: 80px 0 50px 575px;
	padding: 0;
}


#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav li {
	float: left;
	width: 100px;
	}
	
#mainNav li.marginRight {
	margin-right: -15px;
	}
	
#mainNav ul a {
	font: normal 1em/1.2 Helvetica, Arial, sans-serif;
	border-bottom: none;
	text-decoration: none;
	color: #9DA4AA;
	padding: 5px;
	}
	
.subNavTitles {
	padding-left: 5px;
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	}
	
#mainNav ul a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.clear {
	clear: both;
	}

/*-----------------------------------------connect form styles-----------------------------------------*/	

#connectForm {
	margin: 0;
	width: 370px;
	float: left;
	text-align: left;
	}
	
#connectForm table td {
	padding: 15px 0 0 0;
	}
	
.tableSpacing {
	padding: 25px 0 0 0;
	}	

.connectFormText {
	font: normal .8em Helvetica, Arial, sans-serif;
	color: #999999;
	}
	

input.text {
	width: 300px;
	background-color:#f3f3f3;
	border: 1px solid #CCCCCC;
}

textarea {
	width: 300px;
	background-color:#f3f3f3;
	border: 1px solid  #CCCCCC;
}

input.text:focus, textarea:focus {
	background: #EEEEEE;
	border: 1px solid #8799AF;
}

.submit {
	width:63px;
	height:21px;
	border:none;
	cursor: pointer;
}

.disclaimer {
	font: oblique 11px Arial, Helvetica, sans-serif;
	line-height: 2em;
	color:#666666;
	margin-top: 1px;
	padding-bottom: 0;
}

.freelanceDesignerCopy {
	font: italic 10px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

/*---------------------------thanks styles------------------------------------*/

#thanksStrip {
	background-color:#131B26;
	height: 500px;
	padding: 200px 0 200px 0;
	
	}
	
#thanksWrapper {
	width: 700px;
	height: 300px;
	font: normal 90%/1.3em Helvetica, Arial, sans-serif;
	background-color: #FFF;
	border: 10px solid #CCCCCC;
	color: #999999;
	margin: 0 auto;
	padding: 100px 50px 0 50px;
	}
	
#thanksWrapper h1 {font: lighter 2.5em/.2em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; color: #8799AF;}

#thanksWrapper h2 {font: lighter 1.6em/1.1em Helvetica, Arial, sans-serif; color: #323D4A;}

.alignRight {text-align: right;}

.contentSpace {letter-spacing: 0.5px;}