/*

Theme Name: Geohazard Environmental Theme
Theme URI: http://www.geohazard.co.nz
Description:  ‘Environmental Investigation Consultancy’
Author: Samantha Mansfield
Author URI: http://www.samidesigns.co.nz
Version: 1.0

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


body {
	
	background-color: #004b23;
    background-position: top;
	/*background-attachment: fixed;*/
	margin-top: 50px;
	padding-top: -100px;
	margin-bottom: 0px;
	background-image: url('http://www.geohazard.co.nz/wp-content/uploads/2014/07/background-gradient.gif');
	background-repeat: repeat-x;


	}  


#imgwrap    { width: 690px; height: 720px;
              position: relative }

#hail       { width: 40px; height: 20px;
              position: absolute; top: 92px; left: 260px;
 }

#guidelines      { width: 125px; height: 34px;
             position: absolute; top: 340px; left: 511px;
                }

#hail span
            { width: 238px;
              font: 75% Arial, sans-serif;
background: #fae5a7;
border:1px solid grey;
padding:8px;
margin-top:30px;
border-radius:7px;
-moz-border-radius: 7px;
display: none; }

#guidelines span
            { width: 238px;
              font: 75% Arial, sans-serif;
background: #fae5a7;
border:1px solid grey;
padding:8px;
margin-top:40px;
margin-left:-73px;
border-radius:7px;
-moz-border-radius: 7px;
display: none; }

#hail:hover span, #guidelines:hover span
            { display: block }


#wrap {
	width: 1000px;
	height: auto;
	margin: auto;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #a6a7a6;
background-color: #fff;
margin-bottom:-60px;

}  

#logo {
	margin-top: 15px;
margin-bottom: 10px;
	width: 427px;  
	height: 150px;
	margin-left: 28px;
	background-repeat: no-repeat;
	float: left; 
/*border: 1px solid #ff0000;*/

}

a:hover
{
	color: #669933;
	text-decoration:none; 

} 

a
{
	color: #666666;
        

} 

/* =Widgets and sidebar
-------------------------------------------------------------- */


#sidebar {
width:270px;
float:left;
color:#333;
font-family:Tahoma,Verdana,sans-serif;
height:100%;
/*border:1px solid #ff0000;*/
line-height: 8px;
font-size: 8px;
}



#sidebar .h2nostyle h2{
text-decoration:none;
list-style-type: none;
margin-left:20px;
list-style-type: none;
}


#sidebar ul{
margin-left:20px;
float-left;
margin-top:0px;
margin-bottom:20px;

} 	

#sidebar ul li{
text-align:left; 
font-size: 12px;
/*list-style-type: disc;*/
/*list-style-image: url(images/list-line.png); */
list-style-type: none;
margin-bottom:0px;
padding-left:0px;
line-height: 18px;
} 

#sidebar ul li a:hover
{
	color: #669933;
	text-decoration:none; 

} 

#sidebar ul li a
{
	color: #666666;
        

}



/* =Header
-------------------------------------------------------------- */



#header {
	height: auto;	/*background-color: #ff0000;*/
background-color: #fff;
}

#header h1 {  
text-indent: -9999px;  

}  

#header h1 a {
	/*width: 430px;
	height: 191px;
	display: block;*/
	/*background-image: url(images/sami-designs-logo.png);*/
	

}  

#topbannerslide {
	height: 346px;
	width: 986px;
	clear: left;
	margin-top:144px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #0CC;*/
	background-image: url(images/slide1.jpg);
	

}
 




#header ul {
	/*overflow: hidden; */ 
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	text-align: center;		
}  

#header ul li {
	
	
	float: left;
	height: 40px;
	width: 80px;		
}  

#header #search-box-header {
	float:right;
	margin-top:40px;
margin-right:60px;
}
 




/* =Top Navigation
-------------------------------------------------------------- */


#cssmenu{
	margin-top: 27px;
	margin-left: 53px;
	height: 40px;
	display: block;
	padding: 0;
	float: left;

	
} 

#cssmenu > ul {
	list-style:inside none;
	padding:0; 
	margin:0;
	} 
	
#cssmenu > ul > li {
	list-style:inside none; 
	padding:0;
	margin:0; 
	display:block; 
	position:relative;
	} 
	
#cssmenu > ul > li > a{ 
outline:none; 
display:block; 
position:relative; 
padding-left:10px;
padding-right:10px;
padding-top:4px; /*CELL HEIGHT*/
padding-bottom:4px;
font: 15px/100% Arial, Helvetica, sans-serif; 
text-align:center; 
text-decoration:none; 
} 



#cssmenu > ul > li:first-child > a{
	} 
	
	#cssmenu > ul > li:last-child > a{
border:none;
	} 
	
#cssmenu > ul > li > a:after{ 
content:''; 
position:absolute; 
border-right:0px solid; 
top:-1px; 
bottom:-1px; 
right:-2px; 
z-index:99; 
} 

#cssmenu ul li{
	margin-top: 1px;
	margin-bottom: -1px;
	text-align: left;
	width: auto;

	} 

#cssmenu ul li:hover > a{
	top: 10px;
	bottom: 10px;

	} 
	

	
	
	/*pricing plan link when you hover over the plans on the drop down*/
#cssmenu ul li:hover > a{ 

padding-bottom:5px; /*HOVER SIZE*/
padding-right:10px; /*cell Padding on hover*/
padding-top:5px; 
top:-1px; 
z-index:999; 


/* when you hover over the pricing link color: #000;*/
} 

#cssmenu ul li:hover > ul, #cssmenu ul li:hover > div{
	display:block;
	
	
} 

/*over pricing plan when hovered */
#cssmenu ul li > a:hover{
	/*background:#00abde;*/ 
	border-color:#666666
	
	} 
	
#cssmenu ul li > ul, #cssmenu ul li > div{ 
display:none; 
width:auto; 
position:absolute; 
top:39px; 
padding:5px 0; 
border-radius:0 5px 5px 5px; 
z-index:999; 

} 

#cssmenu ul li > ul{
	margin-top:-1px;

	} 
	
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
	width: 145px;
	text-align: left;
	/*background:#95e1f8;*/ 


	
	
	} 
	
#cssmenu ul li > ul li a{ 
outline:none; 
display:block; 
position:relative; 
margin:0; 
padding:12px 20px; 
font:10pt Arial, Helvetica, sans-serif; 
colour:#fff000;  /*text colour of drop down menu, when not hovered*/
background:#95e1f8; 
text-decoration:none; 
/*text-shadow:1px 1px 0 rgba(0,0,0, 0.5); */
} 

#cssmenu, #cssmenu > ul li > ul li a:hover{ 
colour:#fff000; /*colour of text on drop down*/



} 

#cssmenu ul li > ul li a:hover{	
	} 


	
#cssmenu > ul > li > a{
	border-right:1px solid #666666;
	} 
	

/* =Main Content
-------------------------------------------------------------- */ 



.page_content {
/*padding-left: 40px;*/
/*padding-right: 60px;*/
padding-top: 60px;
margin-bottom: 60px;
font-family: Arial, Helvetica, sans-serif; 
background-color: #fff;
/*float:left;*/
/*border:1px solid #000;*/
height:100%;
width:100%;
overflow:hidden;
padding-bottom:60px;
} 




.page_content_text_wrapper a:hover
{
	color: #666666;
	text-decoration:none; 


} 

.page_content_text_wrapper a
{
color: #669933;

     
} 



.topservicepagelinks ul li 
{
line-height:15px;   
} 


.page_content_text_wrapper {
border-left:3px solid #68933e;
height:100%;
/*border-right:1px solid #fff000;
border-top:1px solid #fff000;
border-bottom:1px solid #fff000;*/
width:630px;
padding-left:20px;
float:left;
}

.page_content h1 {	
color: #406325;
font-size: 24px;
margin-bottom:-10px;
font-weight: bold;
padding-bottom:20px;
} 

