/* CSS Mastery: Advanced Web Standards Solutions - Simon Collison's tutorial */



/* the appropriate background class will be applied based on class attached to the body */



body {

margin: 0;

padding: 0;

font:70% Trebuchet MS,'Lucida Grande',Verdana, Helvetica, sans-serif;

background-color: #3F3F3f;
}

#threeColLayout {

background: #3F3F3f;

}

#twoColLayout {

background: #3F3F3f;

}

#oneColLayout {

background: #3F3F3f;

}



/* default links */



a:link {

background-color: transparent;

/*text-decoration: underline;*/

color: black;

}

a:hover {

text-decoration: underline;

color: #990;

}

a:visited {

background-color: transparent;

text-decoration: underline;

color: black;

}



/* headers here */



h1 {

margin: 0;

padding: 30px;

font-size: 150%;

color: #a09c9b;

text-indent: -9000px;

}



h2 {

margin: 0 10px 0 10px;

padding: 2px;

font-size: 130%;

color: #A3A06F;

background: #E5E2A9;

}



/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */



h3 {

text-transform: uppercase;

display: inline;

font-size: 92%;

margin: 10px 5px 0 5px;

padding: 2px;

}



.default h3 {

/*background: #F6CE45;*/

}

.careers h3 {

background: #F6CE45;

}

.one_man h3 {

font-size: 110%;

background: #B18FD1;

}

.interviews h3 {

font-size: 110%;

background: #D7D493;

}

.profiles h3 {

background: #C4DDB8;

}



/* main wrapper that holds it all centrally */



#wrapper {
position: inherit;
width:750px;
max-width: 750px;
margin:0 auto;

/*border: 2px solid red;*/

/* Hides from IE-Mac \*/


/* End hide from IE-Mac */

}

/* ---------------------------start header -----------------------------*/

/* default masthead holding the banner and mainNav */



#header {
width: 750px;
height: 163px;
margin:0 auto;
position:relative;
background: #a09c9b url(main_images/br_hrd.jpg) repeat-x top left;
}
.logo{
	width:241px;
	height:163px;
	float:left;
}
.logo a{
	border:0;
}
.logo a img{
	width:241px;
	height:163px;
	border:0;
	margin:0;
	padding:0;
}
.logo_two{
	width:110px;
	height:163px;
	float:left;
}
.logo_two a{
	border:0;
}
.logo_two a img{
	width:110px;
	height:163px;
	border:0;
	margin:0;
	padding:0;
}
.center{
	width:398px;
	height:163px;
	float:left;
}
.center_two{
	width:750px;
	height:113px;
	float:left;
	background:url(main_images/header_2_bg.jpg);
	background-repeat:repeat-y;
}
.link_div{
	width:485px;
	height:76px;
	float:left;
	margin-top:37px;
}
.two_middle{
	width:460px;
	height:76px;
	float:right;
	margin-right:20px;
	margin-top:20px;
}
.two_middle a{
	width:460px;
	height:76px;
	border:0;
}
.two_middle a img{
	width:436px;
	height:76px;
	border:0;
	margin:0;
	padding:0;
}
.link_div a{
	border:0;
	width:485px;
	height:76px;
}
.link_div a img{
	width:485px;
	height:76px;
	border:0;
	margin:0;
	padding:0;
}
.logo_three{
	width:241px;
	height:163px;
	float:none;
	position:absolute;
}
.logo_three a{
	border:0;
}
.logo_three a img{
	width:241px;
	height:163px;
	border:0;
	margin:0;
	padding:0;
}

.hcontain{
float: left;
margin: 0px 0 0 0;
/*height: 165px;*/
max-width: 750px;
/*border: 1px solid yellow;*/
}



#header2 {

/*width:750px;*/

max-width: 750px;

height: 143px;

margin:0 auto;

/*background-color: #3f3f3f;*/

/*background: #a09c9b url(images/br_hrd.jpg) repeat-x top left;*/

background: #a09c9b;

/*background-repeat: repeat-x top left; */

/*border: 1px solid yellow;*/

}



.header_txt{
float:right;
margin-top:90px;
margin-right:15px;
padding-top: 5px;
font: normal 12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
color: black;
}
.absolute{
	width:500px;
	height:auto;
	float:none;
	position:absolute;
	color:#999;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
	left: 455px;
	top: 100px;
}
.absolutes{
	width:500px;
	height:auto;
	float:none;
	position:absolute;
	color:#999;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
	left: 187px;
	top: 122px;
}


