/* ==================================================================

 * http://www.summit-e.com/

 *  owner: Planeteria Web Design

 *  authors: Shawn Emory (semory@planeteria.com)
 				 Leigh Cockrell (lcockrell@planeteria.com)

 *  created: 5/5/2007

 * ================================================================== */
 
/* ==================================================================
	Layout Template Classes
		The following classes are inserted into the body tag to
		select appropriate layout.
	
 	• layout1 - Unique for the home page
	• layout2 - 3 columns (left nav, content, sidebar)
	• layout3 - 2 columns (left nav, content)
	• layout4 - 3 columns (sidebar, content, sidebar)
	
	All navigation styles are contained in the file 'navigation.css'.
	If a particular element falls within a nav container, such as an h2,
	it's attributes might be defined there.
		
 * ================================================================== */
 
* {padding:0; margin:0; border:0;}

body {
font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
font-size: 76%;
margin: 0 0 20px 0;
color: #4e2414;
background: #7b0010;
text-align:center;
}
/* TinyMCE specific rules */
body.mceContentBody
{
   background: #FFF;
   text-align:left;
}

p { 
margin:0 0 1.1em 0;
}

/*==================================================================
 * Headings
 * ================================================================== */

h1, h2, h3, h4, h5, h6 { 
color:#57020d;
background-color:transparent;
font-weight:bold;
margin:0 0 .7em 0;
line-height:1.3em
}

h1 { /* Hidden Logo description "Summit Technology Group, Inc." for text readers */ 
display: none;
}

h2 { /* HOME Page Titles */ 
font-size:150%;
margin-bottom:0.9em;
text-transform:uppercase;
font-weight: normal;
}


h3 { font-size:125%;}

h4 { font-size:110%;
margin-bottom:0.2em;}

h5 {
	font-size:100%;
	margin-top: -4px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.3em;
}

h6{ font-size:90%}

.left {
float:left;
margin-right: 12px;
margin-bottom: 12px;
}


.right {
float:right;
margin-left: 12px;
margin-bottom: 12px;
}

/* ==================================================================
 * Lists
 * ================================================================== */

dd {
padding: 0 0 1.1em 0;
}

ul, dl {
margin:1em 0;
padding:0;
list-style:none;
}

ul li {
background:url("images/bullet_list.gif") no-repeat 0 .3em;
margin:0;
padding:0 0 1em 1.3em;
line-height: 1.2em;
}

	/*---------------------------------------------*/
	/* --- LIST BULLET graphic colors are different in each 
		of the sections to help define the section your in*/
	/*---------------------------------------------*/
		#group_inc li {
		background:url("images/bullet_group_inc.gif") no-repeat 0 .3em;}
			
		.systems li  {
		background:url("images/bullet_systems.gif") no-repeat 0 .3em;}
		
		.electric li  {
		background:url("images/bullet_electric.gif") no-repeat 0 .3em;}
		
		.service li  {
		background:url("images/bullet_service.gif") no-repeat 0 .3em;}
			
   /*------End LIST BULLET graphic colors-------------------------*/

	ul ul {
	margin-bottom: 0;
	padding-bottom: 0;
	}


/* ==================================================================
 * Links
 * ================================================================== */

a:link {
color: #a90319;
background-color:transparent;
text-decoration:none;
}

	/*---------------------------------------------*/
	/* --- HOME page LINK COLORS graphic colors are different in each 
			of the sections to help define the section your in*/
	/*---------------------------------------------*/

		#home .systems a:link,
		#home .systems a:visited {
		color: #645c1d;
		text-decoration:none;
		}
		
		#home .electric a:link,
		#home .electric a:visited {
		color: #a54843;
		text-decoration:none;
		}
		
		#home .service a:link,
		#home .service a:visited {
		color: #596b6b;
		text-decoration:none;
		}
		 
	/*------End LIST BULLET graphic colors---------*/	 

a:visited {
color: #a90319;
background-color:transparent;
text-decoration:none;
}

a:hover {
color: #837d4d;
background-color:transparent;
text-decoration: underline;
}

	#home a:hover {
	color: #fff;
	background-color:transparent;
	text-decoration: underline;
	}

a:active {
color: #fff;
background-color:transparent;
text-decoration: underline;
}

