* {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y: scroll
}

body {
	background: url(images/body_bg.gif) repeat;
	font: 62.5% Verdana, helvetica, Arial, sans-serif;
}
body a {
	text-decoration: none;
}

body p {
	font-size: 1.2em;
	line-height: 1.4em;
}

#container {
	width: 942px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/leftcol_bg.jpg) repeat;
	border: 1px solid #000;
}
#container #main {
	margin-left: 263px;
	width: 670px;
	margin-top: 5px;
	padding-right: 5px;
}

#header {
	background: url(images/header.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	height: 185px;
	width: 942px;
}
#header h1  {
	font-size: 1.9em;
}

#header h1 a {
	display: block;
	width: 270px;
	height: 185px;
}
#header h1 a span {
	display: none;
}
#leftcol {
	width: 253px;
	/*max-width: 253px;*/
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
#leftcol ul {
	/*margin-left: 2px;*/
}
#leftcol ul li {
	list-style: none;
	float: left;
	width: 250px;
}
/***********sprite navigation******************/
#leftcol ul li a {
	display: block;
	
	margin-bottom: 5px;
}
#leftcol ul li a span {
	display: none;
}
#leftcol ul  li#nabout a:link, #leftcol ul  li#nabout a:visited {
	height: 30px;
	background:url(images/spritenav.jpg);
}
#leftcol ul  li#nabout a:hover {
	height: 30px;
	background:url(images/spritenav.jpg) -250px 0;
}
#leftcol ul li#nabout a:active {
	height: 30px;
	background:url(images/spritenav.jpg) -500px 0;
}
#leftcol ul  li#nportfolio a:link, #leftcol ul  li#nportfolio a:visited {
	height: 30px;
	background:url(images/spritenav.jpg) 0 -30px;
}
#leftcol ul  li#nportfolio a:hover {
	height: 30px;
	background:url(images/spritenav.jpg) -250px -30px;
}
#leftcol ul li#nportfolio a:active {
	height: 30px;
	background:url(images/spritenav.jpg) -500px -30px;
}
#leftcol ul  li#ncontact a:link, #leftcol ul  li#ncontact a:visited {
	height: 30px;
	background:url(images/spritenav.jpg) 0 -60px;
}
#leftcol ul  li#ncontact a:hover {
	height: 30px;
	background:url(images/spritenav.jpg) -250px -60px;
}
#leftcol ul li#ncontact a:active {
	height: 30px;
	background:url(images/spritenav.jpg) -500px -60px;
}
#leftcol ul  li#nblog a:link, #leftcol ul  li#nblog a:visited {
	height: 30px;
	background:url(images/spritenav.jpg) 0 -90px;
}
#leftcol ul  li#nblog a:hover {
	height: 30px;
	background:url(images/spritenav.jpg) -250px -90px;
}
#leftcol ul li#nblog a:active {
	height: 30px;
	background:url(images/spritenav.jpg) -500px -90px;
}
/********on page nav******************/

#dabout ul li#nabout a:link,
#dabout ul li#nabout a:visited,
#dabout ul li#nabout a:hover,
#dabout ul li#nabout a:active {
		background:url(images/spritenav.jpg) -500px 0;
}

#dportfolio ul li#nportfolio a:link,
#dportfolio ul li#nportfolio a:visited,
#dportfolio ul li#nportfolio a:hover,
#dportfolio ul li#nportfolio a:active {
		background:url(images/spritenav.jpg) -500px -30px;
}

#dcontact ul li#ncontact a:link,
#dcontact ul li#ncontact a:visited,
#dcontact ul li#ncontact a:hover,
#dcontact ul li#ncontact a:active {
		background:url(images/spritenav.jpg) -500px -60px;
}

/**********contact form****************/
#leftcol fieldset {
	background: #D4DCE5;
	width: 235px;	
	/*margin: 20px auto 10px;*/
	
}
#leftcol fieldset h2  {
	font: 1.6em Verdana, helvetica, Arial, sans-serif;
	color: #666;
	margin-left: 5px;
	margin-top: 5px;
}

#formtable {
	/*margin: 0px auto;*/
	width: 230px;
	font: 1.2em Verdana, helvetica, Arial, sans-serif;
	margin-left:auto;
	margin-right:auto;
}

.formleft {
	text-align: right;
	width: 98px;
	padding-right: 3px;
}
.formlefttop {
	text-align: right;
	width: 98px;
	padding-right: 5px;
	vertical-align: top;
}
.formright {
	width: 110px;
	text-align: left;
}

input, textarea, select {
	background: #FFFFFF !important;
}
#container #leftcol fieldset #form1 #formtable tr .formright #security_code  {
	width: 110px;
}
#container #leftcol fieldset #form1 ul .formbutton  {
	float: left;
	width: 100px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}


#dhome #container #main #midcol {
	width: 335px;
	float: left;
	margin-right: 5px;
}
/*********** brgin main content*********************/

