/* undohtml.css
 * (CC) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 **********************************************************************/

/* Purpose: undo some default styling of common (X)HTML browsers      */

/* link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  *********************************************************************/
:link,:visited { text-decoration:none }

/* no list-markers by default (optional)                              */
ul,ol { list-style:none }

/* Avoid browser default inconsistent font-sizes                      */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 **********************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }

/* remove default borders around linked images                        */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary...                             */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #000 url(../images/main_bg.jpg) left top repeat-x;
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height: 16px;
}

p {
	margin-bottom: 15px;
}

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

a:link, a:visited {
	color: #003366;
	text-decoration: underline;
}
a:hover, a:active {
	color: #99cdff;
	text-decoration: underline;
}

span {
	display: none;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #FFFFFF url(../images/wrapper_bg.jpg) left top repeat-y;
	text-align: left;
}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;					
	width: 243px;
	height: 246px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu li, #menu a {height: 38px; display: block;}
#menu-01 {top: 16px;}
#menu-02 {top: 54px;}
#menu-03 {top: 92px;}
#menu-04 {top: 130px;}
#menu-05 {top: 168px;}
#menu-06 {top: 206px;}

#menu-01, #menu-02, #menu-03, #menu-04, #menu-05, #menu-06 { width: 243px; }

#menu-01 a:hover {background: transparent url(../images/menu.jpg) -243px -16px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.jpg) -243px -54px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.jpg) -243px -92px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.jpg) -243px -130px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.jpg) -243px -168px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.jpg) -243px -206px no-repeat;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu2 {
	background: url(../images/services.jpg) left top no-repeat;					
	width: 181px;
	height: 189px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu2 li span {display: none;}
#menu2 li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu2 li, #menu2 a {height: 26px; display: block;}
#menu2-01 {top: 43px;}
#menu2-02 {top: 67px;}
#menu2-03 {top: 91px;}
#menu2-04 {top: 115px;}
#menu2-05 {top: 139px;}
#menu2-06 {top: 163px;}

#menu2-01, #menu2-02, #menu2-03, #menu2-04, #menu2-05 , #menu2-06{ width: 181px; }

#menu2-01 a:hover {background: transparent url(../images/services.jpg) -181px -43px no-repeat;}
#menu2-02 a:hover {background: transparent url(../images/services.jpg) -181px -67px no-repeat;}
#menu2-03 a:hover {background: transparent url(../images/services.jpg) -181px -91px no-repeat;}
#menu2-04 a:hover {background: transparent url(../images/services.jpg) -181px -115px no-repeat;}
#menu2-05 a:hover {background: transparent url(../images/services.jpg) -181px -139px no-repeat;}
#menu2-06 a:hover {background: transparent url(../images/services.jpg) -181px -163px no-repeat;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */

#sdbay {
	background: url(../images/sdbay/bay_menu.jpg) left top no-repeat;					
	width: 243px;
	height: 196px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#sdbay li span {display: none;}
#sdbay li {margin: 0; padding: 0; list-style: none; position: absolute;}

#sdbay li, #sdbay a {height: 38px; display: block;}
#sdbay-01 {top: 0px;}
#sdbay-02 {top: 38px;}
#sdbay-03 {top: 76px;}
#sdbay-04 {top: 114px;}
#sdbay-05 {top: 152px;}

#sdbay-01, #sdbay-02, #sdbay-03, #sdbay-04, #sdbay-05 { width: 243px; }

#sdbay-01 a:hover {background: transparent url(../images/sdbay/bay_menu.jpg) -243px -0px no-repeat;}
#sdbay-02 a:hover {background: transparent url(../images/sdbay/bay_menu.jpg) -243px -38px no-repeat;}
#sdbay-03 a:hover {background: transparent url(../images/sdbay/bay_menu.jpg) -243px -76px no-repeat;}
#sdbay-04 a:hover {background: transparent url(../images/sdbay/bay_menu.jpg) -243px -114px no-repeat;}
#sdbay-05 a:hover {background: transparent url(../images/sdbay/bay_menu.jpg) -243px -152px no-repeat;}