.header_underline

{

float: left;

margin: 0px 0 0 0px;

padding: 0px 0 0 120px;

height: 14px;

/*border-bottom: 1px solid black;*/

}



.header2

{

margin: 0px 0 0 0;

/*width:750px;*/

max-width: 750px;

height: 50px;

background-color: #1c1f1d;

/*border: 1px solid red;*/

}

/* ---------------------------end header -----------------------------*/



/* ---------------------------start main columns -----------------------------*/





/* now the three main columns, named in order of importance and display when styles switched off */



/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */



#threeColLayout #primaryContent {

float:left;

width:270px;

display: inline;

margin: 0 0 20px 195px;

/*border: 2px solid orange;*/

}



/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */



#twoColLayout #primaryContent {

width:555px;

float:left;

display: inline;

margin: 0 0 0px 195px;

/*border: 2px solid pink;*/

}



/* just incase twoColLayout is specified in body, and secondaryContent is left in, we turn it off - not ideal, but it works */



#twoColLayout #secondaryContent {

display: none;

}



#secondaryContent{

float:left;

width:270px;

display: inline;

margin: 0 0 20px 15px;

/*border: 1px solid green;*/

}



#sideContent{

float:left;

width:180px;

display: inline;

margin: 0 0 20px -750px;

/*border: 1px solid green;*/

}



/* just incase oneColLayout is specified in body, and these are left in, we turn them off - not ideal, but it works */



#oneColLayout #secondaryContent, #oneColLayout #sideContent {

display: none;

}



/* twoColContent - used to span two right-hand columns - ONLY LEAVE THIS IN IF I DISCUSS IT - box used only if no selector */



#twoColContent{

width:555px;

float:left;

display: inline;

margin: 0 0 20px 195px;

/*border: 2px solid yellow;*/

}



/* cbSide controls non-rounded boxes in the thinner left column, known as sideContent */



.cbSide {

width:160px;

margin: 5px 0 0 10px;

padding: 10px 0 5px 0;

background: #FFF;

/*border: 2px solid yellow;*/

}

.cbSide p {

margin: 0;

padding: 0 5px 2px 5px;

font-size: 90%;

color: #666;

}



/* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */



.box {

margin: 0px 0 0 0;

padding: 0px 0 5px 0;

/*border: 2px solid yellow;*/

}



/* Styling of the boxes if there is no JavaScript support */



.cbb {
width:750px;
height:auto;
position:relative;
float:left;
margin: 0 0px 0 0px;
background: #FFF;
padding: 0px 0 0px 0;
line-height:normal;
/*border: 1px solid red;*/
}



/* paragraph styles for any main boxes */

.cbb p, .cb p {

margin: 0;

padding: 0 5px 5px 50px;

color: #333;

}



p{

margin: 0;

padding: 0 5px 5px 50px;

color: #000;

font-size: 11px;

}



.up_soon

{

font-size: 12px;

font-weight: bold;

}