#dhome #main #welcome {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	border: 2px solid #666;
	color: #FFF;
	padding: 5px;
}
#dhome #main #welcome h2 {
	margin-bottom: 20px;
	font: 1.8em Verdana, helvetica, Arial, sans-serif;
}
#dhome #main #welcome p {
	margin-bottom: 5px;
}
#dhome #main #welcome a {
	color: #0CF;
}
#dhome #main #welcome a:hover {
	color: #0CF;
	text-decoration: underline;
}
#dhome #main #mission {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	color: #FFF;
	border: 2px solid #666;
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 5px;
}
#dhome #main #mission h2 {
	margin-bottom: 20px;
	font: 1.8em Verdana, helvetica, Arial, sans-serif;
}
#dhome #main #mission p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#dhome #main #rightcol {
	margin-left: 340px;
}
#dhome #main #featured {
	background: #D4DCE5 url(images/featuredhead.jpg) repeat-x;
	color: #FFF;
	border: 2px solid #666;
	padding: 5px;
	
}
#dhome #main #featured h2 {
	margin-bottom: 20px;
	font: 1.8em Verdana, helvetica, Arial, sans-serif;
}
#dhome #main #featured ul {
	color: #000;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
}
#dhome #main #featured p {
	color: #000;
}
#dhome  #main  #featured  a {
	color: #C00D0E;
}
#dhome #main #featured ul li a:hover {
	color: #0CF;
}
#dhome #main #resources {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	color: #FFF;
	border: 2px solid #666;
	margin-top: 5px;
	
	padding: 5px;
	margin-bottom: 5px;
}
#dhome #main #resources h2 {
	margin-bottom: 20px;
	font: 1.8em Verdana, helvetica, Arial, sans-serif;
}
#dhome #main #resources p {
	margin-top: 10px;
	margin-bottom: 5px;
}
#dhome #container #main #rightcol #resources ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#dhome #main #resources a {
	color: #0CF;
}
#dhome #main #resources a:hover {
	color: #0CF;
	text-decoration: underline;
}
#dhome #container #main #rightcol #resources .reslist {
	margin-right: 15px;
	margin-left: 15px;
	float: left;
}

.underline {
	text-decoration: underline;
}
.redtext {
	color: #C00D0E;
}

.clear {
	clear: both;
}

#container #footer {
	background: #141C24;
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	font: 1.4em Verdana, helvetica, Arial, sans-serif;
	color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	clear: both;
}
#container #footer ul {
	color: #FFF;
	text-align: right;
	list-style: none;
}
#container #footer ul li {
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}
#container #main #aboutme {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	border: 2px solid #666;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px;
	margin-bottom: 5px;
	float: left;
}
#container #main #aboutme h2 {
	margin-bottom: 25px;
	font: 1.6em Verdana, helvetica, Arial, sans-serif;
	margin-left: 5px;
}
#container #main #aboutme p {
	margin-top: 10px;
	line-height: 1.5em;
	margin-left: 15px;
	padding: 0px;
}
#container  #main  #aboutme  a  {
	color: #CC0000;
}
#container #main #aboutme a:hover {
	color: #00CCFF;
	text-decoration: underline;
}


#container #main #aboutme p a:link, #container #main #aboutme p a:visited {
	color: #98A5B6;
}

#container #main #aboutme p a:hover {
	color: #0CF;
	text-decoration: underline;
}
#dresume #container #main {
}
#dresume #container #main #aboutme {
}


/***************resume page**************/
#dresume #container #main ul {
	list-style-type: none;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}
#dresume  #container #main li {
	float: left;
	width: 200px;
}
#dresume #container #main h1 {
	text-align: center;
}


#dresume #container #main h3 {
	clear: both;
	text-align: center;
}
#dresume #container #main h4 {
	clear: both;
	font-size: 1.2em;
	padding-top: 1.2em;
}
#dresume #container #main h5 {
	clear: both;
	font-size: 1.2em;
	padding-top: 1.2em;
}


/***************end resume page**************/



#container #main #portfolio {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	border: 2px solid #666;
	color: #FFF;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#container #main #portfolio h2 {
	margin-bottom: 25px;
	font: 1.6em Verdana, helvetica, Arial, sans-serif;
}
#dportfolio #container #main #portfolio h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
#container #main #portfolio #web a {
	margin-right: 85px;
}
#container #main #portfolio #print a {
	margin-right: 17px;
}
#container #main #portfolio #media {
	margin-bottom: 35px;
}
#container #main #portfolio #media a {
	margin-right: 10px;
	border: 2px solid #999999;
}
#container #main #portfolio #media img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container #main #portfolio p {
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.5em;
}
#dportfolio #container #main #portfolio #adobeAir a img {
	border: 0;
}




#container #main #contact {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	border: 2px solid #666;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px;
	margin-bottom: 5px;
	width: 301px;
	float: left;
	min-height: 300px;
}
#container #main #contact h2 {
	margin-bottom: 25px;
	font: 1.6em Verdana, helvetica, Arial, sans-serif;
}
#container #main #contact p {
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.5em;
}
#container #main #contactform {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	border: 2px solid #666;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px;
	margin-left: 321px;
	margin-bottom: 5px;
}
#container #main #contactform h2 {
	margin-bottom: 25px;
	font: 1.6em Verdana, helvetica, Arial, sans-serif;
}
#container #main #contactform p {
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.5em;
}
#dcontact #contactform fieldset {
	background: #98A5B6;
	width: 300px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #8C9CAC url(images/body_bg.gif) repeat;
	color: #000;
	margin-right: auto;
	margin-left: auto;
}

#dcontact #contactform fieldset #form1 ul {
	list-style: none;
	margin-top: 5px;
	margin-left: 50px;
}
#dcontact .formleft {
	width: 140px;
}

#dcontact #contactform fieldset #form1 ul li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#dcontact #formtable {
	width: 300px;
}
#success #container #main #welcome {
	background: #141C24 url(images/featuredhead.jpg) repeat-x;
	border: 2px solid #666;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px;
}

.clearright {
	float: right;
}