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

/*body { 
	font-family: trebuchet, "trebuchet MS", trebuchet MS, Century Gothic, "Century Gothic", Lucida Grande, "Lucida Grande", Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url(../images/background.jpg) #590129 repeat-x top center;
	margin: 0px;
}*/

body { 
	font-family: trebuchet, "trebuchet MS", trebuchet MS, Century Gothic, "Century Gothic", Lucida Grande, "Lucida Grande", Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	background: url(../images/background_new.jpg) #f4f3ef repeat-x top center;
	margin: 0px;
}

img { border: 0; }
ul { list-style: none; }
A:visited { COLOR: #a96719; TEXT-DECORATION: none; }
A:link { COLOR: #a96719; TEXT-DECORATION: none; }
A:hover { COLOR: #000; TEXT-DECORATION: underline; }
:focus { -moz-outline-style: none; }
input, textarea { margin: 8px 0px; }

hr {
	 color: #333;
	 background-color: #333;
     height: 4px;
}

form { margin: 0px;}
input, button, textarea, select { margin: 6px 0; width: 300px; }
p, h1, h2, h3, h4 { margin: 0px 0px 12px 0px; }
h1, h2, h3, h4 { font-weight: bold; }

.allcaps { text-transform: uppercase; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.clear{ clear: both; }
.clear_nomargin { clear: both;margin: -10px; }
.noPadding{ padding: 0 !important; }
.withPadding{ padding: 10px; }
.withPadding20px{ padding: 20px; }
.paddingTop{ padding-top: 10px !important; }
.paddingBottom{ padding-bottom: 10px !important; }
.paddingBottom15px { padding: 0 0 15px 0; }
.paddingBottom20px { padding: 0 0 20px 0; }
.paddingTopBottom{ padding-top: 10px !important; padding-bottom: 10px !important; }
.paddingLeftRight{ padding-left: 10px !important; padding-right: 10px !important; }
.paddingTopRightLeft { padding: 10px 10px 0 10px; }
.paddingTop5px { padding: 5px 0 0 0; }
.paddingTop15px { padding: 15px 0 0 0; }
.paddingTop20px { padding: 20px 0 0 0; }
.noShow{ display: none; }
.nomargin { margin: 0px; }
.marginTop { margin-top: 10px; }
.marginTop15px { margin-top: 15px; }
.marginTop5px { margin-top: 5px; }
.marginTop20px { margin-top: 20px; }
.marginBottom { margin-bottom: 10px; }
.marginBottom20px { margin-bottom: 20px; }
.marginBottom15px { margin-bottom: 15px; }
.marginRight { margin-right: 10px; }
.marginLeft { margin-left: 10px; }
.marginHeavy { display: block; margin: 10px 0 20px 0; }
.marginThick { display: block; margin: 30px 0 20px 0; }
.toggler{ cursor: pointer; }
.align_center { text-align: center; }
.overflow_hidden { overflow: hidden; }
.position_relative { position: relative; }
.position_absolute { position: absolute; }
.large { font-size: 110%; }
.larger { font-size: 115%; }
.largest { font-size: 120%; }
.bigger { font-size: 125%; }
.biggest { font-size: 150%; }
a.biglink { font-size: 14px; } 
.thumb { border: 3px solid #fff; margin: 0 8px 8px 0; }

strong { font-size: 110%; }

/*****************************
*  NAV and HEADER DIVS
*****************************/	  

#mainwrapper {
	width: 940px;
	height: auto;
	margin: 0 auto;
}

#header {
	width: 940px;
	height: 112px;
	clear: both;
	position: relative;
}

	/*#address {
		width: 600px;
		height: 102px;
		position: absolute;
		top: 10px;
		right: 0;
		color: #fff;
		text-align: right;
	}
	
		#address a, #address a:visited { color: #b2b2a3; }
		#address a:hover { color: #cccca8; }
		#address a strong, #address a:visited strong { color: #fff; }*/
		
	#address {
		width: 600px;
		height: 102px;
		position: absolute;
		top: 10px;
		right: 0;
		color: #242424;
		text-align: right;
	}
	
		#address a, #address a:visited { color: #660000; }
		#address a:hover { color: #a96719; }
		#address a strong, #address a:visited strong { color: #000; }
		#address strong { color: #000; }

#navigation { 
	width: 940px;
	height: 50px;
	position: relative;
	background-color: #f4f4f4;
	clear: both;
}

	#home a { 
		display: block;
		width: 67px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/nav/home_new.jpg) no-repeat 0 0;
	}
	
		.current#home a, #home a:hover { 
			background: url(../images/nav/home_new.jpg) no-repeat -67px 0;
		}
		
	#thecompany a { 
		display: block;
		width: 125px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 67px;
		background: url(../images/nav/thecompany_new.jpg) no-repeat 0 0;
	}
	
		.current#thecompany a, #thecompany a:hover { 
			background: url(../images/nav/thecompany_new.jpg) no-repeat -125px 0;
		}
		
	#wherewework a { 
		display: block;
		width: 151px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 192px;
		background: url(../images/nav/wherewework_new.jpg) no-repeat 0 0;
	}
	
		.current#wherewework a, #wherewework a:hover { 
			background: url(../images/nav/wherewework_new.jpg) no-repeat -151px 0;
		}


	#clients a { 
		display: block;
		width: 84px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 343px;
		background: url(../images/nav/clients_new.jpg) no-repeat 0 0;
	}
	
		.current#clients a, #clients a:hover { 
			background: url(../images/nav/clients_new.jpg) no-repeat -84px 0;
		}
		
	#construction a { 
		display: block;
		width: 132px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 427px;
		background: url(../images/nav/construction_new.jpg) no-repeat 0 0;
	}
	
		.current#construction a,#construction a:hover { 
			background: url(../images/nav/construction_new.jpg) no-repeat -132px 0;
		}
		
	#maintenance a { 
		display: block;
		width: 127px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 559px;
		background: url(../images/nav/maintenance_new.jpg) no-repeat 0 0;
	}
	
		.current#maintenance a, #maintenance a:hover { 
			background: url(../images/nav/maintenance_new.jpg) no-repeat -127px 0;
		}
		
	#otherservices a { 
		display: block;
		width: 140px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		left: 686px;
		background: url(../images/nav/otherservices_new.jpg) no-repeat 0 0;
	}
	
		.current#otherservices a, #otherservices a:hover { 
			background: url(../images/nav/otherservices_new.jpg) no-repeat -140px 0;
		}
		
	#contact a { 
		display: block;
		width: 114px;
		height: 42px;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/nav/contact_new.jpg) no-repeat 0 0;
	}
	
		.current#contact a, #contact a:hover { 
			background: url(../images/nav/contact_new.jpg) no-repeat -114px 0;
		}

