@charset "utf-8";
/* CSS Document */

/* reset style */
@import url("reset.css");

body {
	background: url(../images/bg.gif) no-repeat center top;
	font-size: 62.5%;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a:link { color: #00aeef; text-decoration: none; }
a:visited { color: #00aeef; text-decoration: none; }
a:hover { color: #00aeef; }

#doc {
	margin: 0 auto;
	overflow: hidden;
	width: 870px;
}

/* Header */
#hd {
	background: #28140d url(../images/header.jpg) no-repeat;
	margin: 20px 0 0;
}

/* Navigation */
#nv {
	background: #28140d;
	height: 30px;
	overflow: hidden;
	padding: 0 0 0 10px;
}

#nv ul li {
	float: left;
}

#nv ul li a {
	display: block;
	float: left;
	height: 30px;
	text-align: center;
	text-indent: -99999em;
	width: 140px;
}

#nv-home { background: url(../images/navigation.gif) no-repeat 0 0; }
#nv-about { background: url(../images/navigation.gif) no-repeat -140px 0; }
#nv-services { background: url(../images/navigation.gif) no-repeat -280px 0; }
#nv-projects { background: url(../images/navigation.gif) no-repeat  -420px 0; }
#nv-team { background: url(../images/navigation.gif) no-repeat -560px 0; }
#nv-contact { background: url(../images/navigation.gif) no-repeat -700px 0; }

#nv-home:hover { background: url(../images/navigation.gif) no-repeat 0 -30px; }
#nv-about:hover { background: url(../images/navigation.gif) no-repeat -140px -30px; }
#nv-services:hover { background: url(../images/navigation.gif) no-repeat -280px -30px; }
#nv-projects:hover { background: url(../images/navigation.gif) no-repeat  -420px -30px; }
#nv-team:hover { background: url(../images/navigation.gif) no-repeat -560px -30px; }
#nv-contact:hover { background: url(../images/navigation.gif) no-repeat -700px -30px; }

#doc.home #nv-home { background: url(../images/navigation.gif) no-repeat 0 -60px; }
#doc.about #nv-about { background: url(../images/navigation.gif) no-repeat -140px -60px; }
#doc.services #nv-services { background: url(../images/navigation.gif) no-repeat -280px -60px; }
#doc.projects #nv-projects { background: url(../images/navigation.gif) no-repeat  -420px -60px; }
#doc.team #nv-team { background: url(../images/navigation.gif) no-repeat -560px -60px; }
#doc.contact #nv-contact { background: url(../images/navigation.gif) no-repeat -700px -60px; }

/* Billboard */
#billboard {
}

/* Body */
#bd {
	background: white url(../images/bodybg.gif) repeat-x left bottom;
	border-left: solid #b2b2b2 1px;
	border-right: solid #b2b2b2 1px;
	padding: 10px;
}

/* Content */
#content {
	font-size: 1.1em;
	line-height: 1.5;
	overflow: hidden;
}

#content p, #content ul, #content ol, #content table {
	margin-bottom: 1.3em;
}

#content ul li {
	background: transparent url(../images/bullet.gif) no-repeat 0 0.5em;
	padding: 0 0 0 1em;
}

#content h1 {
	color: #00aeef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: normal;
	margin: 0.5em 0;
}

/* Footer */
#ft {
	background: #5D3526 url(../images/footer.jpg) no-repeat;
	color: white;
	height: 57px;
	text-align: center;
	padding: 33px 0 0 0;
	margin: 0 0 20px 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */