/*
Titan Electrical

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px  "Arial";
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

body {margin: 0px;	padding: 0px;text-align:left; font: normal 12px "Arial", Arial;color:#666666; background:url(../images/bg_body.jpg) repeat-x;}	
		
#main_container {width:840px;margin: auto;	position:relative;	}
#header {width:840px; height:205px; background:url(../images/header.jpg) }
#nav {width:840px; height:48px; background:url(../images/bg_nav.jpg); margin:0 0 35px 0; }
#col_one {float:left; width:404px; background:url(../images/bg_col_one.jpg) no-repeat; text-align:center;}
#col_two {float:left; width:436px; background:url(../images/bg_pics.jpg) no-repeat; text-align:left;}
#box1 {float:left; width:436px; height:180px; background:url(../images/bg_box1.jpg) no-repeat; text-align:center; margin:0 0 10px 0; }
#box2 {float:left; width:436px; height:180px; background:url(../images/bg_box2.jpg) no-repeat; text-align:center; margin:0 0 10px 0; }
#box3 {float:left; width:436px; height:180px; background:url(../images/bg_box3.jpg) no-repeat; text-align:center; margin:0 0 10px 0; }
#quote_box {float:left; width:436px; height:250px; background:url(../images/bg_quote.jpg) no-repeat; text-align:center; margin:0 0 10px 0; }
#quote_box2 {float:left; width:436px; height:150px; background:url(../images/bg_quote.jpg) no-repeat; text-align:center; margin:0 0 10px 0; }
#pics_box {float:left; width:436px;  background:url(../images/bg_pics.jpg) no-repeat; text-align:center; margin:0 0 10px 0; padding:20px 0 0 0; }


/* --------------------------NAV----------------------------*/

#nav ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
#nav li {float:left; width:168px; padding:16px 0 0 0; text-align:center; font-size:11px; font-weight:bold;}
#nav li a {color:#FFFFFF; text-decoration:none;}
#nav li a:hover {color:#FF9900;}

/* -------------------------PARAGRAPHS & TEXT STYLES----------------------------*/

#col_one p {line-height:160%; padding:10px 20px 0 25px; text-align:left;}
#col_two p {line-height:160%; padding:10px 20px 0 25px; text-align:left;}
#box1 p {line-height:160%; padding:5px 190px 0 27px; text-align:left;}
#box2 p {line-height:160%; padding:5px 190px 0 27px; text-align:left;}
#box3 p {line-height:160%; padding:5px 190px 0 27px; text-align:left;}

.big_text {font-size:14px; color:#2B3573; font-weight:bold;}
.big_text_orange {font-size:14px; color:#FF9900; font-weight:bold;}

.blue_link {text-decoration:none; font-weight:bold; color:#2B3573;}

/* -------------------------LISTS----------------------------*/

#col_one ul {margin:0 0 20px 50px; padding:0 0 0 0; text-align:left;}
#col_one li {padding:5px 25px 5px 0; line-height:140%}

#col_two ul {margin:0 0 0 50px; padding:0 0 0 0; text-align:left;}
#col_two li {padding:5px 25px 5px 0;  line-height:140%}


/* -------------------------MISC----------------------------*/

.button_space {margin:5px 0 0 0;}

.pic_space {padding:10px 0 0 10px;}

/* -------------------------FOOTER----------------------------*/

#footer {width:100%; height:162px;  background:url(../images/bg_footer.jpg) repeat-x; margin:10px 0 0 0;}
#f_box {width:840px;margin: 10px auto 0 auto;	position:relative; background:url(../images/bg_logo.gif) right  no-repeat; height:150px; }
address { color:#FFFFFF; font-style:normal; padding:20px 0 0 30px; line-height:180%;}
#links {margin:20px 0 0 25px; padding:0 0 0 0; color:#A6ACCC;}
#links a  {color:#A6ACCC; padding:0 5px 0 5px; text-decoration:none; font-size:10px;}


/* ----------------------------FORMS--------------------------------*/

#form_container { float:left; width:380px;}
#map_container {float:left; width:260px;  margin-top:20px;}

label {font-size: 11px;font-weight: normal; color:#747678;}
fieldset{border: none;}
#form legend { margin: 0 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 70px;text-align:right;margin: 5px 10px 0 0;}
#form p { display:block;clear:both; padding:2px 0 2px 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #cccccc;background-color: #FFFFFF;color: #747678; width: 230px; padding: 3px 0 0 3px;  }
.field_height {height:20px;}
form {padding:20px 0 0 20px; }

form .btnSubmit { width:244px; height:31px; background:url(../images/submit.jpg) ; border:none; padding: 0; margin:0 0 0 0 ;  }