a:focus {
outline: none ;/*gets rid of the claret on linked images when they're clicked*/
}

/* ==================================================================
 * Misc
 * ================================================================== */

.img_right {
float: right;
margin: 0 0 20px 20px;
}

.img_left {
float: left;
margin: 0 15px 10px 0;
}

.  {
clear: both;
}


/* ==================================================================
 * Layout
 * ================================================================== */
 
#container1 {
float: left;
width: 100%;
min-height: 600px;
text-align: center;
border-bottom: 1px solid #e9cfae;
background:#e5cbaa url(images/bg_gradient_bottom.jpg) left bottom repeat-x ;
}

 /*Hack for Internet Exploder 6*/
 *html #container1 {height: 600px;}
	
	#home #container1 {
	padding: 0 0 70px 0;
	}
	#sub #container1 {
	padding: 0 0 50px 0;
	}

#container2 {
font-size: 1em;
line-height: 1.3em;
margin: 0 auto;
text-align: left;
position:relative;
clear: both;
}

	#home #container2 {
	width:975px;
	}

	#sub #container2 {
	width: 954px;
	}

/*-----MASTHEAD is the top area containing logo and slogan--------------*/
#find_it_fast {
position: absolute;
right: 20px;
top: 9px;
width:auto;
height: 38px;
background: url(images/bg_hdr_finditfast.gif) center bottom no-repeat;
text-transform:none;
font-size: .7 em;
}

#masthead {
width: 975px;
position: relative;
}
	#home #masthead {
	height: 69px;
	}

	#sub #masthead { 
	height: 113px;
	width: 954px;
	background:url(images/bg_masthead_bottom.gif) left bottom no-repeat; 
	/*Maroon line that runs underneath the tabs on the sub pages*/
	}

#logo {
position: absolute;
top: 0px;
}

	#home  #logo {
	left: 32px;
	}
	
	#sub 	#logo {
	left: 24px;
	}
	
	/*---------------------------------------------*/
	/* --- SLOGAN POSITIONS are different in each 
		of the sections because of length of words*/
	/*---------------------------------------------*/
	
	
	
	
	#slogan_group_inc {
	position: absolute;
	left: 490px;
	top: 25px;
	}
	
	#slogan_systems {
	position: absolute;
	left: 385px;
	top: 25px;
	}
	
	#slogan_electric {
	position: absolute;
	left: 415px;
	top: 25px;
	}
	
	#slogan_service {
	position: absolute;
	left: 530px;
	top: 25px;
	}
	
	#plug_icon {
	position: absolute;
	left: 460px;
	top: 5px;
	}
	/*----End Slogan positionings------------*/

/*----------- End MASTHEAD styles----------------*/	
	
	
		
/*----CONTENT is the white area below banner. 
 Contains, content_left, content_middle, content_right-----*/

	#content {
	float: left;
	clear: left;
	width: 975px;
	position: relative;
	text-align:left;
	}

		#home #content {
		margin: 0;
		padding: 0;
		}
		
/*----------------------------START HOME PAGE STYLES --------------------------*/		
		

/*--------------HOME Page Columns--------------*/
	
#home_columns_container {
	background:url(images/bg_home_columns4.gif) 22px bottom no-repeat;
	min-height: 630px;
	clear: both;
}
	*html #home_columns_container {height: 630px;}

	/*-------------- HOME Tab Positioning over Columns-----------*/

	#hdr_electronic_systems {margin-left: 108px !Important;}
	#hdr_electric {margin-left: 93px !Important;}
	#hdr_electrical {margin-left: 92px !Important;}
	
	/*-------------------------------------------------------------*/

	/*-------------- HOME Tab Styles-----------*/

#content h2  {
	width: 209px;
	padding:  15px 10px 7px 0;
	margin: 0;
	text-align: right;
	color: #f5dfc3;
	display: inline;
	float: left;
	font-size: 100% !Important;
	text-transform: uppercase;
	background:url(images/bg_home_h2_off.gif) left top no-repeat;
}

#content h2 a {
	color: #fff;	
}

		
#home_column_left {
float: left;
display: inline;
width: 301px;
margin: 0 0 0 26px;
border-top: 8px solid #837d4d;
}

	#home_column_left div {padding: 18px; color: #4e2414;}
	#home_column_left h3 {color: #645c1d;} 
	


