/* author: Greg Tillotson */
/* Creation date: 2/12/2010 */

body {background: white;color:#4C4C4C;font-size:12pt;font-family:verdana;margin:0;padding:0}
h1, h2, h3, h4, h5 {color:#346767}
h1 {font-size:18pt;}
h2 {font-size:16pt;}
h3 {font-size:14pt;}
h4 {font-size:12pt;}
h5 {font-size:10pt;}

a {text-decoration:underline;color:#346767}
a:visited {color:#346767}
a:active, a:hover {text-decoration:none;color:#3E6E91}
a:visited {color:#3E6E91}
#header {width:980px;height:152px;border:0;margin:0;padding:0;display:block;}
#header img {border:0;margin:0;width:980px;height:152px;}
.imgheader img {border:0;margin:0;width:980px;height:152px;}

#header127 {width:980px;height:127px;border:0;margin:0;padding:0;display:block;}
#header127 img {border:0;margin:0;width:980px;height:127px;}
.imgheader127 img {border:0;margin:0;width:980px;height:127px;}

#container {width:980px;border:1px silver solid;margin:10px auto 30px auto;position:relative;z-index:1;display:block;}
#topnav {width:100%;height:30px;background:#994937 URL(/inc/bg_topnav.gif) repeat-x;color:white;font-weight:bold;display:block;}
#topnavlinks a {text-decoration:none;color:#FFFFFF}
#topnavlinks a:visited {color:#FFFFFF}
#topnavlinks a:active, #topnavlinks a:hover {text-decoration:underline;color:#FFFFFF}
#topnavlinks a:visited {color:#FFFFFF}
#topnavlinks {padding-top:8px;margin-left:10px;font-size:9pt;}
div.topnav2 {background:#E5E5E5 URL(/inc/bg_topnav2.gif) repeat-x;border-bottom:1px #93C6F4 solid;padding:3px 0;font-size:8pt;}
div.topnavsub1 {float:left;width:233px;height:42px;font-size:12pt;color:black;font-weight:bold;margin:0 10px 0 10px;text-align:center;background:URL(/inc/but_serviceareas.jpg) no-repeat;}
div.topnavsub1 p {margin:12px 0 0 0}
div.topnavsub1 a {text-decoration:none;color:#000000}
div.topnavsub1 a:visited {color:#000000}
div.topnavsub1 a:active, #topnavsub1 a:hover {text-decoration:none;color:#FF0000}
div.topnavsub2 {float:left;width:680px;height:42px;line-height:150%;}
div.topnavsub2 p  {margin:4px 0 0 0}
#leftnav {float:left;width:280px;text-align:left;margin:20px 0 30px 7px;font-size:10pt;}
#leftnav ul {margin:0;padding:0 0 0 20px;list-style-type:circle}
#leftnav li span {font-weight:bold;color:#FF0000}
#leftnav b {font-size:13pt;}
#leftnav ol {margin:0;padding:0 0 0 10px;list-style-type:none}
div.margin3050 {margin:30px 50px;}
div.margin2020 {margin:10px 20px;}
div.breadcrumbs {margin:10px 0;font-size:8pt;}
div.graybox {background:#E8E8E8;margin:30px 0;padding:20px;}

p.right {text-align:right;margin:0 30px 20px 0}
.leftbutton {width:268px;height:82px;border:0;margin-bottom:10px;}
#main {float:right;width:686px;text-align:left;}
#bottomline {height:3px;width:100%;background:#406987 URL(/inc/line.gif) repeat;}
#bottom {font-size:7pt;padding:20px;color:#346767;text-align:center}
#bottom b {font-size:10pt;}
p.phone {font-size:18pt;font-weight:bold;color:#346767}
.boldli li {font-weight:bold;color:black}
.lm10 {margin-left:10pt;}
.lm20 {margin-left:20pt;}

div.youtubemain {background:#000000;padding:20px;text-align:center}
div.youtubemain2 {padding:20px;text-align:center}
div.youtubemain3 {text-align:left}
.youtubemain2 h1 {font-size:12pt;}
.youtubemain3 h1 {font-size:12pt;}
p.videotitle {font-size:12pt;font-weight:bold;color:#346767}

#contactframe {border:1px silver solid;width:380px;height:310px;overflow:auto;margin:20px 0;}
#contact1 {}
#contact2 {margin-top:100px;padding-top:50px;border-top:1px silver solid;text-align:left;width:95%}



/* Global Menu Styles */
#menu_wrapper {
background:#994937 URL(/inc/bg_topnav.gif) repeat-x;
width:980px;
height:30px;
border-bottom:1px silver solid;
margin:0;
padding:0;
}
#menu_header{
	background:#994937 URL(/inc/bg_topnav.gif) repeat-x;
	color:white;
	margin: 0;
	width:980px;
	z-index: 100;
	height:30px;
	padding:0;
}

#main_menu{
	/* background: #64adcd; /* med. blue */
	
	/* background-image: url(../images/sandiego_menu_bg.gif); /*top-menu bg image */
	/* background-repeat: repeat-x; */
	
	/* border-top: 1px solid #999; */
	/* border-bottom: 1px solid #999; */
	height: 30px;
	width: 980px;
	z-index: 100;
	padding: 0;
	margin: 0;
	background:#994937 URL(/inc/bg_topnav.gif) repeat-x;
	}

#main_menu li{
	list-style: none;
	display: inline-block;
	margin-top:3px;
	padding-top:0px;
}

#main_menu a{
	display: block;
	font-family:tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	margin:0;
	padding:0;
    font-weight:bold;
}

#main_menu span.arrow{
	float: right;
	padding-right: 5px;
}


/* Specific Menu Styles */

#main_menu ul.level1{
	/* background: #64adcd; med. blue */
	margin:0 0 0 5px;
	padding:0;
}

#main_menu ul.level1 li{
/*	border-right: 1px solid #888;
*/	float: left;
	position: relative;
}

#main_menu ul.level1 li.hovering ul.level2{
	visibility: visible;
}

#main_menu ul.level1 li a{
	color: #fff;
	font-weight: bold;
	height: 20px;
	padding: 6px 12px 0 0;
	text-decoration: none;
	text-transform: uppercase;
}

#main_menu ul.level1 li a:hover{
	text-decoration: underline;
}

#main_menu ul.level2{
	background: #FFFFFF; /* darker blue */
	
	/* background-image: url(../images/sandiego_menu_dd_bg.gif); /*sub-menu bg image*/
	background-repeat: repeat-x;
	
	/*border: 1px solid #999;*/
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	position: absolute;
	left:0;
	top: 100%;
	visibility:hidden;
	z-index: 100;
	margin-left: 0px;
	padding:5px;
}

#main_menu ul.level2 li{
	border: 0;
	color: #000;
	float: none;
	margin: 0;
	padding-right: 12px; /* This has to be the same (but negative) as margin-left from "div#main_menu ul.level3" */
	width: 100%;
}

