/*--------------------------
---------------------------------------------------------------------------
	Project :: PureDezigner - v3.0 Redesign - CSS/XHTML valid
	 Author :: Curtis Scott - puredesigner@gmail.com
	Started :: 6/15/08
---------------------------------------------------------------------------
---------------------------- */

/* =Start with these
------------------------------------------------------------------------------------------- */
body {
  background:white;
  margin:0;
  padding:0;
  font:medium "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
  color:black;
  }
a img {
  border-width:0;
  margin: 0;
  line-height: 0;
  }
h1, h2, h3, form {
  margin:0;
  padding:0;
  }
a {
  outline: none;
	}

/* =Page
------------------------------------------------------------------------------------------- */
body {
  background:#000508 url("../img") repeat-y top center;
  }
#layer {
  width:950px;
  margin:0 auto;
  }
#layer2 {
  background:#1d1d1d;
  float:left;
  width:950px;
  padding:0;
  font-size:90%;
  line-height:1.5;
  color:#566;
  }



/* =Headings
------------------------------------------------------------------------------------------ */
h3 {
  font-size:100%;
  margin:1em 0 0;
  color:#233;
  }


/* =Lists
------------------------------------------------------------------------------------------- */
  
p {
  	margin:0 0 .75em;
  	}


/* =Header
------------------------------------------------------------------------------------------------------ */
#header {
	float:left;
	background:#CCCCCC url("../img/header.gif") no-repeat top left;
  	width:950px;
	height: 84px;
	}
#logo{
	float:left;
	width:256px;
	height:70px;
	margin:8px 0 0 8px;
}
		
/* =Column Structure
------------------------------------------------------------------------------------------- */
#content {
  	background:#1d1d1d;
  	float:left;
  	width:950px;
  	padding:0 0 0 0;
	margin:10px 0 0 0;
  	}
#content-group {
  	float:right;
  	width:950px;
  	}
#content-main {
	float:left;
	width:626px;
	overflow:hidden;
	margin:0 0 0 0;
  	}
#content-extra {
  	float:right;
  	width:315px;
	background:#1d1d1d;
  	}
#content-left {
  	float:left;
  	width:295px;
	background:#1d1d1d;
	margin:0 0 0 7px;
  	}
#content-right {
  	float:right;
	display:inline;
  	width:305px;
	background:#1d1d1d;
	margin:0 0 0 10px;
  	}
.headerimg {
	margin: 10px 0 7px 12px;
	height:34px;
	display:block;
	}

.headerimg2 {
	margin: 30px 0 7px 12px;
	height:34px;
	display:block;
	}
	
.headerimg_cprojects {
	float:left;	
	margin: 10px 0 10px 5px;
	height:34px;
	display:inline;
	}
.resume {
	margin: 10px 0 7px 12px;
	height:59px;
	display:block;
	}
/* =Main Content
----------------------------------------------------------------------------------- */
#content-main p{
	font-size: 100%;
	font-style: normal;
	color: #fff;
	padding:15px 0 0 0;
	line-height: 1.5em;
	margin: 0 0 0 0;
}	
#content-main-port {	
	float:left;
	width:626px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 10px 0;
  	}
#content-main-port p{
	font-size: 80%;
	font-style: normal;
	color: #fff;
	padding:0;
	line-height: 1.5em;
	margin: 5px 0 0 0;
}
h4 {
	color: #004ca6;
	margin: 10px 0 0 0;
	padding:0;
	font-size:110%;
	line-height:1.1em;
}	
#content-main-port a {
  	color:#004ca6;	
	text-decoration:underline;
  	}
#content-main-port a:hover {
	color:#9a9a9a;
	text-decoration:none;
  	}

.moveup {
	font-size: 100%;
	font-style: normal;
	color: #fff;
	padding:0 15px 0 25px;
	line-height: 1.5em;
	margin: 15px 0 5px 0;
}

.moveup2 {
	font-size: 100%;
	font-style: normal;
	color: #fff;
	padding:0 20px 0 25px;
	line-height: 1.5em;
	margin: -5px 0 5px 0;
}
.moveupabout {
	font-size: 100%;
	font-style: normal;
	color: #fff;
	padding:0 20px 0 25px;
	line-height: 1.5em;
	margin: -5px 0 15px 0;
}