/*****************************
*  HOME PAGE SPECIFIC
*****************************/

#middle { 
	width: 940px;
	height: 435px;
	clear: both;
	/*background: url(../images/middle_home_back.jpg) no-repeat bottom left;*/
	background: url(../images/middle_home_back_new.jpg) no-repeat bottom left;
	color: #fff;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}

	#middle h2 {
		width: 350px;
		height: 50px;
		margin: 0 0 10px 0;
		display: block;
		text-indent: -9999px;
		background: url(../images/scorpiosign.jpg) no-repeat 0 0;
	}
	
	#middle h3 {
		width: 350px;
		height: 76px;
		margin: 0;
		display: block;
		text-indent: -9999px;
		background: url(../images/thebestin.gif) no-repeat 0 0;
	}
	
	.top_left {
		width: 350px;
		height: auto;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	
	.top_right {
		width: 520px;
		height: auto;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	.retail_logos { position: absolute; bottom: 22px; left: 20px; }
		.retail_logos img { margin: 0; }
	
	.proudmember { position: absolute; bottom: 39px; right: 20px; }
	
.middle_left, .middle_right {
	width: 600px;
	height: auto;
	float: left;
}

	.middle_right { float: right; width: 320px;padding: 0 0 0 20px; }
	
	.middle_right h2, .middle_left h2 , #content h2{ 
		color: #000; 
		text-transform: uppercase;
		font-size: 24px;
	}
	
	.middle_right a, .middle_right a:visited { color: #b9b390; }
	
.front_minibox {
	width: 300px;
	height: 440px;
	float: left;
	margin: 0 20px 0 0;
	/*background: url(../images/minibox_back.jpg) #fff no-repeat bottom left;*/
	background: url(../images/minibox_back_new.jpg) #e1e1d7 no-repeat bottom left;
}

	.front_minibox h2 {
		width: 280px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		padding: 0 0 0 20px;
		display: block;
		/*background: url(../images/minibox_header.jpg) repeat-x;*/
		background: url(../images/minibox_header_new.jpg) repeat-x;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
	}
	
/*****************************
*  MAIN CONTENT
*****************************/

#content, .content_wrapper {
	width: 940px;
	height: auto;
	float: left;
}

#middle_regular {
	width: 940px;
	height: auto;
	float: left;
	/*background: url(../images/fadedstone.jpg) #e1e1d6 no-repeat top left;*/
	background: url(../images/fadedstone_new.jpg) #e1e1d6 no-repeat top left;
	padding: 0;
	margin: 0 0 20px 0;
}

	#middle_regular h1 {
		display: block;
		width: 900px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
		color: #590129;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
