@charset "UTF-8";
body {
	font: 100% Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000;
}
h1, h2 {
	margin: 0; 
	padding: 10px 0; 
}
p {
	font-size: small;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #222;
	line-height: 20px;
}

a, a:link {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #0099CC;
}
a:hover {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #99CC00;
}
a:visited {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #ccc;
}
#mainContainer {
	min-width: 750px;
	max-width: 100%;
	height: auto;
	background: #fff;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
	text-align: left; 
}

#container {
	min-width: 750px;
	max-width: 100%;
	height: auto;
	background: #fff;
	margin: 0px;
	padding: 0px;
	border: none;
}

#mainContent {
	width: auto;
	max-width: 500px;
	min-height: 500px;
	padding: 15px 45px; 
	background: #fff;
}
.contact #mainContent {
	max-width: 600px;
}
.about #mainContent {
	max-width: 450px;
	min-height: 500px;
}
.portfolio #mainContent {
	min-height: 700px;
}

.home #header {
	height: 330px;
	width: 100%;
	background: url(images/headerBG.jpg) no-repeat #000;
	margin: 0px; 
	padding: 0px;
}

.portfolio #header {
	height: 330px;
	width: 100%;
	background: url(images/headerBG_port.jpg) no-repeat #000;
	margin: 0px; 
	padding: 0px;
}

.about #header {
	height: 330px;
	width: 100%;
	background: url(images/headerBG_about.jpg) no-repeat #000;
	margin: 0px; 
	padding: 0px;
}

.contact #header {
	height: 330px;
	width: 100%;
	background: url(images/headerBG_cont.jpg) no-repeat #000;
	margin: 0px; 
	padding: 0px;
}




/******************************************************************************************************START NAVIGATION*/
#navbar {
 height: 30px;
 width: 800px;
}
#navbar ul {
 float: right;
 text-align: right;
 margin-top: 70px;
 margin-right: 48px;
 padding: 0px;
 font-family: Helvetica, sans-serif;
 font-size: small;
 color: #fff;
 line-height: 30px;
 white-space: nowrap;
}
#navbar li {
 list-style-type: none;
 display: inline;
}
#navbar li a {
 text-decoration: none;
 padding: 7px 10px;
 color: #fff;
}
#navbar li a:link {
 color: #fff;
}
#navbar li a:visited {
 color: #0099CC;
}
#navbar li a:hover {
 color: #0099CC;
 background: url(images/navBG.png) repeat-x;
}






#navbar2 {
 height: 30px;
 width: auto;
}
#navbar2 ul {
 text-align: left;
 margin: 0px;
 padding: 0px;
 font-family: Helvetica, sans-serif;
 font-size: small;
 color: #000;
 line-height: 30px;
 white-space: nowrap;
}
#navbar2 li {
 list-style-type: none;
 display: inline;
}
#navbar2 li a {
 text-decoration: none;
 padding: 7px 10px;
 color: #000;
}
#navbar2 li a:link {
 color: #666:
}
#navbar2 li a:visited {
 color: #0099CC;
}
#navbar2 li a:hover {
 color: #0099CC;
 background: url(images/nav2BG.png) repeat-x;
}
/******************************************************************************************************END NAVIGATION*/

#footer {
	height: 125px;
	width: 100%; 
	padding: 0 45px; 
	background: url(images/footerBG.jpg) repeat-x #000;
} 
#footer p {
	font: 70% Helvetica, sans-serif;
	color: #fff;
	margin: 0; 
	padding: 10px 0;
	text-align: left;
}

/* Remove outline from links in FF */
a {outline: none;
	}