body {

	margin: 0px;

	padding: 0px;

}



.bodyOrange {background:#FBA536 url(/images/body_bg/orange2.jpg) repeat-x scroll left top;}

.bodyBlack  {background:#1f221b url(/images/body_bg/black2.jpg) repeat-x scroll left top;}

.bodyGreen  {background:#006c2e url(/images/body_bg/green2.jpg) repeat-x scroll left top;}





.frame {

	margin: 50px auto;

	padding: 0px;

	width: 960px;

	background: white;

	position:relative;

}











/********** Header Styles **********/

.header {

	width:100%;

	height:115px;

	background:url(/images/bg_header.png) no-repeat left top;

	position:relative;

	left:0px;

	top:-32px;

	margin:0;

	padding:0;}

.header .logo {

	position:absolute;

	left:42px;

	top:56px;

	background:#F47B28;

	width:108px;

	height:50px;}	

.header .topnav {

	position:absolute;

	top:63px;

	width:150px;}

.header .topnav span {

	position:absolute;

	left:-2px;

	top:0px;

	font: normal 19px/19px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	color: #000;

	letter-spacing:-1px;}

.header .topnav a {

	font:normal 11px/13px Tahoma, Arial, sans-serif;

	display:block;

	float:left;

	border-left:solid 1px #F47B28;

	margin-top:24px;

	color:#007049;

	text-decoration:none;

	margin-left:5px;

	padding-left:5px;}

.header .topnav a.first {

	margin-left:0;

	padding-left:0;

	border-left:none;}

.header .topnav a:hover       {color:#F47B28;}  /*default orange*/

.header .topnav .box1 a:hover {color:#a4d5b8;}  /*about-section green*/

.header .topnav .box2 a:hover {color:#2a291c;}  /*services-section black*/

.header .topnav .box3 a:hover {color:#F47B28;}  /*default orange*/

.header .topnav .box4 a:hover {color:#F47B28;}  /*default orange*/



.header .box1 {left:215px;}

.header .box2 {left:400px;}

.header .box3 {left:580px;}

.header .box4 {left:760px;}









/********** Generic MainContent Styles **********/

.mainContent {

	position:relative;

	top:0px;

	background:#fff;

	margin:0 250px 0 212px;

	padding:0 0 100px;

	min-height:300px;

	font:normal 1em/1.4em Georgia, "Times New Roman", Times, serif;

	overflow:visible;

	}

* html .mainContent {height:300px;}	

	

.mainContent h1 {

	background:#a4d5b8 url(/images/h1_green2.gif) no-repeat left top;

	color:white;

	font:normal normal 32px/20px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	height:40px;

	margin:20px -250px 25px -212px;

	padding:7px 0 0 210px;

	letter-spacing:-1px;

	text-transform:lowercase;}

* html .mainContent h1 {height:43px;padding-top:4px;} /* skootch the text higher in IE6 */

.mainContentBlack h1 {background:#000000 url(/images/h1_black.gif) no-repeat left top;}

.mainContentOrange h1 {background:#ee8b33 url(/images/h1_orange.gif) no-repeat left top;}

	

	

.mainContent h2 {

	background:#a4d5b8 url(/images/h2_green2.gif) no-repeat left top;

	color:white;

	font:normal 20px/20px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	height:31px;

	margin:50px 0px 0px -50px;

	padding:8px 0 0 50px;

	letter-spacing:-1px;

	text-transform:lowercase;}	

.mainContentBlack h2  {background:#000000 url(/images/h2_black.gif) no-repeat left top;}

.mainContentOrange h2 {background:#ee8b33 url(/images/h2_orange.gif) no-repeat left top;}

	

h3 {

	font-weight:normal;

	position:relative;

	margin:35px 0 -10px;}



h5 {

	font:normal 90%/125% Georgia, "Times New Roman", Times, serif;

	margin:12px 20px 12px 0;

	}

	

h6 {

	font:normal 11px/11px Tahoma, Arial, sans-serif;

	margin:0 0 10px;}

	

	

.timestamp {

	position:absolute;

	left:-182px;

	text-align:left;

	color:white;

	font:bold 14px/14px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	background:url(/images/timestamp.png) no-repeat left top;

	height:55px;

	width:180px;

	top:-18px;

	padding:19px 0 0 22px;}

* html .timestamp {

	top:-25px;

	left:-190px;

	padding-top:28px;

	height:44px;

	width:172px;

	padding-left:30px;}







.timestamp em {display:block;font-size:70%;}



form.contactform {

	margin:35px 0 35px -12px;

	padding:1px 0 1px 12px;

	background:#fde9d7;}

	

.archives {

	position:absolute;

	top:0px;

	right:-225px;

	color:black;

	width:201px;

	height:400px;

	}

* html .archives {top:15px;}





.archives h5 {

	font:normal 18px/18px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	color:white;

	margin:0 0 0 24px;

	padding:16px 0 0;

	height:31px;}

* html .archives h5 {height:36px;}



.archives ul {

	margin:0;

	padding:0 0 25px;

	list-style:none;

	background:#fce3ca url(/images/archives.gif) no-repeat left bottom;

	position:relative;

	}

.archives li {

	margin:0;

	padding:0 0 0 36px;

	background:url(/images/archives_bull.gif) no-repeat 24px 10px;

	font-size:13px;

	line-height:20px;

	color:#5d9732;

	}

.archives li a {color:#5d9732;text-decoration:none;}

.archives li a:hover {color:black;text-decoration:underline;}

.archives p {

	background:#fce3ca url(/images/archives.gif) no-repeat left top;

	padding:0 0 0 23px;

	margin:0px;

	font:normal 11px/26px Tahoma, Arial, sans-serif;

	height:25px;

	}

* html .archives p {margin-bottom:-2px;}





/********** Homepage-Only Styles **********/

.homepage {

	position:relative;

	margin:0 -80px -75px -212px;

	height:560px;}

	

.mainContent .boxPortfolio {position:absolute; left:13px;  top:0px;   }

.mainContent .boxServices  {position:absolute; left:13px;  top:300px; }

.mainContent .boxNews      {position:absolute; left:565px; top:0px;   }

.mainContent .boxTwitter   {position:absolute; left:565px; top:300px; }	

	

.mainContent .homeBox h1 {

	position:absolute;

	left:40px;

	top:0px;

	margin:0;

	padding:0;

	background:none;

	font:normal 14px/14px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	text-transform: uppercase;

	letter-spacing: 1px;

	color:#006e51;

	text-decoration:none;

	width:300px;

	height:auto;

	letter-spacing:normal;}

.mainContent .homeBox h1 a {color:#006e51;}

.mainContent .homeBox h1 strong {font-weight:normal;color:black;}



.mainContent .boxNews h1,

.mainContent .boxTwitter h1 {left:15px;}





.mainContent .homeBox .pixels {

	position:absolute;

	left:0px;

	top:19px;

	color:white;

	font:normal 12px Tahoma, Arial, sans-serif;

	overflow:hidden;}

.mainContent .homeBox .pixels a {color:white;}





.mainContent .boxPortfolio .pixels {background:#000000 url(/images/hp_portfolio.gif) no-repeat left top; width:457px; height:204px; padding:16px 16px 16px 40px;}

.mainContent .boxServices .pixels  {background:#ee8b33 url(/images/hp_services.gif)  no-repeat left top; width:457px; height:148px; padding:16px 16px 16px 40px;}

.mainContent .boxNews .pixels      {background:#006e51 url(/images/hp_news.gif)      no-repeat left top; width:308px; height:194px; padding:26px 60px 16px 16px;}

.mainContent .boxTwitter .pixels   {background:#006e51 url(/images/hp_twitter.gif)   no-repeat left top; width:308px; height:138px; padding:26px 60px 16px 16px;}

* html .mainContent .boxTwitter .pixels {}





.mainContent .homeBox .icons {

	position:absolute;

	bottom:-15px;

	text-align:right;

	width:100px;

	color:#dc5d28;

	font:normal 12px/18px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	text-decoration:none;}

.mainContent .boxNews .icons {

	left:220px;

	background:url(/images/hp_news_icon.gif) no-repeat right top;

	padding-right:20px;}

.mainContent .boxTwitter .icons {left:245px;}

.mainContent .boxPortfolio .icons {

	text-align:center;

	left:204px;

	width:280px;

	bottom:-17px;}

	

.mainContent .boxPortfolio .icons a {

	display:block;

	float:left;

	width:25px;

	height:17px;

	background:white;

	color:black;

	text-align:center;

	text-decoration:none;

	font:normal 10px/16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;}

.mainContent .boxPortfolio .icons a:hover {

	background-color:#cfc;}

.mainContent .boxPortfolio .icons a.selected,

.mainContent .boxPortfolio .icons a.selected:hover {

	color:white;

	background:#e83;}







.mainContent .homeBox .pixels h2 {

	margin:0 0 5px;

	padding:0;

	font:bold 14px/16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	background:none;}

.mainContent .homeBox .pixels h3 {

	margin:0;

	padding:0;

	font:normal 15px/18px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;}

.mainContent .homeBox .pixels p {

	margin:0 0 5px;

	padding:0;

	font:normal 12px/15px Tahoma, Arial, sans-serif;}

.mainContent .boxTwitter .pixels p {

	font:bold 11px/16px Tahoma, Arial, sans-serif;

	margin:0 0 25px;}

	

	

	

	

	

	

	

	

	

	

/************************ Spacegallery styles *************************/



.mainContent .boxPortfolio .navigationTabs, .navigationTabs * {margin:0;padding:0;width:1px;height:1px;overflow:hidden;font:normal 1px/1px sans-serif;}

.mainContent .boxPortfolio .spacegallery {

	position: relative;

	overflow: hidden;

	right:-139px;

}

.mainContent .boxPortfolio .spacegallery img {position: absolute;left: 50%;}

.mainContent .boxPortfolio .spacegallery a {

	position: absolute;

	z-index: 1000;

	display: block;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(blank.gif);

}

.mainContent .boxPortfolio #myGallery {

	width: 328px;

	height: 230px;

	margin-top:-11px;

}

.mainContent .boxPortfolio #myGallery img {border: 1px solid #8a8a8a;}

.mainContent .boxPortfolio a.loading {background: #fff url(ajax_small.gif) no-repeat center;}



.mainContent .boxPortfolio .myGalleryText {

	position:absolute;

	left:41px;

	top:27px;

	width:142px;

	}

.mainContent .boxPortfolio .myGalleryText h2 {

	height:40px;

	margin:0;

	padding:0;

	}

.mainContent .boxPortfolio .myGalleryText p {

	height:75px;

	margin:0;

	padding:0;

	}

.mainContent .boxPortfolio .myGalleryText h5 {	

	height:58px;

	margin:0;

	padding:0;

	font:normal 11px/13px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	}

.mainContent .boxPortfolio .myGalleryText h5 strong {display:block;}	

.mainContent .boxPortfolio .myGalleryText h6 {	

	margin:0 0 0 -9px;

	padding:0 0 1px 25px;

	background:url(/images/slideshow/h6_arrow.gif) no-repeat left top;

	text-transform:uppercase;

	font:bold 10px/10px Tahoma, Arial, sans-serif;

	color:#faa635;

	}

.mainContent .boxPortfolio .myGalleryText h6 a {color:#faa635;text-decoration:none;}

.mainContent .boxPortfolio .myGalleryText h6 a:hover {text-decoration:underline;}





.mainContent .boxServices .pixels a {

	position:absolute;

	top:21px;

	width:142px;

	height:139px;

	background:#EE8B33 url(none) no-repeat left top;

	text-decoration:none;

	text-align:center;

	font:normal 13px/normal "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;

	color:#75714e;}

.mainContent .boxServices .pixels a:hover {background-image:url(/images/hp_serv_ON.gif);color:black;}

.mainContent .boxServices .pixels a.web      {left:45px;}

.mainContent .boxServices .pixels a.print    {left:197px;}

.mainContent .boxServices .pixels a.commerce {left:349px;}



.mainContent .boxServices .pixels a span {

	width:100%;

	height:40px;

	text-align:center;

	display:block;

	padding:100px 0 0;

	background-repeat:no-repeat;

	background-position:left top;

	overflow:hidden;}

.mainContent .boxServices .pixels a.web span      {background-image:url(/images/hp_serv_web.gif);}

.mainContent .boxServices .pixels a.print span    {background-image:url(/images/hp_serv_print.gif);}

.mainContent .boxServices .pixels a.commerce span {background-image:url(/images/hp_serv_commerce.gif);}































	

/********** Footer Styles **********/

.footer {

	width:100%;

	height:61px;

	background:url(/images/bg_footer.png) no-repeat left bottom;

	position:absolute;

	left:0px;

	bottom:-32px;

	margin:0;

	padding:0;

	}

.footer .bottomnav {

	position:absolute;

	left:0px;

	top:-9px;

	z-index:4;

	padding:9px 0 0 55px;

	background:#e7f4ec url(/images/bottomnav.gif) repeat-y left top;

	width:895px;

	height:18px;}

.footer .bottomnav a {

	font:normal 10px/10px Tahoma, Arial, sans-serif;

	display:block;

	float:left;

	border-left:solid 1px #F47B28;

	color:#007049;

	text-decoration:none;

	margin-left:4px;

	padding-left:4px;}

.footer .bottomnav a.first {margin-left:0;padding-left:0;border-left:none;}

.footer .bottomnav a:hover {color:#F47B28;}

.footer p {

	position:absolute;

	color:#007049;

	font:normal 10px/10px Tahoma, Arial, sans-serif;

	left:580px;

	margin:0;

	padding:0;

	z-index:5;

	}





/* Prevents negative margins from disappearing in IE6 */

* html .header,

* html .footer,  

* html .mainContent h1,

* html .mainContent h2,

* html .mainContent h3,

* html .mainContent h4,

* html .mainContent h5,

* html .mainContent h6,

* html .mainContent p,

* html .mainContent form,

* html .mainContent table {position:relative;zoom:1;}