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

/*************************************************************************
/************
/************			Site Wide Properties
/************
/************************************************************************/

body {
	text-align:			center;
	background-image: 	url(../img/bodyBG.png);
	background-color: 	#034f6e;
	background-repeat: 	repeat-x;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	color: 				#ffffff;
}
a {color:	#ffffff;}
#bodyContainer {
	width: 				878px;
	text-align:			left;
	margin:				0 auto;
	position:			relative;
}
#theHeader {
	height: 			120px;
	width:				878px;
	position:			relative;
	z-index: 			1;
}
#logo {
	margin-top: 		8px;
}
#utilNav {
	width: 				205px;
	height:				38px;
	background-image:	url(../img/utilNav.png);
	position: 			absolute;
	top:				0px;
	right:				0px;
	font-weight:		bold;
	padding-left: 		18px;
	padding-top:		10px;
	font-size:			13px;
	
}
#utilNav a{text-decoration:	none;}
#utilNav a:hover{text-decoration: underline}


/***************Main Nav and Drop Down ****************/
/**/
/**/
/**/ul#headerNav {
/**/	list-style: 		none;
/**/	margin-top:			25px;
/**/	position:			absolute;
/**/}
/**/ul#headerNav li {
/**/	float:				left;
/**/	margin:				0px;
/**/	padding:			0px;
/**/	position:			relative;
/**/}
/**/
/**/#mainNav {position:relative; z-index:1;}
/**/#mainNav ul li ul {display: none;}
/**/#mainNav ul li a {position: relative; z-index: 1}
/**/#mainNav ul li a, #mainNav ul li a:visited {display:block; overflow:hidden;}
/**/#mainNav ul li:hover ul {display:block; position:absolute; width: 190px; margin-left: 2px; z-index:1;}
/**/#mainNav ul li:hover ul li:hover a.hide {background:#6fc; color:#000; height:20px;}
/**/#mainNav ul li:hover ul li a {display:block; background: #272727; height:20px; color:#ffffff; width:190px; text-align:left;padding:5px 10px; font-weight: bold;}
/**/#mainNav ul li:hover ul li a:hover {background:#ffffff; color:#06a9e1;}
/**/
/**/
/******************************************************/

body#homePage #homeButt a,
body#services #servicesButt a,
body#company #compButt a,
body.portfolio #portButt a,
body#contact #portButt a

{background-position: bottom;}

ul#headerNav a:hover {background-position: bottom;}
#homeButt a{
	display:			block;
	background-image:	url(../img/homeButt.png);
	width:				132px;
	height:				45px;
}
#servicesButt a{
	display:			block;
	background-image:	url(../img/servicesButt.png);
	width: 				152px;
	height:				45px;
}
#compButt a{
	display:			block;
	background-image:	url(../img/compButt.png);
	width:				179px;
	height:				45px;
}
#portButt a{
	display:			block;
	background-image: 	url(../img/portButt.png);
	width:				213px;
	height:				45px;
}
#contactButt a{
	display:			block;
	background-image: 	url(../img/contactButt.png);
	width:				200px;
	height:				45px;
}


h1{
	font-size: 			30px;
	font-family:		Arial, Helvetica, sans-serif;
}

#content {
	margin-top: 		40px;
	width:				600px;
	float:				left;
}
#content ul.lists {margin-left: 240px; list-style: disc;}
#company #content,
#contact #content,
#photography #content
{width: 800px;} 
#content h1 {
	margin:				20px 0;
}
#content img {
	margin:				0 15px 0 0;
	float:				left;
}
#contentRight {
	margin:		 		70px 0 0 20px;
	width:				250px;
	float:				left;
	background-color:	#272727;
	background-image:	url(../img/rightPanelBot.jpg);
	background-position:bottom;
	background-repeat:	no-repeat;
	padding-bottom:		40px;
	
}
#contentRight p {margin-left: 20px;}
#contentRight h1 {
	margin:				20px;
}
#contentRight ul {
	list-style: 		disc;
	margin:				0 0 0px 40px;
}
#contentRight ul li{
	margin:				0 0 10px 0;
}