.image1_index{
float:left;
width:750px;
height:auto;
position:relative;
background:#FFF;
/*border: 1px solid purple;*/
}
.middle_one{
float:left;
width:741px;
height:auto;
border-right:9px solid #F00;
position:relative;
}
.box_one{
float:left;
width:741px;
height:auto;
position:relative;

}
.what{
	width:200px;
	height:auto;
	float:left;
}
.what p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:20px;
	margin-top:15px;
	font-weight:bold;
}
.what p b{
	font-size:20px;
	color:#F00;
}
.what ul{
	margin:0;
	padding:0;
	margin-left:33px;
	padding-bottom:8px;
	color:#333;
}
.what ul li{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.feature{
	width:539px;
	height:auto;
	float:left;
	background-color:#CCC;
	
}
.industry{
	width:540px;
	height:auto;
	float:left;
	background:url(main_images/feature.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.ic_core{
	width:340px;
	height:auto;
	float:right;
}
.ic_core p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-top:15px;
	color:#000;
	font-weight:bold;
}

.ic_core p b{
	font-size:19px;
	color:#000;
	
}
.ic_core p a{
	text-decoration:none;
	margin-left:130px;
}
.box_two{
float:left;
width:741px;
height:auto;
position:relative;
}
.feat{
	width:540px;
	height:auto;
	float:left;
	position:relative;
	margin-top:10px;
}
.left{
	width:415px;
	height:auto;
	float:left;
	background:url(main_images/high_tech11.jpg) no-repeat;
	background-position:0px top;
	border-right:1px solid #666;
}

.left p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-top:15px;
	color:#000;
	margin-left:120px;
	font-weight:bold;
}

.left p b{
	font-size:19px;
	color:#000;
	
}

.right{
	width:123px;
	height:auto;
	float:left;
	background:url(main_images/high_tech147.jpg) no-repeat;
	background-position:0px top;
}



.lock_s{
	width:177px;
	height:257px;
	float:left;
	margin-left:12px;
	display:block;
	margin-right:11px;
}
.lock_s img{
	width:177px;
	height:257px;
	border:0;
	margin:0;
}
.lock_slv{
	width:180px;
	height:168px;
	float:left;
}
.lock_slv img{
	width:170px;
	height:168px;
	margin:0;
	padding:0;
	border:0;
	margin-left:15px;
	margin-right:15px;
	display:inline;
}
.image1_index2a{
float: left;
margin:0;
width: 750px;
background: #FFF;
/*border: 1px solid purple;*/
}



.image1_index2
{
float: left;
margin:0;
line-height:normal;
position:relative;
width: 750px;
height: auto;
background: #fff;
/*border: 1px solid purple;*/
}

.locked_out{
	width:750px;
	height:auto;
	float:left;
	position:relative;
}

.image1_com

{

float: left;

margin: 0 0 0 0;

min-width: 750px;

max-width: 750px;

background: #fff;

/*border: 1px solid purple;*/

}



.grey{
float: right;
/*background: #cecece;*/
margin: -49px 5px 0px 0px;
width: 550px;
height: 44px;
/*border: 1px solid yellow;*/
}



.grey img{

 background-repeat:no-repeat;

}



/* Insert the custom corners and borders for browsers with sufficient JavaScript support */



.cb {

margin: 0.5em 0;

line-height: 170%;

	}



/* Rules for the top corners and border */

.bt {

	background:url(box.png) no-repeat 100% 0 !important;

	background:url(box.gif) no-repeat 100% 0;

	margin:0 0 0 18px;

	height:27px;

/*border: 2px solid #993333;*/

	}

.bt div {

	height:27px;

	width:18px;

	position:relative;

	left:-18px;

	background:url(box.png) no-repeat 0 0 !important;

	background:url(box.gif) no-repeat 0 0;

/*border: 2px solid #993333;*/

	}



/* Rules for the bottom corners and border */

.bb {

	background:url(box.png) no-repeat 100% 100% !important;

	background:url(box.gif) no-repeat 100% 100%;

	margin:0 0 0 12px;

	height:14px;

	}

.bb div {

	height:14px;

	width:12px;

	position:relative;

	left:-12px;

	background:url(box.png) no-repeat 0 100% !important;

	background:url(box.gif) no-repeat 0 100%;

	}



/* Insert the left border */

.i1 {

	padding: 0 0 0 12px;

	background:url(borders.png) repeat-y 0 0 !important;

	background:url(borders.gif) repeat-y 0 0;

	}

/* Insert the right border */

.i2 {

	padding: 0 12px 0 0;

	background:url(borders.png) repeat-y 100% 0 !important;

	background:url(borders.gif) repeat-y 100% 0;

	}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.i3 {

	background:#FFF;

	border: 1px solid #FFF;

	border-width:1px 0;

	padding:0 5px;

	}

/* CSS for the box ends here */



/* date and posted control the small text info in article blurbs */



.date {

font-size: 85%;

font-weight: bold;

color: #666;

}



.posted {

display: block;

margin: -5px 0 0 50px;

padding: 0 0 10px 0;

font-weight: bold;

color: #666;

}



.postedUnderline {

display: block;

margin: 0 5px 5px 50px;

padding: 0 0 5px 0;

font-weight: bold;

color: #666;

/*border-bottom: 1px solid #999;*/

}



address {

margin-left: 50px;

}



/* erm, the footer */



#footer{
clear: both;
width: 750px;
height: auto;
background-color:#fff;
padding:0;
float:left;
}



.footer_redstripe
{
float: right;
margin: -54px 0 0 0;
padding: 0 1px 0 1px;
height: 56px;
width: 12px;
background-color: #fe1b14;
}