#home_column_middle {
float: left;
display: inline;
width: 301px;
margin: 0 0 0 11px;
border-top: 8px solid #a54843;
}

	#home_column_middle div {padding: 18px; color: #4e2414;}
	#home_column_middle h3 {color: #a54843;} 
	


#home_column_right {
float: left;
display: inline;
width: 301px;
margin: 0 0 0 10px;
border-top: 8px solid #596b6b;
}
	#home_column_right div {padding: 18px; color: #4e2414;}
	#home_column_right h3 {color: #596b6b;} 
		
	
/*--------------End HOME Page Columns--------------*/

/*---------------------------- END HOME PAGE STYLES --------------------------*/


/*---------------------------- START SUB PAGE STYLES --------------------------*/


	
/*--------------Sub PAGE Layout--------------*/

#column_left {
width: 275px;
float: left;
}

#column_left_container {/*Had to add this extra div for the corner image*/
padding: 24px 24px 0 24px;
margin: 0;
background:  #7b0010 url(images/bg_subnav_bottom.gif) left bottom no-repeat;
height: 214px;
}

	#column_left img{ margin: 0 0 0 24px;}
		

#column_right {
width: 679px;
float: left;
background:url(images/bg_content.gif) right top repeat-y #f0d9bb;
}

	
	#column_right_content {/*Had to add this extra div for the drop shadow*/
	background: url(images/bg_content_bottom.gif) left bottom no-repeat;
	min-height: 600px;
	background-repeat: no-repeat;
	width: 679px;
	float: left;
	padding: 0 0 10px 0;
	}
	
	*html #column_right_content {height: 600px}
	
	
		#column_right_content.projects {/*Had to add this extra div for the drop shadow*/
	background: url(images/bg_content_projects_bottom.gif) left bottom no-repeat;
	min-height: 600px;
	background-repeat: no-repeat;
	width: 679px;
	float: left;
	padding: 0 0 10px 0;
	}
	
	*html #column_right_content.projects {height: 400px}
	
	
		#project_container_top {
		background-image: url(images/bg_content_projects_top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		}
		
		
		
		#project_small_left_corner {
		position:absolute;
		left: 271px;
		top: 0px;
		}
		
		
		
	
	
	
	
	
	#content_left {
float: left;
display:inline;
margin: 0 0 0 39px;
width: 355px;
}

		#content_left.faq,  #content_left.proj_overview, #content_left.request  {
	float: left;
	display:inline;
	margin: 0 0 0 39px;
	width: 600px;
	}
	
	.faq #content_left {
	float: left;
	display:inline;
	margin: 0 0 0 39px;
	width: 600px;
	}
	
	.contact #content_left {
	float: left;
	margin: 0 0 0 39px;
	width: 260px;
	display:inline;
	overflow: hidden;
	}


		.projects #content_left {
		float: left;
		margin: 30px 10px 0 39px;
		width: 330px;
		display:inline;
		padding-top:30px;
		
		}
		
	#team #content_left {
		float: left;
		display:inline;
		margin: 0 0 0 39px;
		width: 600px;
	}	
	#privacy #content_left {
		width:600px;
		margin: 0 39px;
		}
		
		
		#projects_nav_box {
		height:211px;
		width:251px;
		background-color:#e5cbaa;
		float:right;
		}
		
		#project_nav_container {
	margin:30px 30px 0 30px;
	text-align: right;		
		
		
		}
		
	
		#project_nav_container ul li {
	list-style:none;
	text-align: right;
		}
	


#content_right {
float: left;
margin: 0 0 0 20px;
padding: 0 0 30px 20px;
width: 205px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #4e2414;
}
	
	 	#content_right.contact {
	float:right;
	margin: 36px 0 0 0px;
	padding: 0 0 30px 0px;
	width: 308px;
	border-left: none;
	display:inline;

	}
	
	
	  .projects #content_right {
	float: right;
	margin:-39px 3px 0 0px;
	padding: 0 0 0px 0px;
	width: 292px;
	border-left:none;
	display:block;
	position:absolute;
	left: 657px;
	top: 39px;
	height: 353px;
	}
	 
	 
	#content_right .image_window {
			/*display:inline;*/
			float: right;
			margin:12px 0;
	} 
	 
	 		#small_thumb_container {
			margin-left:20px;
			margin-top:16px;
			width:270px;			
			}
			
			
			.small_thumb {
		/*	border: 3px solid #7b0010;*/
			margin-right:15px;
			}
			
			
		#projects_pullquote {
		position:absolute;
		width: 247px;
		height: 185px;
		left: 680px;
		top: 367px;
		padding: 25px 0 0 8px;
		color: #4e2414;
		background: transparent url(images/bg_openquote_group_inc.gif) left top no-repeat;
		line-height: 1.9em;
			}
			
			
		#projects_pullquote img{
	position:relative;
	left: 4px;
	top: 18px;
	margin: 0;}	
			
			
			
			
	 


			.maps {
			border:solid 2px #5a2b19;
			margin-bottom:24px;
			float:right:
			}


.rule {
	margin: 15px 0 5px 0;
	z-index::100;
	background-image: url(images/bg_rule.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	clear: both;
}

.rule2 {
	border-bottom:1px dotted #a90319;
	padding:10px 0 0 0;
	margin-bottom:20px;
	clear: both;
	}

	
	
	/*---------------------------------------------*/
	/* ---PULL QUOTES are the text between open and close quote graphics*/
	/*---------------------------------------------*/	

.quote div {display:inline; position:relative;}
.quote_left div {display:inline; position:relative;}

.quote {
padding: 25px 0 0 8px;
color: #4e2414;
background: transparent url(images/bg_openquote_group_inc.gif) left top no-repeat;
line-height: 1.9em;

}

	.quote_left {
	padding: 25px 0 0 8px;
	color: #f0d9bb;
	background:  #7b0010 url(images/bg_openquote_left-col.gif) left top no-repeat;
	line-height: 1.9em;
	
	}
	
	.quote img{
	position:absolute;
	left: 8px;
	top: 10px;
	margin: 0;}
	
  .quote_left img {
	position:absolute;
	left:16px;
	top: 10px;
	margin-left:-24!Important;/*Cancels out the #column_left img{ margin: 0 0 0 24px;} above*/
	}
	
	
		
			
	.quote_credit {
	float: right;
	text-align: right;
	font-style:normal;
	font-size:0.9em;
	width: 190px;
	margin-top: 10px;
	line-height: 1.1em;
	}	

	/*---------------------------------------------*/
	/* --- PULL QUOTE graphic colors are different in each 
		of the sections to help define the section your in*/
	/*---------------------------------------------*/
	
	#group_inc .quote {
	background: transparent url(images/bg_openquote_group_inc.gif) left top no-repeat;
	}
	
	.systems .quote {
	background: transparent url(images/bg_openquote_systems.gif) left top no-repeat;
	}
	
	.electric .quote {
	background: transparent url(images/bg_openquote_electric.gif) left top no-repeat;
	}
	
	.service .quote {
	background: transparent url(images/bg_openquote_service.gif) left top no-repeat;
	}
	/*-------- PULL QUOTE graphic colors----------------------*/
	
		
/*-------BANNER is large Image at top of each page------------*/

