/* 

Title:      Sci Anderson
Author:     scianderson@me.com
Copyright:  2008, scianderson.com  All rights resevered (please don't re-use without permission). 

*/

/*Navigation*/



/*Logo*/

h1.technique-three {
	width: 170px;
	height: 137px;
	background: url("images/gecko.png");
	text-indent: -9999px;
	margin-top: 17px;
	margin-left: 0px;
	float: left;
	position: absolute;
}

#navlist {
	
	padding-top:10px;
	margin: 0px;

}

#navlist li {
	display: inline;
	list-style-type: none;
	
}

#navlist li a {

	color: #000000;
	text-transform: uppercase;
	font-size: 13px;
	padding-left:50px;
	font-weight: bold;
	text-decoration: none;
	
}

#navlist a:hover {

	color: #ffffff;
	
}



/* TYPE */

body {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background-color:#494949;
	color: #000000;
	padding:0px;
	margin:0px;
}

p {
	margin-bottom: 18px;
	line-height:18px;
	font-size: 12px;
	color:#474747;
	
}

b {

font-weight: bold;
font-size: 11px;
}

.intro {

	line-height:25px;
	font-size: 14px;
	padding-right: 20px;
	color:#474747;

}

h1 {
	font-weight: bold;
	font-size: 20px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #f9552f;
}

h2 {
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #f9552f;
	padding-top: 20px;
}


	


h3{
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	margin-left: 20px;
	color: #f9552f;
	padding-top: 20px;
}

h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding:0px 20px 0px 20px;
}

/* LINKS */

a {
	color: #f9552f;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* STRUCTURE
--------------------------------------------- */

.head {

	width: 100%;
	height: 80px;
	background-color: #73bf48;
	background-image: url(images/headbanner.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}


/*SEARCHBOX*/

#headerbox {
	float: right;
	padding: 0px;
	text-align: right;
	padding-top: 30px;
	
}


.floatleft {

float:left;
padding:20px 20px 0 20px;
}




/*MAINNAV*/



.mainnav {
	
	width: 100%;
	height: 40px;
	background-image: url(images/nav.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	
}


#contentwrap {
	
	width: 100%;
	background-color: #b4d0e7;
	background-image: url(images/contentwrapper.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
	}

#content {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0px 20px 0px;
		
}

#headercontent {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	
	
}

#innercontent {
	
	width: 900px;
	margin-bottom: 0px;
	
			
}

.serviceh2 {

padding:30px 20px 0px 20px;
}

.rangeh2 {

padding:0px 0px 0px 20px;


}



.servicep {

padding:10px 20px 0px 20px;
font-size: 14px;
line-height:25px;
font-size: 14px;
color:#474747;


}

/* PANELS */

.panel1 {


	width: 900px;
	background-color: #ffffff;
	height: 250px;
	background-image: url(images/panelbgd.gif);
	padding: 0px;
	margin: 0px;

}

.panelservice {


	width: 900px;
	background-color: #ffffff;
	height: 190px;
	background-image: url(images/panelbgd.gif);
	padding: 0px;
	margin-bottom:20px;
	
}

.panelrange {


	width: 900px;
	background-color: #ffffff;
	height: 260px;
	background-image: url(images/panelbgd.gif);
	padding: 0px;
	margin-bottom:20px;
	
}

.panelrange2 {


	width: 900px;
	background-color: #ffffff;
	height: 150px;
	background-image: url(images/panelbgd.gif);
	padding: 0px;
	margin-bottom:20px;
	
}

.panelcatalogue {

    width: 900px;
	background-color: #ffffff;
	height: 250px;
	padding: 0px;
	margin-bottom:20px;
	padding-top: 25px;
	border: 1px solid #999999;
	background-image: url(images/panelbgd.gif);
	background-repeat: repeat-x;

	

}

.panelcatalogue3 {

    width: 900px;
	background-color: #ffffff;
	height: 450px;
	padding: 0px;
	margin-bottom:20px;
	padding-top: 25px;
	border: 1px solid #999999;
	background-image: url(images/panelbgd.gif);
	background-repeat: repeat-x;

	

}

.panelcatalogue2 {

    width: 900px;
	background-color: #ffffff;
	height: 750px;
	padding: 0px;
	margin-bottom:20px;
	padding-top: 25px;
	border: 1px solid #999999;
	background-image: url(images/panelbgd.gif);
	background-repeat: repeat-x;

	

}

.panelcatalogueproduct {

    width: 900px;
	background-color: #ffffff;
	height: 700px;
	padding: 0px;
	margin-bottom:20px;
	padding-top: 25px;
	border: 1px solid #999999;
	background-image: url(images/panelbgd.gif);
	background-repeat: repeat-x;

	

}

.googlemap {

border:1px solid #999999;
float: right;
margin-right: 20px;
background-color: #999999;
}



.panelcatalogueproduct img {

    	border: 1px solid #e4e5e5;
	

}

.panelcatalogue img {

    	border: 1px solid #e4e5e5;
	

}

.panelcatalogue2 img {

    	border: 1px solid #e4e5e5;
	

}

.panelcatalogue3 img {

    	border: 1px solid #e4e5e5;
	

}

.panelcatalogue3 p {

    	color:#454545;
	

}

.panelcontact{

    width: 900px;
	background-color: #ffffff;
	height: 750px;
	background-image: url(images/panelbgd.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin-bottom:20px;
	padding-top: 15px;
	border:1px solid #999999;
	
}

.panelcontact p{

    font-size: 12px;
    line-height: 15px;
    margin-left: 20px;	
}


.panel2 {


	width: 900px;
	margin-top: 20px;
    height:200px;
    
    
}

.column1product { float:left; width:420px; margin-right:20px; margin-left:20px;  padding:0px; display: inline;}
.column2product { float:left; width:420px; margin-right:20px;  padding:0px; display: inline;}

  
.column1 { float:left; width:280px; margin-right:30px;  padding:0px; display: inline;}
.column2 { float:left; width:280px; margin-right:30px;  padding:0px; display: inline;}
.column3 { float:left; width:280px; padding:0px; }

.column1range { float:left; width:280px; margin-left:20px;  padding:0px; display: inline;}
.column2range { float:left; width:280px; margin-left:10px;  padding:0px; display: inline; }
.column3range { float:left; width:280px; margin-left:10px;  padding:0px; display: inline;}

.column1a { float:left; width:180px; margin-right:70px;  padding:0px; display: inline;}
.column2a { float:left; width:180px; margin-right:0px;  padding:0px;  display: inline;}
.column3a { float:left; width:180px; margin-right: 90px; padding:0px; display: inline;}
.column4a { float:left; width:180px; padding:0px; display: inline;}

.catalogue1  {  float:left;  width:195px;  margin-left:25px; padding:0px; display: inline;  }
.catalogue2  { float:left; width:195px; margin-left:25px; padding:0px; display: inline;  }
.catalogue3  { float:left; width:195px; margin-left:25px; padding:0px;  display: inline;}
.catalogue4  { float:left; width:195px; margin-left:25px; padding:0px; display: inline;}

.column1product { float:left; width:420px; margin-left:20px;  padding:0px; display: inline; }
.column2product { float:left; width:400px; margin-left:20px;  padding:0px; display: inline; }



#nav {
	width: 900px;
	margin-left:800px;
	text-align: right;
	color: #FFFFFF;
	margin:auto;	}



#footerwrap {
   
   
	width: 100%;
    background-color:#494949;
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 20px;
	border-top: 1px solid #000000;
	
	
	
	}

#footer {
    
	width: 900px;
	clear: both;
	height: 140px;
	margin: 0 auto;
	margin-top:20px;
	text-align: left;
	padding: 20px 0px 0px 0px;
	color:#ffffff;

	
	}
	
	#footer p {
    
	color:#ffffff;
	
	}
	
	#footer a {
    
	color:#ffffff;
	
	}
	
	#footer2 {
    
	width: 100%;
	margin-top: 40px;
	text-align: left;
	color: #ffffff;
	clear: both;
	background-color: black;
	}
	
	
	/* IMAGES
--------------------------------------------- */

img {

border:none;

}