/* image replacement
 * ------------------------------------------------------------------------------------- */
h1.header {
	background: url(../images/header.jpg) left top no-repeat;
	width: 800px;
	height: 81px;
	text-align: right;
}
	.session {
		margin-right: 35px;
		padding-top: 50px;
	}
#banner1 {
	background: url(../images/banner/banner_01.jpg) right top no-repeat;
	width: 800px;
	height: 246px;
	float: left;
}
#banner2 {
	background: url(../images/banner/banner_02.jpg) right top no-repeat;
	width: 800px;
	height: 246px;
}
#banner3 {
	background: url(../images/banner/banner_03.jpg) right top no-repeat;
	width: 800px;
	height: 246px;
}
#banner4 {
	background: url(../images/banner/banner_04.jpg) right top no-repeat;
	width: 800px;
	height: 246px;
}
#banner5 {
	background: url(../images/banner/banner_05.jpg) right top no-repeat;
	width: 800px;
	height: 246px;
}

h2.subcontact {
	width: 243px;
	height: 53px;
	background: url(../images/contact.jpg) left top no-repeat;
}
h2.welcome {
	margin: 0;
	padding: 0;
	width: 376px;
	height: 77px;
	background: url(../images/page_titles/welcome.jpg) left top no-repeat;
}
h2.services {
	width: 376px;
	height: 77px;
	background: url(../images/page_titles/services.jpg) left top no-repeat;
}
h2.experience {
	width: 376px;
	height: 77px;
	background: url(../images/page_titles/experience.jpg) left top no-repeat;
}
h2.links {
	width: 376px;
	height: 77px;
	background: url(../images/page_titles/links.jpg) left top no-repeat;
}
h2.contact {
	width: 376px;
	height: 77px;
	background: url(../images/page_titles/contact.jpg) left top no-repeat;
}
h2.sitemap {
	width: 376px;
	height: 77px;
	background: url(../images/page_titles/sitemap.jpg) left top no-repeat;
}

/* content
 * ------------------------------------------------------------------------------------- */
 #content-container {
 	width: 800px;
	margin: 0 auto;
	padding: 0;
}

#content-left {
	width: 243px;
	float: left;
	background: url(../images/contact_bg.jpg) left top repeat-y;
}
	#content-left p {
		margin-left: 60px;
		margin-right: 10px;
		color: #FFFFFF;
	}
	#content-left form {
		margin-left: 15px;
		margin-right: 10px;
	}
	#content-left h2.header {
		margin: 60px;
		margin-right: 10px;
		margin-bottom: 10px;
		color: #FFFFFF;
	}

#contact-footer {
	background: url(../images/contact_footer.jpg) left top no-repeat;
	width: 243px;
	height: 59px;
}
#content-center {
	width: 376px;
	float: left;
	padding-bottom: 15px;
}
	#content-center p {
		margin-left: 35px;
		margin-right: 10px;
	}
	#content-center h1 {
		margin-left: 35px;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 14px;
		color: #5B1519;
	}
	#content-center h2.header {
		margin: 10px 10px 10px 35px;
		color: #003471;
	}
	#content-center h3.subheader {
		margin-top: 10px;
		margin-left: 35px;
		margin-right: 10px;
		color: #5F7EA4;
	}
	#content-center ul {
		margin-left: 65px;
	}
	#content-center li {
		list-style-image: url(../images/sub/li.jpg);
		margin: 10px 0px 0px 0px;
	}
	