.roundedbottom {
	width: 940px;
	height: 20px;
	/*background: url(../images/roundedbottom.gif) no-repeat bottom left;*/
	background: url(../images/roundedbottom_new.gif) no-repeat bottom left;
	clear: both;
	margin: 0;
}

#left, #right { 
	width: 440px;
	height: auto;
	float: left;
}	

#full {
	width: 900px;
	height: auto;
	float: left;
}

#right { 
	float: right;
}

	#right h2, #left h2, #full h2 {
		padding: 8px;
		background-color: #b1ac9c;
		color: #fff;
		text-transform: uppercase;
	}

#footer {
	width: 940px;
	height: 60px;
	margin: 20px 0 0 0;
	text-align: center;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
	clear: both;
}

/*****************************
*  NEWS
*****************************/	

.newsdate {
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	font-size: 18px;
	margin: 0 10px 10px 0;
	color: #470018;
	background-color: #fff;
	float: left;
}

.newstitle {
	width: 407px;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	float: right;
}

.newsentry {
	width: 600px;
	height: auto;
	margin: 5px 0 30px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #999;
	clear: both;
}

/*****************************
*  BASIC ACCORDION
*****************************/	
	
#basic-accordian{
	width:900px;
	height: auto;
	z-index:2;
	float: left;
}

.accordion_headings{
	padding:5px;
	background:#e1d919;
	color:#000;
	border:1px solid #FFF;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#868673;
}

.accordion_child{
	padding:10px;
	background:#EEE;
}

.header_highlight{
	background:#470018;
	color: #fff;
}

/*****************************
*  ITEMS
*****************************/

.white_thumb { border: 5px solid #fff;margin-bottom: 20px; }

.purple { color: #590129; }

.white_wrapper { background-color: #fff; padding: 10px; }

.slim_column, .slim_column_full {
	width: 215px;
	height: auto;
	float: left;
	padding: 0 10px 0 0;
}

	.slim_column_full { width: 225px; padding: 0; }

	.slim_column h3, .slim_column_full h3 { font-size: 20px; color: #470018; }
	
.case_wrapper {
	width: 900px;
	height: 268px;
	clear: both;
}

.case {
	width: 290px;
	margin: 0 9px 0 0;
	background-color: #fff;
	border: 2px solid #fff;
	height: 248px;
	float: left;
}

.case_text {
	width: 270px;
	height: 20px;
	line-height: 20px;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 12px;
}

#left h4, #right h4 {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 15px;
	color: #fff;
	background-color: #470018;
	display: block;
	clear: both;
}

ul#scorpion {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#scorpion li {
	list-style-type: none;
	background: url(../images/scorpion_tiny.gif) no-repeat top left;
	display: block;
	height: auto;
	padding: 2px 0 10px 25px;
}

.contact_text {
	width: 240px;
	height: auto;
	float: left;
	margin: 0 15px 0 0;
}

.contact_form {
	width: 335px;
	height: auto;
	float: left;
	margin: 0;
}

	.contact_form input { width: 300px; }
	.contact_form textarea { width: 330px; }