body {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	color: #afafaf;
	background-color: #fcfcfc;
	background-color: #58595b;
}


/***** COMMON ELEMENTS *****/
h1 {
	font-size: 18px;
	color: #669999;
	letter-spacing: 2px;
	margin: 0;
}

p {
	margin-top: 5px;
}

a{
	color: #669999;
	text-decoration: none;
	border-bottom: dashed 1px #669999;
}	

a:hover {
	color: #abdddd;
	
	border-bottom: dashed 1px #abdddd;
}

a img {
	border: none;
}


/***** COMMON CLASSES *****/
.floatRight { float:right; }
.floatLeft { float:left; }

/***** padding *****/
.clear { clear:both; float:none; }
.clear-5-padding { clear:both; padding-top:5px; float:none; }
.clear-10-padding { clear:both; padding-top:10px; float:none; }
.clear-15-padding { clear:both; padding-top:15px; float:none; }
.clear-20-padding { clear:both; padding-top:20px; float:none; }



/***** header *****/
#headerBG {
	background-image: url(images/mainBG.gif);
	background-repeat: repeat-x;
	/*min-height: 502px;*/
}

#mainWrapper {
	width: 900px;
	min-height: 487px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/backgroundImage.gif);
	background-repeat: no-repeat;
}



/***** navigation *****/
#navigation ul {
	padding-top: 5px;
}

#navigation ul li { 
	display: inline; 
}

#navigation ul li a {
	margin: 0 10px;
	color: #afafaf;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	border: none;
}

#navigation ul li a.on {
	color: #ABDDDD;
	color : #fff;
	border-bottom: solid 3px #669999;
}

#navigation ul li a:hover {
	color: #fff;
	border-bottom: solid 3px #669999;
}



/***** header slideshow *****/
.slideshow {
	margin-left: 20px;
	height: 225px;
}

.slideshow a, .slideNoJs a {
	border: none;
}





/***** MAIN CONTENT *****/
.mainContent {
	margin-top: 25px;
}

.col1 {
	width: 290px;
	padding-right: 20px;
	float: left;
	margin-top: 25px;
}

.col2 {
	width: 280px;
	padding-right: 20px;
	float: left;
	margin-top: 25px;
}

.col3 {
	width: 290px;
	float: left;
	margin-top: 25px;
}

#portfolioWrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}



/***** FOOTER *****/
#footer {
	margin-top: 30px;
	padding: 10px 0;
	font-size: 10px;	
	text-align: center;
	color: #999999;
}

#footerWrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}



/***** Contact page *****/
.top {
	vertical-align: top;
}

.contactTable {
	margin-left: auto;
	margin-right: auto;
}

.submitButton {
	text-align: center;
}


.grey {
	background-color: #CCCCCC;
	border: 1px solid #E6E7E8;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}


/***** hide elements when no javascript *****/
#target { display:none; }
.slideshow { display: none; }