#main_menu ul.level2 li.hovering ul.level3{
	visibility: visible;
}

#main_menu ul.level2 li a{
	border: 0;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	height: auto;
	padding: 2px 10px;
	text-decoration: none;
	text-transform: capitalize;
}

div#main_menu ul.level2 li a strong{
	color:#FF0000;
}

#main_menu ul.level2 li a:hover{
	text-decoration: underline;
}

#main_menu ul.level3{
	background: silver; /* darker blue */
	
	/* background-image: url(../images/sandiego_menu_dd_bg.gif); /*sub-menu bg image*/
	/* background-repeat: repeat-x;*/
	
	border: 1px solid #999;
	margin-left: -12px; /* This has to be the same (but negative) as the padding-left from "div#main_menu ul.level2 li" */
	position: absolute;
	left: 100%;
	top: 0;
	visibility:hidden;
	z-index: 101;
}

#main_menu ul.level3 li{
	border: 0;
	color: #fff;
	float: none;
	margin: 0;
	padding: 0;
}

#main_menu ul.level3 li a{
	color: #fff;
	font-weight: normal;
	height: auto;
	padding: 3px 10px;
	text-decoration: none;
}

#main_menu ul.level3 li a:hover{
	text-decoration: underline;
}

/*CLEAR FIX */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */