@import url('../libraries/reset.css');

#p-contact, #p-projects {
	background: #000c19 url(../images/bg-inner-repeat.jpg) top repeat-x;
}

body {
	background: #000c19 url(../images/bg-repeat.jpg) top repeat-x;
	font: 11px/20px Verdana, Georgia, sans-serif;
	color: #fff;
}

#p-contact #wrapper, #p-projects #wrapper {
	background: url(../images/header-bgii.jpg) center top no-repeat;
}

#wrapper {
	width: 1198px;
	margin: 0 auto;
	background: url(../images/header-bg.jpg) center top no-repeat;
}


#container {
	width: 950px;
	margin: 0 auto;
}

a {
	color: #338bfe;
	text-decoration: none;
}

a:hover {
	color: #3078d6;
}

#p-contact #header, #p-projects {
	height:210px
}

#header {
	position: relative;
	height: 235px;
}

#header .logo {
	position: absolute;
	top: 20px; left: 316px;

}


/*----------------------------------
			   nav
------------------------------------*/

#header #nav {
	position: absolute;
	top: 170px; left: 280px;
	
	
}

#nav li {
		float:left;
		display:inline;
}

#nav a {
	display: block;
	color: #fff;
	height: 37px;
	margin-right: 75px;
	text-indent:50px;
	font-size: 18px;
	line-height: 35px;
}

#nav a:hover, #nav a.active {
	color: #338bfe;
}

#nav a#nav-index {
	background-image: url(../images/nav/home.gif);
	background-repeat:no-repeat;

}

#nav a#nav-projects {
	background-image: url(../images/nav/projects.gif);
	background-repeat:no-repeat;	

}

#nav a#nav-contact {
	background-image: url(../images/nav/contact.gif);
	background-repeat:no-repeat;
	

}

/*----------------------------------
			   content
------------------------------------*/

h1 {
	color: #338bfe;
	font-weight: normal;
	font-size: 14px;
}

h2 {
	color: #338bfe;
	font-size: 13px;
	font-weight: normal;
}

h3 {
	color: #9cbbf3;
	font-size: 14px;
	font-weight: normal;
}

h4 {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
}

h5 {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

#p-projects #content #primary {
	width: 940px;
}

#content #primary {
	float: left;
	width: 620px;
	margin-left: 15px;
	display: inline;
}

#content #primary .text {
	width: 590px;
}

#p-contact #content #primary .text #photo {
	float: left;
	border: 1px solid #011225;
	width: 233px; height: 166px;
	margin-right: 20px;

}

#p-projects #content #primary .anythingSlider .wrapper ul li .project {
	width: 300px;
	margin-top: 20px;
	height: 110px;
	float: left;
	margin-left: 100px;	
}

#p-projects #content #primary .anythingSlider .wrapper ul li .project .img {
	float: left;
	border: 1px solid #002975;
	width: 75px; height: 75px;
	margin-right: 10px;
}

#p-projects #content #primary .anythingSlider .wrapper ul li .project .img a:hover {
	border-color: #fff;
}

#content #primary p {
	color: #fff;
}

#content #secondary {
	float: right;
	width: 250px;
	display: inline;
}

#content #secondary #skills {
	float: left;
	width: 100px;

}



#content #secondary #skills2 {
	float: right;
	width: 120px;
	margin-top: 57px;
	display: inline;

}


#content #secondary #qualifications {
	width: 250px;
	
}

#content #secondary #qualifications li a {
color: #fff;
}

#content #secondary #qualifications li a:hover {
background-color: #2679e4;

}

#content {
	margin-top: 70px;
	margin-bottom: 15px;
}

#content p {
	margin-bottom: 23px;
}


#content table, 
#content ul, 
#content ol, 
#content h3,
#content h2, 
#content h1,
#content hr { margin-bottom: 20px; }



#p-projects #content #primary hr {
	border: 0;
	border-bottom: 2px solid #003a86;
}

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

#footer {
	background: #000a14;
	height: 180px;
	width: 100%;
	border-top: 1px solid #002975;
	
	
}

#footer #footer-container {
	width: 920px;
	margin: 0 auto;
}


#footer #footer-container li a, p {
	color: #084fad;
}

#footer #footer-container li a:hover {
	color: #0b68e3;
}


#footer #footer-container #sitemap {
	margin-top: 30px;
	width: 215px;
	margin-left: 15px;
	position: absolute;
}
#footer #footer-container #projects {
	margin-top: 30px;
	margin-left: 260px;
	width: 215px;
	position: absolute;
}

#footer #footer-container #contact {
	margin-top: 30px;
	margin-left: 505px;
	width: 215px;
	position: absolute;
}

#footer #footer-container #copyright {
	//float: right;
	//position: absolute;
	//right: 10px;
	margin-top: 30px;
	margin-left: 725px;
	width: 215px;
	position: absolute;
}

#footer #footer-container #copyright p {
	margin-left: -22px;
}