@charset "UTF-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body { text-align: center; background-color:#796B62; }

#wrapper
	{ 
	margin: 0 auto;
	width: 880px;
	background-color: #FFFFFF;
	/*background-image: url(../images/template1/wrapper_bg.gif); background-repeat: no-repeat; background-position: left top;*/
	text-align: left;
	padding: 20px 20px 10px 25px;
	}

/* Top navigation and logo */
#logo  { width: 880px; padding: 0px; clear: both; margin: 0px; }

	#logo img { margin: 0px; padding: 0px; border: none; }
	#logo ul { padding: 0px; margin: 0px; }
	#logo li { float: left; list-style: none; padding: 55px 15px 0px 0px; }
	#logo a { padding-right: 10px; text-decoration: none; font-weight: 700; }
	#logo a:link, #logo a:visited {color: #757679; }
	#logo a:active, #logo a:hover { color: #910F3B; }
	
	/* Top Nav page id's */
	
	body#home #home, body#about #about, body#services #services, body#portfolio #portfolio, body#signs #signs, body#events #events, body#contact #contact, body#portfolio_ALI #portfolio, body#portfolio_Autodesk #portfolio, body#portfolio_BSpa #portfolio, body#portfolio_BP #portfolio, body#portfolio_CA #portfolio, body#portfolio_DR #portfolio, body#portfolio_LB #portfolio, body#portfolio_Mill #portfolio, body#portfolio_RHS #portfolio, body#portfolio_DT #portfolio, body#portfolio_WEM #portfolio, body#portfolio_WLW #portfolio, body#portfolio_SP #portfolio, body#portfolio_TCC #portfolio, body#portfolio_SP2 #portfolio, body#portfolio_ODPM #portfolio, body#portfolio_GameGoer #portfolio, body#portfolio_Greenery #portfolio, body#portfolio_Lishmans #portfolio, body#portfolio_Meadowrose #portfolio, body#portfolio_Mejnik #portfolio, body#portfolio_Novotel #portfolio, body#portfolio_OpenGolf #portfolio
	{ color: #910F3B; }

/*containers */

#introduction, #contactUs, #disciplines  { width: 874px; height: 370px; padding-bottom: 20px;  float: left;  }
#interface, #limeblue { width: 874px; height: 370px; border-bottom: solid 20px #FFFFFF;  float: left; padding-top: 0px; margin-top: 0px; }

#terms { background: #796B62 url(../images/template1/terms_bg.gif) no-repeat top left; width: 874px; padding-bottom: 10px; border-bottom: solid 20px #FFFFFF; float: left; padding-top: 0px; margin-top: 0px; }

/* ABOUT & CONTACT */

#introduction { background-image: url(../images/template1/intro_bg.jpg); background-repeat: no-repeat; }
#contactUs { background-image: url(../images/template1/contact_us_bg.jpg); background-repeat: no-repeat; }

#interface { background-image: url(../images/template1/interface2.jpg); background-repeat: no-repeat; background-position: top left; background-color: #796B62;}
#limeblue { background-image: url(../images/template1/limeblue.jpg); background-repeat: no-repeat; background-position: top left; background-color: #796B62; }	

	.intro, .contactUs { width: 400px; float: right; text-align: left; color: #FFFFFF; padding-left: 40px; padding-right: 40px;}
	
	.intro a:link, .intro a:visited { color:#BFB7B4; text-decoration: none; }
	.intro a:active, .intro a:hover { color:#BFB7B4; text-decoration: underline; }
	
	.contactUs a:link, .contactUs a:visited { color:#BFB7B4; text-decoration: none; }
	.contactUs a:active, .contactUs a:hover { color:#BFB7B4; text-decoration: underline; }
	
	
/* DISCIPLINES */

#disciplines { background: url(../images/template1/disciplines_bg.jpg) no-repeat right top;  }
	
	.discip_right { width: 420px; float: right; text-align: left; color: #FFFFFF; margin-right: 30px;}
	.discip_left { float: left; text-align: right; color: #BFB7B4; width: 355px; margin-top: 95px; padding-right: 20px;}
	.discip_left ul { padding-top: 5px; margin: 0px;}
	.discip_left li {list-style: none;}

.intro h1, .contactUs h1, .discip_right h1 { font-size: 26px; color: #FFFFFF; font-weight: normal; margin-top: 45px; font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;}
.discip_right h2 a { font-size: 16px; color: #FFFFFF; font-weight: normal; margin: 0px; font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; }
	.discip_right h2 a:link, .discip_right h2 a:visited { color:#BFB7B4; text-decoration: none; }
	.discip_right h2 a:active, .discip_right h2 a:hover { color:#BFB7B4; text-decoration: underline; }	
	
/* PORTFOLIO */
		
#horizontal_container  { width: 880px; padding: 0px; clear: both; float: left;  margin-top: 30px;}
	
		.mask1{
			position: relative; width: 870px; height: 370px; overflow: hidden; margin-bottom: 17px; }
				
		#box8 { position:absolute; }
		#box8 div {
	width: 192px;
	height: 144px;
	float: left;
	/* background-color: #CDC9C8;*/
	padding: 0px;
	margin: 0px;
}
		#box8 .project { }
			
		.sample8 .mask1 { border: solid 2px #A49A94; background-image: url(../images/gallery_background.jpg); background-position: top right; background-repeat: no-repeat; background-color: #CDC9C8;	}
		
		.client_details { padding: 20px 50px 10px 22px; font-size: 14px; }
		.details { padding: 0px 50px 0px 50px; }
		.details li { margin-left: 15px; }

/* Rollover gallery */  
 #gallery { position: absolute; left:0px; top:0px;  padding: 0px; margin: 0px; width: 859px;}
 #screen { position: absolute; left:10px; top:20px;   }
	
	#title { position:absolute;width:440px;height:40px;left:-220px;top:-200px; }
	#border { position:absolute;width:440px;height:340px;left:-220px;top:-170px;background:#000;border:#555 solid 1px; }
	#screen span { position: absolute; overflow:hidden; border:#FFF solid 1px; background-color: #FFFFFF; }
	#screen img { position: relative; left:-32px; top:-32px; cursor: ; }

	#galleryIntro {
	position:absolute;
	display: block;
	width:220px;
	left:642px;
	top:20px;
	padding-right: 10px; color: #68564D;
	}	 	

#caption {padding-right: 10px; color: #910F3B;}
		
		.quote { color: #910F3B; }
		
	#galleryIntro h1 { color: #68564D; font-size: 20px; font-weight: normal;font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; margin-top: 0px; margin-bottom: 2px; }
	#caption b { font-size: 2em; }

/* portfolio navigation */

#portfolio_nav { padding: 10px 0px 0px 0px; width: 880px; float: left; margin: 0px;}

	#portfolio_nav ul { padding: 0px; margin: 0px; }
	#portfolio_nav li { display: inline; margin: 4px 4px 4px 0px; list-style: none; }
	#portfolio_nav img { border: none; }
	#portfolio_nav h2 { padding: 0px 0px 10px 0px; margin: 0px; color: #757679;}
	
	
/* FOOTER */
#footerLeft { width: 600px; float: left; color: #757679; padding: 25px 5px 0px 5px; font-size: 10px; }
	#footerLeft a { text-decoration: none; color: #757679; font-size: 10px; }

#footer { float: right; width: 200px; margin: 0px; text-transform: uppercase; color: #8B7C75; text-align: right;  padding: 5px 5px 0px 0px;}
.phone { font-family: Arial, Helvetica, sans-serif; font-size: 22px; }