.footer_redstripe2{
float: right;
margin: -54px 0 0 0;
padding: 0 1px 0 1px;
height: 56px;
width: 8px;
background-color: #fe1b14;
}



.index_moveie

{

width: 195px;

padding: 0 1px 0 8px;

}



#footerie{

clear: both;

margin: -9px auto 0 auto;

max-width: 750px;

height: 55px;

background-color: #fff;

padding: 0px;

/*border: 2px solid #993333;*/

}



#footerie2{

clear: both;

margin: -9px auto 0 auto;

padding-top:0;
padding-left:-10px;
padding-bottom:0;
padding-right:0;
max-width: 750px;

height: 55px;

background-color: #fff;

/*border: 2px solid #993333;*/

}





#footer p {

margin: 0px 0px 0 0;

padding: 0px 4px 4px 0;

font-weight: bold;

font-size: 10px;

background-color: #fff;

color: #ff0000;

text-align: center;

/*border: 2px solid #993333;*/

}



.footer_hold a:link, #footer a:visited {

color: black;

}

.footer_hold a:hover {

color: #b80c07;

}



.footer_hold{
/*float: left;*/
margin: 0px auto 0 auto;
width: 900px;
/*border: 1px solid aqua;*/
}

.red_foot{
color: #b80c07;

}



.callus

{

color: #ff0000;

font-size: 14px;

}



img {

float: left;

display: inline;

margin: 0px 0 2px 5px;

/*border: 2px solid #C5BDBD;*/

}



.default img {

border: 0;

}



.mainImage {

display: block;

float: none;

margin-top: 4px;

display: inline;

/*border: 3px solid #C5BDBD;*/

}



.logoImage {

float: left;

display: inline;

margin: -83px 0 0 0px;

border: none;

/*border: 1px solid yellow;*/

}



.logoImageb {
	width:750px;
	height:91px;
float: left;
display: inline;
margin: -80px 0 0 0px;
border: none;
/*border: 1px solid purple;*/
}



.logoImageb img {

margin: 0;

padding: 0;

/*border: 1px solid purple;*/

}



.member_img {

float: right;

display: inline;

margin: -83px 15px 0 0px;

border: none;

/*border: 1px solid yellow;*/

}



.tw47_img

{

float: left;

margin: -38px 0 0 120px;

z-index: 500;

/*border: 1px solid yellow;*/

}



.tw47b

{

float: left;

margin: 0px 0 0 0px;

z-index: 500;

max-width: 750px;

min-width: 750px;

height: 50px;

background: #1c1f1d  url(main_images/274_b.jpg) no-repeat top left;

/*border: none;*/

/*border: 1px solid orange;*/

}



.tw47b_img

{

float: left;

margin: 0px 0 0 0px;

z-index: 500;

border: none;

/*border: 1px solid orange;*/

}





.ht_img

{

float: right;

margin: 0px 0 0 0px;

z-index: 500;

border: none;

/*border: 1px solid orange;*/

}



.match_img

{

float: right;

margin: -10px 0 0 0px;

z-index: 500;

border: none;

/*border: 1px solid orange;*/

}



.match_imgauto

{

float: right;

margin: 21px 0 0 0px;

z-index: 500;

border: none;

/*border: 1px solid orange;*/

}





.img_rotate1

{

float: left;

margin: 0px 0 0 0px;

width: 264px;

height: 205px;

}



.img_autotop

{

float: left;

margin: 0px 0 0 0px;

width: 535px;

height: 195px;

}



.img_com1

{

float: left;

margin: 0px 0 0 0px;

width: 535px;

height: 195px;

}



.img_menu1

{

float: right;

margin: 0px 4px 0 0;

width: 482px;

height: 205px;

background: url(images/menu1.jpg) no-repeat top left;

/*border: 1px solid green;*/

}



.img_com2{
float: right;
margin: 0px 0px 0 0;
width: 215px;
height: 195px;
background: url(images/nav3.jpg) no-repeat top left;

/*border: 1px solid green;*/

}



.img_com_auto

{

float: right;

margin: 0px 0px 0 0;

width: 215px;

height: 195px;

background: url(images/nav3auto.jpg) no-repeat top left;

/*border: 1px solid green;*/

}





.first_set

{

float: left;

margin: 0px 0 0 1px;

width: 749px;

/*border: 1px solid orange;*/

}

.first_set2