.page_content h2 {	
font-size: 16px;
font-weight: bold;
color: #67923d;
padding-bottom:10px;
padding-top:10px;
text-decoration:none;
list-style-type: none;
} 

.page_content h3 {	
font-size: 14px;
font-weight: bold;
color: #a1bf7b;
margin-bottom:-10px;
} 

.page_content .large-italics {	
color: #58585b;
margin-top:28px;
margin-bottom:30px;
font-style: italic;
line-height: 20px;
}

.page_content p{
color: #666666;	
line-height: 16px;
font-size: 14px;
margin-bottom:0px;
} 

.page_content ul{
/*width:300px;*/
margin-left:35px;
float-left;
margin-top:20px;
margin-bottom:10px;

} 	

.page_content ul li{
text-align:left; 
color: #696969;
/*list-style:inside none;*/
font-size: 14px;
list-style-type: disc;
margin-bottom:5px;
} 





.edit-link {
	
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif; 
margin-top:-20px;
padding-bottom:10px;
font-style: italic;
float:left;
} 



.page_content-search {
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 160px;
font-family: Arial, Helvetica, sans-serif; 
background-color: #fff;
/*float:left;*/
height:100%;

overflow:hidden;
} 

.page_content-search h1 {	
color: #406325;
font-size: 24px;
margin-bottom:-10px;
font-weight: bold;
padding-bottom:20px;
} 

.page_content-search h2 {	
font-size: 16px;
font-weight: bold;
color: #67923d;
padding-bottom:10px;
padding-top:20px;
} 

.page_content-search h3 {	
font-size: 14px;
font-weight: bold;
color: #a1bf7b;
margin-bottom:-10px;
} 

.page_content-search .large-italics {	
color: #58585b;
margin-top:28px;
margin-bottom:30px;
font-style: italic;
line-height: 20px;
}

.page_content-search p{
color: #666666;	
line-height: 16px;
font-size: 14px;
margin-bottom:10px;
} 

.page_content-search ul{
/*width:300px;*/
margin-left:35px;
float-left;
margin-top:20px;
margin-bottom:20px;

} 	

.page_content-search ul li{
text-align:left; 
color: #696969;
/*list-style:inside none;*/
font-size: 14px;
list-style-type: disc;
margin-bottom:5px;
} 







#main {
	/*background-color: #fff000;*/
	width: 990px;
	height: auto;
}  


hr {
  border: 0;
  width: 96%;
  color: #f00;
background-color: #8c8c8c;
height: 5px;
}


/* =Footer
-------------------------------------------------------------- */
	

#footer {

	padding: 0px;
	margin: 0px;
  	margin-bottom: 30px;
	width: auto;
	height: 70px;
	clear: left;
	color: #fff;
	font: 12px/100% Arial, Helvetica, sans-serif; 
	
	} 


#footer-insidebox
{
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 20px;

border: 5px solid #a6a7a6;
background-color: #68933e;

} 

#footer #pageLinks {
	float: left;
	height: auto;
	width: auto;
	margin-left:-3px;
} 


#footer #pageLinks a:hover {
	color: #95bb32;	
} 


#footer #pageLinks ul {
	list-style:inside none;
	width:auto;
	display:inline;

	} 
	
#footer #pageLinks ul li {
	display:inline; 
	padding-left:4px;
	padding-right:4px;	
	} 
	
#footer #pageLinks ul li a {  
font: 12px/100% Arial, Helvetica, sans-serif; 
text-align:left; 
text-decoration:none; 
color: #fff;

} 

#footer #pageLinks ul li a:hover { 
color: #95bb32;
} 


#footer #copyright
{
	
	float:right;
	color: #fff;
	font: 12px/100% Arial, Helvetica, sans-serif; 
	display: block;

} 

#footer #copyright a:hover
{
	color: #95bb32;
	text-decoration:none; 

} 

#footer #copyright a
{
	color: #fff;

}