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

body {
	background-color: #fff;
	margin: 0;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #888a8a;
	}
	
a {
	color: #000;
	text-decoration: none;
	}
	
a:hover, a:visited:hover {
	color: #007c93;
	text-decoration: none;
	}
	
a:visited {
	color:#3A3C5A;
	}
	
h3 {
	color: #007c93;
	font-size: 11px;
	font-weight: bold;
	padding: 15px 0;
	}
	
#container {
	margin: 50px auto 50px auto;
	width: 792px;
	/*border: 1px solid red;*/
	}
	
#header {
	width: 790px;
	height: 100px;
	}
	
#blueBox {
	border: 1px solid #007c93;
	width: 550px;
	height: 158px;
	padding: 133px 120px 75px 120px;
	}
	
	
/* ------------ INDEX ------------- */

#indexTag {
	margin-top: 48px;
	}
	
/*#indexBtnBox {
	width: 550px;
	margin: 132px auto 85px auto;
	}*/
	
.indexBtnBox {
	width: 146px;
	float: left;

	}
	
.indexBtn {
	margin-bottom: 0;
	/*border: 2px solid #007c93;*/
	width: 145px;
	float: left;
	}
	
	.indexBtnCnt {
		margin:0 50px;
		}
	
	/*.indexBtn a:hover {
		border: 2px solid #a9ed3d;
		}*/
		


/* ------------ PORTFOLIO ------------- */

#workIcon {
	margin-top: 36px;
	}
	
#blueBoxWork {
	border: 1px solid #007c93;
	width: 790px;
	height: 507px;
	}
	
#mainNavs {
	margin-top: 22px;
	margin-left: 51px;
	width:auto;
	}
	
#mainNavs a {
	padding-right:18px;
	}
	
.On {
	color: #789398;
	}

/*#workImgR {
	border: 1px solid #007c93;
	width: 227px;
	height: 341px;
	float: left;
	margin: 20px 12px 17px 39px;
	} 
	 
#workImgL {
	border: 1px solid #007c93;
	width: 387px;
	height: 341px;
	float: left;
	margin: 20px 15px 17px 0;
	} 
	
.thumbnail {
	width: 46px;
	height: 46px;
	border: 1px solid #007c93;
	float: left;
	padding-right: 6px;
	}
	
	.thumbnail a:hover {
		border: 1px solid #a9ed3d;
		}
		
	.thumbnailOn {
		border: 1px solid #a9ed3d;
		}*/
		

/* ------------ GENERAL PGS ------------- */		

#blueBoxGen {
	border: 1px solid #007c93;
	width: 550px;
	height: auto;
	padding: 90px 100px 75px 100px;
	}

#bodyText p {
	margin-left: 168px;
	}
	
#bodyText img {
	margin-right: 20px;
	float: left;
	}

#footer {
	width: 720px;
	height:30px;
	padding: 10px 35px;
	color: #000;
	text-align: right;
	} 
	
.smallText { 
	font-size: 11px;
	font-weight: bold;
	color: #007c93;
	}
	
	
/* ------------ UNIVERSAL ------------- */

#footer a, a:visited {
		padding: 0 10px;
		}
		
.floatL { float: left; }

.floatR { float: right; }

.clearBoth { clear: both; }