{

float: left;

margin: -45px 0 0 1px;

width: 749px;

/*border: 1px solid orange;*/

}



.first_set2b

{

float: left;

margin: -25px 0 0 -12px;

width: 749px;

/*border: 1px solid orange;*/

}



.first_set2a

{

float: left;

margin: 0px 0 0 1px;

width: 750px;

/*border: 1px solid orange;*/

}



.img_sale

{

float: left;

margin: 5px 0 0 0;

width: 265px;

height: 177px;

}



.img_com4

{

float: right;

margin: -213px 0 0 2px;

padding: 0px;

width: 549px;

height: 164px;

border: none;

}



.img_res4

{

float: right;

margin: 0px 0 0 2px;

padding: 0px;

width: 539px;

height: 209px;

background: url(images/handel_grad2.jpg) no-repeat top left;

border: none;

}



.img_res42

{

float: right;

margin: 0px 0 0 0px;

padding: 0px 0 0 0;

width: 539px;

height: 255px;

background: url(images/locksym_grad2.jpg) no-repeat top left;

border: none;

}



.img_auto4

{

/*float: right;*/

margin: 0px 0 0 2px;

padding: 0px;

width: 182px;

height: 238px;

background: url(images/auto_img.jpg) no-repeat top left;

border: none;

}



.img_eme4

{

float: left;

margin: 0px 0 0 17px;

width: 562px;

height: 240px;

border: none;

}



.img_eme4b

{

float: left;

margin: 0px 0 0 17px;

width: 562px;

height: 20px;

border: none;

}



.img_com4 img

{

margin: 0;

padding: 0;

}



.img_lost

{

float: left;

margin: 5px 0 0 -1px;

width: 277px;

height: 177px;

}



.img_com3

{

float: left;

margin: 5px 0 0 0px;

width: 199px;

height: 211px;

}



.img_lock_slv

{

float: left;

margin: 0px 0 0 -170px;

width: 170px;

height: 168px;

}

.rel_door

{

float: left;

margin: 50px 0 0 15px;

width: 166px;

height: 257px;

}



.rel_autodoor

{

float: left;

margin: 50px 0 0 20px;

width: 182px;

height: 238px;

/*border: 1px solid orange;*/

}



.img_eme3

{

float: left;

margin: 0px 0 0 8px;

width: 163px;

height: 240px;

}



.comlist

{

float: left;

/*border: 1px solid orange;*/

}



.reslist

{

float: left;

width: 179px;

height: 259px;

background: url(images/h_serv.jpg) no-repeat top left;

/*border: 1px solid orange;*/

}



.autolist

{

float: left;

width: 195px;

height: 279px;

margin: 0 13px 0 0;

background: url(images/autotext.jpg) no-repeat top left;

/*border: 1px solid orange;*/

}





.img_tech

{

float: left;

margin: 5px 0 0 14px;

width: 195px;

height: 177px;

}



.spa_cer1

{
	position: absolute;
	right: 978px;
	width: 230px;
	height: 200px;

/*border: 1px solid yellow;*/

}



.spa_cer1a

{

position: absolute;

top: 45px;

left: 0px;

width: 120px;

height: 95px;

/*border: 1px solid orange;*/

}



.spa_cer1b

{

position: absolute;
right: 0px;

width: 100px;

height: 90px;

/*border: 1px solid green;*/

}



.spa_cer1c

{

position: absolute;

top: 94px;

right: 0px;

width: 100px;

height: 95px;

/*border: 1px solid purple;*/

}







/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */



.img-wrapper {

margin: 20px 40px 0 0;

background: url(shadow.gif) no-repeat bottom right;

float:left;

display: inline;

line-height:0;

}

 

.img-wrapper img {

float:none;

margin:0;

display: inline;

background:#fff;

padding:4px;

border:1px solid #C5BDBD;

position:relative;

left:-5px;

top:-5px;

}



/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */



.thumbnails {

margin: 0 0 20px 50px;

}



/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */



.spacer {

clear: both;

}



/* CSS for the ticked off links. Note, I am not ordering things in the LVHA way, as I prefer the visited tick to work above the arrow once visited. */



.cbSide ul {

list-style-type: none;

margin-top: 0px;

margin-left: 0;

margin-bottom: 0;

padding: 3px;

}



.cbSide li a:link {

color:#333;

line-height:150%;

text-decoration:none;

display:block;

width:154px;

border-bottom: 1px solid #EDEAEB;

background: #FFF url(ticks.gif);

}



