@charset "UTF-8";
/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-align:center;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1.5em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
	
/* end reset */

/*general styles*/
html {background-color:#364654;}
body {
	background-color:#364654;
	background-image: url(../images/backgroundc.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	color:#ccc;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h2 {font-size:22px;}
h3 {font-size:16px;}
p {color:#ccc;
font-family:cambria,serif;
font-size:11pt;
font-style:normal;
font-weight:100;
letter-spacing:normal;
line-height:1.45em;
margin:0 0 0.75em;
text-align:left;}
a:link {
	color:#ccc;
	text-decoration:underline;
}
a:visited {
	color:#ccc;
	text-decoration:underline;}
a:hover {
	color:#fff;
	text-decoration:underline;}
a:active {
	color:#003399;
	text-decoration:underline;}
#logo {
	height:150px;
	background-image: url(../images/head.png);
	width: 960px;
	margin: 0px auto 0px;
}
img {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size:24px;
	vertical-align:bottom;
	color:#CCC;}
div#logo img {float:left;}
.footer {
	background-image: url(../images/newfoot.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:100px;}
.navigation_bar {
	height:37px;
	width:960px;
	margin-left:100px;
	margin-right:auto;
	top: 113px;
	position: relative;
}
.content {
	margin-bottom:-20px;
}

/*navigation*/
.nav_ul {
	width:472px;
	margin-left:auto;
	margin-right:auto;}
.nav_ul li {
	display:inline; /*ie fix*/
}
.nav_ul li a {
	height:37px;
	cursor:pointer;
	width:118px;
	display:block;
	background:transparent url(../images/navsprite.png) no-repeat 0 -40px;
	overflow:hidden;
	text-indent:-9999em;
	float:left;}
li.home a {background-position: 0 -40px;}
li.home a:hover, #home li.home a {background-position: 0 -2px;}
li.blog a {background-position:-118px -40px;}
li.blog a:hover, #blog li.blog a {background-position:-118px -2px;}
li.portfolio a {background-position:-236px -40px;}
li.portfolio a:hover, #portfolio li.portfolio a {background-position:-236px -2px;}
li.contact a {background-position:-354px -40px;}
li.contact a:hover, #contact li.contact a {background-position:-354px -2px;}
/*end navigation*/


/*foot navigation*/
.footnav_ul {
	padding-top:60px;
	height:30px;
	width:960px;
	margin-left:auto;
	margin-right:auto;}
.footnav_ul li {
	display:inline;} /* ie fix */
.footnav_ul li a {
	height:30px;
	cursor:pointer;
	width:70px;
	display:block;
	background:transparent url(../images/footnavsprite.png) no-repeat 0 -40px;
	overflow:hidden;
	text-indent:-9999em;
	float:left;}
li#footnav_home_li a {background-position: 0 -31px;}
li#footnav_home_li a:hover {background-position: 0 -1px;}
li#footnav_blog_li a {background-position: -70px -31px;width:53px;}
li#footnav_blog_li a:hover {background-position: -70px -1px;}
li#footnav_portfolio_li a {background-position: -123px -31px;width:70px;}
li#footnav_portfolio_li a:hover {background-position: -123px -1px;}
li#footnav_contact_li a {background-position: -193px -31px;width:65px;}
li#footnav_contact_li a:hover {background-position: -193px -1px;}
li#footnav_dmp_li a {background-position: -258px -31px;width:115px;margin-left:195px;}
li#footnav_dmp_li a:hover {background-position: -258px -1px;}
li#footnav_xhtml_li a {background-position: -373px -31px;width:62px;float:right;}
li#footnav_xhtml_li a:hover {background-position: -373px -1px;}
li#footnav_css_li a {background-position: -435px -31px;width:50px;float:right;}
li#footnav_css_li a:hover {background-position: -435px -1px;}


/*end foot navigation*/


/* unique styles */

#contact_body {
	width:960px;
	color:#eee;
	margin: 50px auto 30px;
}
#contact_body h5 {
	text-align:left;
	width:700px;
	font-size:16px;}
#contact_body p {
	text-align:left;
	width:700px;}
#caricature {
	background-image: url(../images/caricature.png);
	background-repeat: no-repeat;
	height: 375px;
	width: 168px;
	float:right;
  }
 #blogwrapper {
	 width:960px;
	 margin-left:auto;
	 margin-right:auto;
 }