#content-main a {
  	color:#004ca6;
	text-decoration:underline;
  	}
#content-main a:hover {
	color:#9a9a9a;
	text-decoration:none;
  	}
#largetxt{
	font-size: 120%;
	line-height:1.5em;
}

/*--------------------thumbnails-----------------------------*/


#media {
	float:left;
	width: 300px;
	margin: 13px 0 0 10px;
	font-size:95%;
	}
#media dl {
	float:left;
	width:278px;
	margin:0 5px 15px 0;
	padding: 0;
	display:inline; /*fixes IE/win double margin bug*/

	}
#media dt {
	float:right;
	width: 180px;
	margin:0 0 0 0;
	padding:0;
	background-color:#000;
	display:inline; /*fixes IE/win double margin bug*/
	height:38px;
	overflow:hidden;
	}
#media dd {
	margin:0 10px 0 98px;
	padding:0 5px 0 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #FFFFFF;
	background:#000000 url("../img/detail_bg.gif") no-repeat bottom left;
	}

#media p {
	margin:0;
	padding:0 5px 8px 8px;
	line-height:1.5em;
	word-spacing: .1em;
	}
#media dl dd.img {
	margin:0;
	padding:0;
	}
#media dd.img img {
	float:left;
	margin:0;
	padding:0;
	}
#media a {
  font-weight:normal;
  color:#fff;
  text-decoration:none;
  }
#media a:hover {
  color:#004ca6;
  text-decoration:underline;
  }
 
/* =Footer
-------------------------------------------------------------------------------------------------- */
#footer {
  	float:left;
  	width:100%;
  	height:46px;
	font-size:70%;
	font-family: Arial, Helvetica, sans-serif;
  	background:url("../img/footer.gif") no-repeat 0 0;
	color:#575656;
  	}
#footer hr {
  	display:none;
  	}
#footer p {
  	margin:0;
  	padding:5px;
  	text-align:center;
  	}

#infobox {
	float:left;
	margin:0;
	padding:1px 5px 0 0;
	}

#sitemap{
	float:right;
  	margin:1px 0 0 0;
  	padding:4px 20px 0 0;
  	text-align:right;
  	}
#cright{
	float:left;
  	margin:1px 150px 0 0;
  	padding:4px 0 0 15px;
  	text-align:left;
  	}
	

	
/* =Footer Links
-------------------------------------------------------------------------------------------------- */

#footer a {
	overflow:hidden;	
  	padding:0;
  	color:#9a9a9a;
	text-decoration:none;
  	}
#footer a:hover {
	color:#004ca6;
	text-decoration:underline;
  	}
#footer li .activefooter {
  	color:#004ca6;
  	}
	
.hand {cursor: pointer;} 








/*	Forms
----------------------------------------------------------------------------*/
#contactform {
	float:left;
	margin: 20px 0 0 5px;
	width: 450px;
	}
#response{
	width:280px;
	position:absolute;
	left:305px;
	top: -1px;
	line-height:2.1em;
	color:#004ca6;
	font-style: italic;
	text-align:left;
 	}
label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 10px;
}

br {
	clear: left;
}
.fieldtitle {
	text-decoration: none;
	text-align: right;
	color:#004ca6;
	}
.textfields {
	color:#1d1d1d;
	text-decoration: none;
	text-align: left;
	width: 200px;
	margin:0 0 0 0;
  	font:100% "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
.textfieldbtns {
	margin: -4px 0 0 1px;
	line-height: 1.5em;
	width: auto;
	color: #000000;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}
.textfieldbtns2 {
	margin: -4px 0 0 7px;
	line-height: 1.5em;
	width: auto;
	color: #000000;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}
#moveover {
	margin: 8px 0 0 82px;
	}
	
.portfolio {
	margin: 10px 0 0 12px;
	display:block;
	}
.portdetails {
	float:left;
	display:inline;
	margin: 10px 0 0 17px;
	padding:13px 0 0 0;
	width:600px;
	border-top:1px solid #393939;
	}
.portthumb{
	float:left;
	width:418px;
}
.portcopy{
	float:right;
	width:162px;	
	margin: 0 10px 0 10px;
}

#nav {
	float:right;
	margin:35px 8px 0 0;
}