#content-right {
	width: 181px;
	float: left;
}
	#img1 {
		width: 181px;
		height: 234px;
		background: url(../images/side_img/image_01.jpg) left top no-repeat;
	}
	#img2 {
		width: 181px;
		height: 234px;
		background: url(../images/side_img/image_02.jpg) left top no-repeat;
	}
	#img3 {
		width: 181px;
		height: 234px;
		background: url(../images/side_img/image_03.jpg) left top no-repeat;
	}
	#img4 {
		width: 181px;
		height: 234px;
		background: url(../images/side_img/image_04.jpg) left top no-repeat;
	}
	#img5 {
		width: 181px;
		height: 234px;
		background: url(../images/side_img/image_05.jpg) left top no-repeat;
	}
	#img6 {
		width: 181px;
		height: 234px;
		background: url(../images/side_img/image_06.jpg) left top no-repeat;
	}

/* san diego bay
 * ------------------------------------------------------------------------------------- */
#sd-bay-content {
	width: 557px;
	float: left;
	padding-bottom: 15px;
}

	#sd-bay-content p {
		margin-left: 35px;
		margin-right: 35px;
	}

	#sd-bay-content p.proprietary {
		margin-left: 35px;
		margin-right: 35px;
		font-size: 10px;
	}
	#sd-bay-content img {
		margin: 10px 0px 10px 35px;
	}

	#sd-bay-content h1 {
		margin-left: 35px;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 14px;
		color: #5B1519;
	}

#banner-sdbay {
	background: url(../images/sdbay/banner_sdbay.jpg) right top no-repeat;
	width: 800px;
	height: 246px;
}

h2.sdbay {
	width: 557px;
	height: 77px;
	background: url(../images/sdbay/sd_bay_titles.jpg) left top no-repeat;
}
#applications {
	width: 500px;
	height: 360px;
	background: url(../images/sdbay/applications_bg.jpg) right top no-repeat;
}

	#applications ul {
		margin: 0px 0px 5px 55px;
		list-style-image: none;
	}

#users-left {
	width: 267px;
	float: left;
}
	#users-left ul {
		margin: 0px 0px 5px 35px;
		list-style-image: none;
	}
#users-right {
	width: 287px;
	float: left;
}
	#users-right ul {
		margin: 0px 25px 5px 15px;
		list-style-image: none;
	}

#route1 {
	width: 557px;
	height: 230px;
	padding-bottom: 20px;
}
	#route1 p {
		margin: 0px 215px 0px 35px;
	}

#route2 {
	width: 557px;
	height: 230px;
	padding-bottom: 20px;
}
	#route2 p {
		margin: 0px 215px 0px 35px;
	}

#route3 {
	width: 557px;
	height: 230px;
	padding-bottom: 20px;
}
	#route3 p {
		margin: 0px 215px 0px 35px;
	}


/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	width: 800px;
	height: 22px;
	clear: both;
	background: url(../images/page_footer.jpg) left top no-repeat;
}

#footer {
	width: 800px;
	height: 84px;
	margin: 0px auto;
	text-align: center;
	background: url(../images/footer.jpg) left top no-repeat;
}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#footer a:link, #footer a:visited {
		color: #155FC5;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #000;
		text-decoration: underline;
	}

/* ----- global form elements ----- */ 

form {
	width:150px;
	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; 
	border:1px solid #003366;
	color:#003366;
	width:150px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { 
	width:150px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:90px; 
	overflow:auto; 
	}
	
input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

#contact_business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { 
	padding:20px 0 10px 35px; 
	}
	
#contact-main label { 
	width:250px; 
	position:relative; 
	display:block; 
	text-align:left; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:250px;
	}
	
#contact-main label select {
	width:255px;
	}
	
#contact-main label textarea { height:100px; }



/* ----- classes ----- */
img.img-left {
	float: left;
	margin-left: 25px;
}

img.img-right {
	float: right;
	padding: 0px 0px 10px 10px;
}

img.route {
	float: right;
	padding: 0px 35px 0px 10px;
}

img.map {
	float: left;
	margin-left: 33px;
}

div.clear {
	clear: both;
}
.border {
	border: 1px solid #000;
}
.disclaimer {
	font-size: 10px;
}