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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: rgb(66,146,197);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a.visitwebsite {color:white;}
a.visitwebsite:visited {color:white}
a.visitwebsite:hover {color:red;}
a.visitwebsite:active {color:gray;}

.oneColElsCtr #container {
	background: #FFFFFF;
	text-align: left;
}
.oneColElsCtr #mainContent {
}
.header{
	background-image:url(images/Header.jpg); 
    background-position:left;
    background-repeat:no-repeat; 
    height:230px; margin-bottom:0px;
}

.header h1 {text-align:left; margin-bottom:0px; margin-left:-1000px;}
.header h1 .sm{font-size:.6em}
.header h1 .eColor{color:#FFFF00; font-style:italic;}

.menuwrap {
	margin: 0 0 0 0;
	border:0;
	padding:5px 0 0 0;
	background-image:url(images/navigation.gif); 
    background-position:top;
    background-repeat:repeat-x; 
	background-color: rgb(151,228,247);
	
}

 .footer{
	margin: 0 0 0 0;
	border:0;
	padding:5px 0px 5px 40px;
	background-color:rgb(66,146,197);;
	clear: both;
	color:#fff;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	margin:0px;
	background-image:url(images/navigation.gif); 
    background-position:bottom;
    background-repeat:repeat-x; 
	padding: 0 0 5px 20px;
}

.menu ul{ list-style:none;}

 a.navBar {   
	border: 0px inset #CCCCCC;
	width: 100 px;
	padding: 3px 15px;
	background-color: (151,228,247);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
				 
 a.navBar:link { color : rgb(19,28,30); }
 a.navBar:visited { color : rgb(66,146,197); }
 a.navBar:hover { color : rgb(66,146,197); background-color:rgb(204,227,242);}
 a.navBar:active { color : rgb(204,227,242); background-color:rgb(66,146,197);}

 #home #nav-home,
 #planning #nav-planning,
 #webContent #nav-webContent,
 #clientInterface #nav-clientInterface,
 #services #nav-services,
 #contactUs #nav-contactUs,
 #aboutUs #nav-aboutUs,
 #portfolio #nav-portfolio,
 #photoGallery #nav-photoGallery
{
 	color:#ffffff;
 }

.contentWrap{
	background-image:url(images/leftSide2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border_top:0;
	padding: o 30px;
}

.content{
	margin-left: 310px;
	padding: 10px;
	margin-right: 5%;
}
#about-photo{
	float:right;
	padding: 5px;
}
#container{
	max-width:1200px;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.75);
}

html > body#portfolio.oneColElsCtr > div#container > div#mainContent > div.contentWrap > div.content > div > a.fancybox > img{margin: 20px;}

.clear {clear:both;}
div.content > div.website{
	clear:both;
	}
	
html > body#portfolio.oneColElsCtr > div#container > div#mainContent > div.contentWrap > div.content
{
	padding:40px;
	}
html > body#portfolio.oneColElsCtr > div#container > div#mainContent > div.contentWrap
{
	background-color:#ccc;
}

html > body#portfolio.oneColElsCtr > div#container > div#mainContent > div.contentWrap > div.content > div.website > a.fancybox > img
{
	-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 9px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 9px 0px rgba(50, 50, 50, 0.75);

	}