.cbSide li a:active {

color:#333;

line-height:150%;

text-decoration:none;

display:block;

width:154px;

border-bottom: 1px solid #EDEAEB;

background: #FFF url(ticks.gif);

}



.cbSide li a:hover {

color:#990000;

line-height:150%;

display:block;

width:154px;

border-bottom: 1px solid #EDEAEB;

background: #FFF url(ticks.gif) 0px -20px;

text-decoration:none;

}



.cbSide li a:visited {

color: #999;

text-decoration:none;

line-height:150%;

display:block;

width:154px;

border-bottom: 1px solid #EDEAEB;

background: #FFF url(ticks.gif);

background-position: 0 -40px;

}



/* horizontal main menu navigation - based on a method from Richard Rutter */





/*----------------nav 1---------------------*/

 #mainNav{
left: 31.5%;
margin:0;
padding: 0;
width:210px;
height: auto;
font-weight: bold;
display: block;
font-size: 98%;

/*border: 2px solid green;*/
}
#mainNav ul{
list-style: none;
margin: 0;
padding: 0;
display: block;
/*border: 2px solid orange;*/
}



#mainNav li{
display: block;
margin: 0;
padding: 6px 1px 6px 1px;
float: left;
width: 210px;
list-style-type:none;
/*border: 2px solid orange;*/
}



#mainNav a{
color: black;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
padding: 4px 10px;
/*border-right: 1px solid #FFF;*/
}



#mainNav a:hover, #mainNav a:active{ 
color: #716f70;
}
#mainNav a.active:link, #mainNav a.active:visited{
position: relative;
z-index: 102;
color: black;
font-weight: bold;
}



/*----------------nav 2---------------------*/

#mainNav2{
position: relative;
left: 24%;
margin: 5px 0 0 0px;
padding: 0;
width: 550px;
height: 20px;
font-weight: bold;
font-size: 98%;
/*border: 2px solid purple;*/
}



#mainNav2 ul

{

list-style: none;

margin: 0;

padding: 0;

border: none;

}



#mainNav2 li

{

display: block;

margin: 0;

padding: 0;

float: right;

width: auto;

/*border: 2px solid orange;*/

}



#mainNav2 a

{

color: #324026;

display: inline;

width: auto;

text-decoration: none;

margin: 0;

padding: 4px 10px;



}





#mainNav2 a:hover, #mainNav a:active { background: #D7D493;color: #ed5e23; }



#mainNav2 a.active:link, #mainNav a.active:visited

{

position: relative;

z-index: 102;

background: #BBB;

color: #ed5e23;

font-weight: bold;

}



/* Highlighting the current page */



body.home #mainNav a#home, body.gallery #mainNav a#gallery, body.contact #mainNav a#contact { 

  color: #fff;

text-decoration: underline;

}

body.home #mainNav a:hover#home, body.gallery #mainNav a:hover#gallery, body.contact #mainNav a:hover#contact { 

  color: #000;

}



/* Highlighting external links ONLY in the main text areas, so as not to screw up the ticked-off links */



.box.default { 

  background-color: #fff;

  padding-right: 10px; 

} 

 .box.default { 

   background-color: #fff; 

  padding-right: 0; 

}



/* form styling - not much though kids */



form {

margin: 0;

padding: 0;

font-size: 80%;

}



fieldset {

width: 146px;

border: 0;

margin: 0 0 10px 0;

padding: 5px;

}



.default fieldset {

width: auto;

border: 0;

margin: 10px 0 10px 50px;

padding: 0;

}



legend {

text-transform: uppercase;

font-size: 110%;

font-weight: bold;

margin: 10px 0 2px 0px;

padding: 2px;

background: #7e8c73;

color: #FFF;

}



.default legend {

display: none;

}



label {

display: none;

}



.default label {

display: block;

font-weight: bold;

}



input {

margin-top:0;

padding: 2px;

border: 0;

background: #D7E7E9;

color: #333;

}



textarea {

margin-top:0;

padding: 2px;

border: 0;

background: #D7E7E9;

color: #333;

}



.default input {

display: block;

}



input.submit {

	border: 0;

	margin-bottom: -6px;

padding: 2px;

	background: transparent;

	font-size: 10px;

}