#banner {
height: 229px;
margin: 0 5px 30px 0;
}

	
	
	
	#company #banner  {
	background: url(images/img_banner_div_electric.jpg) left top no-repeat;
	border-bottom: 9px solid #4e2414;
	}
	
	#awards #banner { 
		background: url(images/img_banner_div_sys_theater.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
	
	#solutions.residential #banner  {
	background: url(images/img_banner_tech_solutions_r.jpg) left top no-repeat;
	border-bottom: 9px solid #4e2414;
	}
	
	#solutions.commercial #banner  {
	background: url(images/img_banner_div_sys_boardroo.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
	}
	
	#solutions.wineries #banner  {
	background: url(images/img_banner_tech_solutions_w.jpg) left top no-repeat;
	border-bottom: 9px solid #4e2414;
	}







	#divisions.systems #overview #banner  {
	background: url(images/img_banner_div_sys_overview.jpg) left top no-repeat;
	border-bottom: 9px solid #645c1d;
	}
	
	
		#divisions.systems #theater #banner  {
		background: url(images/img_banner_div_sys_theater.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		#divisions.systems #lighting #banner  {
		background: url(images/img_banner_div_sys_lighting.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		#divisions.systems #video #banner  {
		background: url(images/img_banner_div_sys_video.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}

		#divisions.systems #control #banner  {
		background: url(images/img_banner_div_sys_control.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}

		#divisions.systems #security #banner  {
		background: url(images/img_banner_div_sys_security.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}

		#divisions.systems #networks #banner  {
		background: url(images/img_banner_div_sys_networks.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		#divisions.systems #boardroom #banner  {
		background: url(images/img_banner_div_sys_boardroo.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
	
	

		#divisions.systems #proc_consult #banner  {
		background: url(images/img_banner_div_sys_proc_con.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		#divisions.systems #proc_design #banner  {
		background: url(images/img_banner_div_sys_proc_des.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}

		#divisions.systems #proc_install #banner  {
		background: url(images/img_banner_div_sys_proc_ins.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}

		#divisions.systems #proc_service #banner  {
		background: url(images/img_banner_div_sys_proc_ser.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}


		#divisions.systems #team #banner  {
		background: url(images/img_banner_div_sys_proc_ins.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}





		#divisions.systems #proj_overview #banner  {
		background: url(images/img_banner_div_sys_proj.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		#partners #banner  {
		background: url(images/img_banner_partners.jpg) left top no-repeat;
		border-bottom: 9px solid #57020d;
		}





	#divisions.electric #banner  {
	background: url(images/img_banner_div_electric.jpg) left top no-repeat;
	border-bottom: 9px solid #a54843;
	}
	
	
		#divisions.electric #serv_overview #banner  {
		background: url(images/img_banner__elect_proj_over.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		#divisions.electric #team #banner  {
		background: url(images/img_banner_div_sys_proc_ser.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		
		#divisions.electric #serv_consult #banner  {
		background: url(images/img_banner_div_sys_proc_con.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		
		#divisions.electric #serv_design #banner  {
		background: url(images/img_banner_elect_serv_des.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
			#divisions.electric #serv_backup #banner  {
		background: url(images/img_banner_elect_serv_bac.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
				#divisions.electric #serv_energy #banner  {
		background: url(images/img_banner_elect_serv_ener.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
		
		
	
	
	#divisions.service #banner  {
	background: url(images/img_banner_div_service.jpg) left top no-repeat;
	border-bottom: 9px solid #596b6b;
	}
	
	
		#divisions.service #team #banner  {
		background: url(images/img_banner_div_sys_proc_ser.jpg) left top no-repeat;
		border-bottom: 9px solid #645c1d;
		}
	
	
	
	
	
	#jobs.overview #banner  {
		background: url(images/bg_jobs_overview.gif) left top no-repeat;
	border-bottom: 9px solid #4e2414;
	}
			#jobs.benefits #banner  {
			background: url(images/img_banner_div_sys_lighting.jpg) left top no-repeat;
			border-bottom: 9px solid #4e2414;
			}
			#jobs.current #banner  {
			background: url(images/img_banner_div_sys_lighting.jpg) left top no-repeat;
			border-bottom: 9px solid #4e2414;
			}
	
	
	#faq #banner  {
	background: url(images/img_banner_faq.jpg) left top no-repeat;
	border-bottom: 9px solid #4e2414;
	}
	
	
	#contact #banner  {
	background: url(images/img_banner_contact_us.jpg) left top no-repeat;
	border-bottom: 9px solid #4e2414;
	}
	
	#privacy #banner {display:none;}
	
	
/*------- End BANNER styles------------*/	




/*--------------END Sub Page Layout--------------*/


/*--------------Footer--------------*/	
#footer {
background: url(images/bg_footer.gif) right bottom no-repeat;
padding: 20px;
clear: both;
text-align:right;
font-size: .9em;
min-height: 27px;
color: #d8b3b8;
}
	#footer a {
	color: #d8b3b8;
	text-decoration: underline;
	} 

/****************** [Forms] */
.TextBox{}
.w375px{width:375px;}
.w200px{width:200px;}
.w150px{width:150px;}