.clearIt {clear: both;}
#theFooter {
	background-color:	#272727;
	height:				85px;
	width:				100%;
	padding:			30px 0 0 0;
	font-size:			12px;
	text-align:			left;
	margin:				20px 0 40px 0;
	line-height:		15px;
	position:			relative;
}
#theFooter a {text-decoration:	none;}
#theFooter a:hover {text-decoration:	underline;}
#theFooter img {float: right; margin-top:-10px;}
#theFooter p {margin: 0; padding:0; margin-left: 40px; }


/*************************************************************************
/************
/************			Home Page Specific
/************
/************************************************************************/

#cta1, #cta2, #cta3 {
	height: 			130px;
	margin-top:			30px;
	float:				left;
	padding-left: 		12px;
	padding-top:		45px;
	margin-right:		8px;
	width:				262px;
	padding-right:		10px;
	font-size:			12px;
	position:			relative;
	margin-bottom:		30px;
}
#cta1 img, #cta2 img, #cta3 img{
	margin-right:		10px;
	float:				left;
	z-index:			1;
}
#cta1 a, #cta2 a, #cta3 a {
	color: 				#ffffff;
	position:			absolute;
	bottom:				6px;
	left:				100px;
	font-size:			14px;
} 
#cta1 {
	background-image:	url(../img/cta1.png);
}
#cta2 {
	background-image:	url(../img/cta2.png);
}
#cta3 {
	background-image:	url(../img/cta3.png);
}
#homeContent {
	float:				left;
	width:				430px;
	margin-right:		164px;
	position:			relative;
}
#servicesPanel {
	width:				275px;
	float:				left;
	text-align:			right;
	position:			relative;
}
#servicesPanel ul{
	direction:			rtl;
	list-style:			disc;
	margin-right:		15px;
	margin-top:			5px;
}
#recentProjects {
	background-image:	url(../img/recentBG.png);
	height: 			263px;
	width:				100%;
	position:			relative;
	margin-top:			40px;
	padding-top:		30px;
	vertical-align:		middle;
}
#homePage #recentProjects  {
	margin-top:			470px;
}
#recentProjects h1{
	margin-right:		760px;
}
#recentProjects img {
	margin-right: 		10px;
	vertical-align:		middle;
	margin-bottom:		10px;
}
#recentProjects a { text-align:center; text-decoration: none;}
#recentProjects a span {
	position:			absolute;
	padding:			10px; 
	width:				300px; 
	height:				225px;
	margin:				-220px 0 0 -200px; 
	background:			#272727; 
	text-align:			left;
	text-decoration:	none;
	visibility:			hidden; 
	border:				1px solid #ffffff; 
	font:				normal 11px/18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
}
#recentProjects a:hover span {visibility:visible;}	
#recentProjects a span#site4 {margin-left: -400px;}

/*************************************************************************
/************
/************			Photography Portfolio Specific
/************
/************************************************************************/

#photography #content img {
	margin:				0 10px 10px 0;
	border: 			3px solid #ffffff;
}

/*************************************************************************
/************
/************			Design Portfolio Specific
/************
/************************************************************************/

#designPortfolio hr{
	margin:				4px 0 10px 0;
	width:				400px;
	border:				dashed 1px #ffffff;
}
.portExample {
	width:				585px;
	background-color:	#272727;
	background-image:	url(../img/portPanelBot.jpg);
	background-position:bottom;
	background-repeat:	no-repeat;
	height:				180px;
	margin-bottom:		10px;
	padding-right:		15px;
}
#content .portPic{margin-left: 15px; border: 2px solid #000000;}
#content img.portPic:hover {border: 2px solid #ffffff;}

/*************************************************************************
/************
/************			Site Map Specific
/************
/************************************************************************/

#siteMap #content ul {list-style: disc}
#siteMap #content ul li {margin: 10px 0; font-weight: bold;}
#siteMap #content ul li ul {margin-left: 20px; list-style: square;}
#siteMap #content ul li ul li {font-weight: normal;}

/*************************************************************************
/************
/************			More Info Specific
/************
/************************************************************************/

body.moreInfo {
	background:			none;
	background-color: 	#034f6e;
	margin:				40px;
	text-align: 		left;
}