.footp {
	color: #a3a06f;
	font-weight: normal;
}
.sale{
	width:277px;
	height:177px;
	float:left;
	display:block;
	background:url(main_images/img1.jpg) no-repeat;
	background-position:right;
	text-align:right;
}
.bio{
	width:266px;
	height:auto;
	float:left;
	padding-top:60px;
}
.bio p{
	margin:0;
	padding:0;
	font-size:23px;
	color:#FFF;
	font-weight:bold;
	line-height:27px;
}
.bio p a{
	font-size:12px;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.bio p a:hover{
	color:#000;
}
.lost{
	width:277px;
	height:177px;
	float:left;
	display:block;
	background:url(main_images/img2.jpg) no-repeat;
	background-position:center;
}
.lost p{
	margin:0;
	padding:0;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:25px;
}
.lost p a{
	font-size:11px;
	margin-left:160px;
	line-height:22px;
	color:#FFF;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
}
.lost p a:hover{
	color:#06F;
}
.high{
	width:195px;
	height:177px;
	float:left;
	display:block;
	background:url(main_images/img3.jpg) no-repeat;
	background-position:center;
}
.high p{
	margin:0;
	padding:0;
	color:#F00;
	font-size:18px;
	font-weight:bold;
	padding-left:22px;
	padding-top:95px;
	line-height:20px;
}
.high p a{
	font-size:11px;
	margin-left:80px;
	line-height:22px;
	color:#333;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
}
.high p a:hover{
	color:#06F;
}

.out{
	width:535px;
	height:195px;
	float:left;
	background:url(main_images/l_o_emerg.jpg) no-repeat;
}
.out p{
	margin:0;
	padding:0;
	color:#000;
	margin-top:80px;
	font-size:16px;
	margin-left:30px;
	font-family:"Arial Black", Gadget, sans-serif;
}

.miths{
	width:163px;
	height:240px;
	float:left;
	background:url(main_images/img5.jpg) no-repeat;
}
.miths p{
	margin:0;
	padding:0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:15px;
	color:#F00;
	margin-left:10px;
	margin-top:185px;
}
.emerg{
	width:585px;
	height:auto;
	float:left;
	margin-top:10px;
	position:relative;
}
.one{
	width:350px;
	height:auto;
	float:left;
}
.one p{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:normal;
	color:#333;
	margin-top:10px;
	margin-left:15px;
	font-family:"Arial Black", Gadget, sans-serif;
}
.two{
	width:230px;
	height:auto;
	float:left;
	background:url(main_images/img4.jpg) no-repeat;
	background-position:top;
}
.two p{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	margin-left:42px;
	margin-top:5px;
}
.two p b{
	font-size:22px;
	font-family:"Arial Black", Gadget, sans-serif;
}
#call{
	font-size:22px;
	margin-left:45px;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
}

#footer_two{
clear: both;
width: 741px;
height: auto;
background-color:#fff;
padding:0;
text-align:center;
float:left;
border-right:9px solid #F00;
}

.home_service{
	width:200px;
	height:auto;
	float:left;
}
.home_service p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:12px;
	margin-top:15px;
	font-weight:bold;
}
.home_service p b{
	font-size:20px;
	color:#F00;
}
.home_service ul{
	margin:0;
	padding:0;
	margin-left:25px;
	padding-bottom:8px;
	color:#333;
}
.home_service ul li{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.feature_two{
	width:540px;
	height:auto;
	float:left;
	position:relative;
}
.resid{
	width:540px;
	height:auto;
	float:left;
	background-color:#FFF;
	background:url(main_images/handel_grad2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-bottom:7px solid #CCC;
}
.resid p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:5px;
	margin-top:13px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:3px;
}
.resid p b{
	font-size:20px;
	color:#000;
}
.left_two{
	width:140px;
	height:auto;
	float:left;
	background:url(main_images/match2123.jpg) no-repeat;
	background-position:0px top;
}
.left_two p{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#333;
	margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.left_two p b{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.right_two{
	width:399px;
	height:auto;
	float:left;
	background:url(main_images/match2147.jpg) no-repeat;
	background-position:0px top;
	border-left:1px solid #CCC;
}
.right_two p{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#333;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.right_two p b{
	font-size:22px;
	font-weight:bold;
	color:#000;
}
.key{
	width:535px;
	height:195px;
	float:left;
}


.automotive_service{
	width:200px;
	height:auto;
	float:left;
	position:relative;
}
.automotiv{
	width:200px;
	height:auto;
	float:left;
}
.automotiv p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:8px;
	margin-top:15px;
	font-weight:bold;
}
.automotiv p b{
	font-size:18px;
	color:#F00;
}
.automotiv ul{
	margin:0;
	padding:0;
	margin-left:22px;
	padding-bottom:8px;
	color:#333;
}
.automotiv ul li{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.img_0120{
	width:182px;
	height:238px;
	float:left;
	margin-left:9px;
	display:inline;
}
.img_0120 img{
	width:182px;
	height:238px;
	border:0;
	margin:0;
	padding:0;
}

.resid_two{
	width:540px;
	height:auto;
	float:left;
	background-color:#FFF;
	background:url(main_images/locksym_grad2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-bottom:7px solid #CCC;
}
.resid_two p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:5px;
	margin-top:10px;
	font-weight:bold;
	line-height:normal;
	margin-bottom:3px;
	color:#000;
}
.resid_two p b{
	font-size:24px;
	color:#000;
}
.resid_two strong{
	font-size:14px;
	color:#000;
	font-style:italic;
}
#we_are{
	margin:0;
	padding:0;
	font-size:18px;
	color:#F00;
	margin-bottom:10px;
	margin-left:140px;
	font-family:"Arial Black", Gadget, sans-serif;
}

.Tworeason{
	width:540px;
	height:auto;
	float:left;
	margin-top:10px;
}


.Locksmith{
	width:140px;
	height:auto;
	float:left;
}
.Locksmith p{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}
.Locksmith p b{
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.Locksmith p i{
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.Computer{
	width:399px;
	height:auto;
	float:left;
	border-left:1px solid #CCC;
}
.Computer p{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#333;
	line-height:22px;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.Computer p b{
	font-size:20px;
	font-weight:bold;
	color:#000;
}
.Computer p i{
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.key{
	width:535px;
	height:195px;
	float:left;
}


.automotive_service{
	width:200px;
	height:auto;
	float:left;
	position:relative;
}
.automotiv{
	width:200px;
	height:auto;
	float:left;
}
.automotiv p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:8px;
	margin-top:15px;
	font-weight:bold;
}
.automotiv p b{
	font-size:18px;
	color:#F00;
}
.automotiv ul{
	margin:0;
	padding:0;
	margin-left:22px;
	padding-bottom:8px;
	color:#333;
}
.automotiv ul li{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.img_0120{
	width:182px;
	height:238px;
	float:left;
	margin-left:9px;
	display:inline;
}
.img_0120 img{
	width:182px;
	height:238px;
	border:0;
	margin:0;
	padding:0;
}

.resid_two{
	width:540px;
	height:auto;
	float:left;
	background-color:#FFF;
	background:url(main_images/locksym_grad2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-bottom:7px solid #CCC;
}
.resid_two p{
	margin:0;
	padding:0;
	font-size:13px;
	margin-left:5px;
	margin-top:10px;
	font-weight:bold;
	line-height:normal;
	margin-bottom:3px;
	color:#000;
}
.resid_two p b{
	font-size:24px;
	color:#000;
}
.resid_two strong{
	font-size:14px;
	color:#000;
	font-style:italic;
}

#red{
	color:#F00;
	font-size:14px;
	line-height:normal;
}
.left_dive{
	width:100%;
	height:auto;
	float:left;
}
.left_dive strong{
	font-size:18px;
}
.mapes{
	width:274px;
	height:200px;
	float:right;
	position:relative;
	margin-right:12px;
	margin-bottom:8px;
}
.mapes a{
	width:274px;
	height:200px;
}
.mapes a img{
	width:274px;
	height:200px;
	margin:0;
	padding:0;
	border:0;
}

.form_1{
	background-color:#CCC;
	border:1px solid #666;
}
.form_2{
	
	margin-top:3px;
	width:80px;
	height:28px;
	background-color:#333;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	border:1px solid #999;
	line-height:22px;
}

.manu_div{
	width:750px;
	height:40px;
	float:left;
	background-image:url(images/manu_div_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color:#FFF;
	padding-top:6px;
}
.manu_div a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.manu_div a:hover{
	color:#000;
}
.home_text{
	width:736px;
	height:auto;
	float:left;
	margin-left:7px;
	display:inline;
	
}
.home_text p{
	margin:0;
	padding:0;
	font-size:14px!important;
}