/* CSS Document */

/* --------------- Kill Browser Deafults ------------------*/

ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1.0em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px;   padding:0px; }

a img,:link img,:visited img,fieldset { border:none; }

a { outline:none; }

/* -------- Tag Selectors ----------- */

* { border:0px; margin:0px; padding:0px; }

html { background:#999 url(../images/bg.jpg) repeat-x 0px 0px; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#fff; height:100%;  }

body { height:100%;}

h2 { font-size:11px; }

a , a:visited { color:#FF9933; text-decoration:underline; }

a:hover, a:active { color:#999999; text-decoration:underline; }




/* --------------- Classes -------------------------*/

#rcol p.bold {font-weight:bold; margin-left:50px;}

#rcol .clearleft {clear:left;}

.nofloat {
  float:none!important;
}

#rcol .space {margin:0px 0px 20px 0px; display:block;}

.clear {clear:both;}

#rcol .clearright {clear:right;}

#rcol .networklogo img {float:left; clear:left; margin:0px 10px 10px 0px;}

#rcol .logor img {float:right; clear:right; margin:0px 40px 10px 0px;}

#rcol .networklogo { margin: 20px 0px 20px 0px; display:block;float:left;}

#rcol p.smallmargin {margin:19px 40px 0px 10px;}

#rcol img.marginleft {margin:20px 0px 30px 70px; }

#rcol .clearhack {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
  .clearhack {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
.system_message {
  background-color:#FFF7AD;
  border:1px solid #FFA305;
  border-left:0px;
  border-right:0px;
  color:#000;
  margin:1em 1em 1em 0;
  padding:1em;
}

  .system_message p {
    margin-top:0px!important;
  }
  
.center {
  text-align:center;
}

/* ------------------------ horizontal sprite nav ------------------------ */

#nav { 

	background:url("../images/nav.jpg") no-repeat; 

	width:762px; 

	height:56px; 

	margin:0;

	padding:0; 

	}



#nav span { display: none; }



#nav li, #nav a { height:56px; display:block; } /* change height here also */



#nav li { float:left; list-style:none; _display:inline; position:relative; }



#nav-01 { width: 127px; margin-left: 0px;}

#nav-02 { width: 127px;}

#nav-03 { width: 127px;}

#nav-04 { width: 162px;}

#nav-05 { width: 92px;}

#nav-06 { width: 127px;}





/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover { background:url("../images/nav.jpg")  0px -56px no-repeat; }

#nav-02 a:hover { background:url("../images/nav.jpg") -127px -56px no-repeat; }

#nav-03 a:hover { background:url("../images/nav.jpg") -254px -56px no-repeat; }

#nav-04 a:hover { background:url("../images/nav.jpg") -381px -56px no-repeat; }

#nav-05 a:hover { background:url("../images/nav.jpg") -543px -56px no-repeat; }

#nav-06 a:hover { background:url("../images/nav.jpg") -635px -56px no-repeat; }



/* --------------  Page Specific Styles -------------*/

#aboutpage #rcolheader1 { background:url(../images/who_we_are.jpg); width:193px;margin:0px;}

#aboutpage #rcolheader1 a { width:193px; }

#servicespage #rcolheader1 { background-image:url(../images/services.jpg);width:309px; margin:0px;}

#servicespage #rcolheader1 a { width:309px; }

#contactpage #rcolheader1 { background-image:url(../images/contact.jpg);width:185px; margin:0px;}

#contactpage #rcolheader1 a { width:185px; }

#newspage #rcolheader1 { background-image:url(../images/latest_news.jpg);width:205px; margin:0px;}

#newspage #rcolheader1 a { width:205px; }

#thankyoupage #rcolheader1 { background-image:url(../images/thank_you.jpg);width:193px; margin:0px;}

#thankyoupage #rcolheader1 a { width:193px; }

/* --------------  Page Styles -------------*/

#container { width:762px; height:100%; margin:0px auto; text-align:center; }

#header { position:relative; width:762px; height:201px; background-image:url(../images/banner.jpg); color:#333333; }

	#header a { width:255px; height:165px; display:block; float:left; }
	
	#header p { position:absolute; bottom:15px; left:20px; }
	
	#header p a { width:auto; height:auto; display:inline; float:none; }
	
	#header p a, #header p a:visited { color:#333333; }
	
	#header p a:hover, #header p a:active { color:#FF9933; }

#lower { width:762px;float:left; text-align:left; background-image:url(../images/lower_bg.jpg); background-repeat:repeat-y; }

#lcol { width:259px; float:left; }

	#lcol h2 { margin:0px 0px 0px 25px; color:#FF9933; }
	
	#lcol img { margin:15px 10px 10px 25px; float:left; clear:left; }
	
	#lcol p { margin:15px 20px 0px 25px; }
	
	#lcol .more { float:left; margin:15px 0px 0px 0px; }
	
	#lcolheader1 { width:259px; height:59px; background-image:url(../images/latest_instalations.jpg); background-repeat:no-repeat; display:block; }
	
	#lcolheader1 a { width:259px; height:59px; display:block; }
	
	#lcolheader2 { clear:left; width:259px; height:41px; background-image:url(../images/our_services.jpg); background-repeat:no-repeat; display:block; }
	
	#lcolheader2 a { width:259px; height:41px; display:block; }
	
	#lcol .whitebar { clear:left; margin:5px auto; width:225px; height:3px; background-image:url(../images/white_bar.jpg); background-repeat:no-repeat; display:block; }
	
	#lcol table { margin:0px 0px 15px 25px; }
	
	#lcol table .orange { color:#FF9933; }
	
	#lcol table a { margin-top:10px; display:block; }
	
	
	
	

#rcol { width:503px; float:right; color:#666666; }

	#rcol h2,#rcol h1 { margin:10px 25px 0px 25px; color:#666666; }
	
	#rcol ul { margin:10px 0px 20px 45px; }
	
	#rcol li { margin-top:5px; list-style:disc;}
	
	
	#rcol dl { display:inline; margin:10px 0px 0px 45px; width:100px; float:left; padding-bottom:20px;}
	
	#rcol dt { font-weight:bold;}
	
	#rcol dt, #rcol dd { margin-top:5px; list-style:disc; }
	
	
	
	#rcol img { margin:15px 15px 15px 25px; float:left; clear:left; }
	
	#rcol p { margin:15px 25px 0px 25px; }
	
	#rcol p img { clear:none; float:none; margin:0px 2px 0px 2px; }
	
	#rcol .more { float:left; margin:15px 0px 0px 0px; }
	
	#rcolheader1 { clear:left; width:193px; height:33px; background-image:url(../images/who_we_are.jpg); background-repeat:no-repeat; display:block; }
	
	#rcolheader1 span {display:none;}
	
	#rcolheader1 a { width:193px; height:33px; display:block; }

	#rcolheader2 { clear:left; width:193px; height:30px; background-image:url(../images/latest_news.jpg); background-repeat:no-repeat; display:block; }
	
	#rcolheader2 a { width:193px; height:30px; display:block; }
	
	#rcol .greybar { clear:both; margin:10px auto 0px auto; width:477px; height:3px; background-image:url(../images/grey_bar.jpg); background-repeat:no-repeat; display:block; }
	
		#rcolheader3 { margin-top:10px; clear:left; width:193px; height:33px; background-image:url(../images/testimonials.jpg); background-repeat:no-repeat; display:block; }
	
	#rcolheader3 a { width:193px; height:33px; display:block; }
	
	
		#rcolheader4 { margin-top:10px;clear:left; width:224px; height:33px; background-image:url(../images/service_areas.jpg); background-repeat:no-repeat; display:block; }
	
	#rcolheader4 a { width:224px; height:33px; display:block; }
	
	#rcolheader5 { clear:left; width:193px; height:33px; background-image:url(../images/green_tech.jpg); background-repeat:no-repeat; display:block; }
	
	#rcolheader5 span {display:none;}
	
	#rcolheader5 a { width:193px; height:33px; display:block; }
	
	
	
	
	
	
	
	

#footer { bottom:0; color:#999999; float:left; clear:both; width:762px; height:45px; padding-top:5px; background-color:#333333; text-align:center; line-height:20px; }

	#footer a ,#footer a:visited { color:#ccc; text-decoration:none; }
	
	#footer a:hover,#footer a:active { color:#ccc; text-decoration:underline; }
	
/* ----- global form elements ----- */ 

	fieldset {border:0px;}

	form { width:350px; padding:10px 0 15px 0; }

	form label	{ font-size:.95em; }

	form br {  line-height:0; /* defaults vertical spacing between fields */ }  

	input, textarea, select { 
		background-color:#FFF!important; /* to prevent highlighting by Google Toolbar */
		border:1px solid #999;
		color:#000;
		width:340px; /* 5 pixles smaller than form width !important */
		height:18px;
		line-height:18px;
		vertical-align: middle;
		margin-bottom:5px; /* sets vertical spacing between fields */
		padding-top:5px; /* vertically position text in input/textarea field */
		padding-left:5px; /* horizontally position text in input/textarea field */
		font-family: Arial, Helvetica, sans-serif; 
		font-size:1em; }
		
	
	select { width:350px; /* same width as form !important */ padding:0; }

	textarea { height:90px; overflow:auto; }
	
	input.submit, input.button { width:100px; cursor:pointer; padding:0; }
		input.submit-contactForm { margin:90px 0 0 242px; }
		
	#procedure {width:140px;}
	
	#contactForm {margin:15px 0px 15px 0px;}




/* ------ contactFormArea Styles ---------*/

#contactFormArea input,#contactFormArea textarea { border:1px solid #666;background-color:#ffffff; margin:10px 0px 10px 0px;}

	#contactFormArea { text-align:left; width:300px; display:block; margin:20px 10px 20px 60px;}
	
	#contactFormArea fieldset { border:0;margin:0;padding:0; }
	
	#contactFormArea label { display:block; }
	
	#contactFormArea input.text,#contactFormArea textarea { width:300px;font:12px/12px 'Verdana' , Arial, Helvetica, sans-serif;color:#333; padding:3px; border:1px solid #666; }
	
	#contactFormArea input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif;color:#333 }
	
	#contactFormArea #selfCC { display:none; }
	
	#rcol #loadBar { margin:20px 10px 10px 50px; }
	
	#rcol #loadBar img { margin:20px 0px 0px 40px; }
	
	#rcol #emailSuccess { margin:20px 10px 10px 50px; }
	


/* ------ Accordian Syles ------*/

#expansion { display:block; clear:left; margin:0px 0px 20px 0px;}

.stretcher { width:90%; background-color:#cccccc; margin:0px 0px 0px 25px; float:none; clear:both; }

	.stretcher img { display:none; }
	
	#rcol .stretcher p { margin:0px 0px 10px 0px;}
	
	.stretcher ul { margin:15px 5px 15px 30px; list-style:square; }
	
	.stretcher li { margin:5px 0px 5px 0px; }
	
	.stretch { font-weight:bold; cursor:pointer; line-height:37px; text-decoration:underline;}