@import url("navigation.css");

/* JSB Surveillance
Site Layout and Design Styles
by Dan Moriarty, www.danmoriarty.com
Copyright 2008, All Rights Reserved

Last Modified: 2-9-09
 */


/* = BASE RULES = */

* {
	margin:0;
	padding:0;
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:#f4efdc;
	color:#000;
	}

a:link, a:visited {
	color:#1b3246;
	text-decoration:none;
	}


a:hover {
	text-decoration:underline;
	color:#3877ad;
	}

img {
	border:none;
	}

/* = CONTENT HOLDERS = */
#wrapper {
	text-align:left;
	margin:10px auto;
	width:1040px;
	z-index:102;
	font-size:1.2em;
	}

#top {
	height:118px;
	position:relative;
	background: url(images/bg-top.gif) no-repeat;
	}
	
#content {
	width:1000px;		
	background: url(images/bg-content.gif) repeat-y;
	padding:10px 20px;

	}

	
#maincol {
	float:right;
	width:600px;
	padding:5px 20px 10px 20px;
	}

#maincol.wider {
	width:900px;
	float:left;
	}
	


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

#sidecol {
	float:left;
	width:300px;
	padding:40px 10px 10px 10px;
	}	
	


#lower {
	clear:both;
	width:1000px;
	padding:20px 8px 20px 32px;
	background: #7b92a6 url(images/bg-lower.gif) repeat-y;
	}
	
	/*===============*/	

.calloutbox {
	float:left;
	margin-right:10px;
	padding:0;
	width:320px;
	background: url(images/bg-box.gif) left bottom;
text-align:center;
	}
	

.calloutbox-top {
	background: url(images/bg-box-top.gif) no-repeat;
	height:20px;
	}
	
.calloutbox h3 {
	text-align:center;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:.8em 0 .3em 0;	
	}
	
.calloutbox p {
	line-height:120%;
	}
	
.calloutbox-mid {
	}

.calloutbox-mid div {
	padding:5px 30px 20px 30px;
		}
	
/*********************/

#bottom {
	background: url(images/bg-bottom.gif) left bottom repeat-y;
	width:960px;
	padding:30px 40px 10px 40px;
	color:#fff;
	text-align:center;
	}

#bottom-shadow {
	background: url(images/bg-bottomshadow.gif) left bottom no-repeat;
	width:1040px;
	padding:0;
	height:20px;
	margin:-1px 0;
	}	

#bottom a:link, #bottom a:visited {
	color:#fff;
	font-weight:bold;
	}
	
#footer {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:10px;
	}
	

div.halfleft {
	float:left;
	width:49%;
	}

div.halfright {
	float:right;
	width:49%;
	}


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

/* == TYPE == */
h1 { font-size:260%; }
h2 { font-size:220%; }
h3 { font-size:150%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }


h1, h2, h3, h4 {

	}

h1.siteheader { /*this is top type header*/
	margin:0;
	padding:0;
	}
	

h1.siteheader a:link, h1.siteheader a:visited, h1.siteheader a:hover	{
	width:330px;
	height:80px;
	position:absolute;
	top:20px;
	left:60px;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	}

h1 {
	color:#000;
	margin:.3em 0 .3em 0;
	letter-spacing:-1px;

	}

h2 {
	margin:.4em 0 .6em 0;
	color:#86A694;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	
h3 {
	color:#000;
	margin:.4em 0 .8em 0;
	font-weight:normal;
	}
	
h4 {
	color:#000;
	margin:.4em 0;
	}
	
p {
	line-height:160%;
	margin:.2em 0 .6em 0;
	}

ul, ol {
	margin:.6em 0;
	padding:0 0 0 10px;
	}
		

li {
	margin:.4em 0;
	line-height:150%;
	}

ul li {
	padding-left:20px;
	list-style:none;
	background: url(images/bg-bullet.gif) no-repeat 0 3px;
	}

		
table {
	border:none;
	}



td {
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	}

label {
	display:block;
	clear:right;
	}


dl {
	margin:.6em 0 1em 0;
	padding:5px 0;
	}

dt {
	font-weight:bold;
	font-size:110%;
	margin:.6em 0;
	}

dd {
	margin:0 0 0 20px;
	padding:0;
	line-height:120%;
	}


fieldset {
	margin:1em 0;
	padding:10px;
	border:1px solid #ccc;
	
	}


legend {
	font-weight:bold;
	font-size:110%;
	color:#666;
	}
	
label {
	display:block;
	}

q {
	margin:10px 0;
	
	
	}

cite {
	font-style:italic;
	font-weight:bold;
	}

/* get quote page */

#jsb_quote p {
	margin: 12px 4px 12px 0;
	line-height:180%;
	padding-top:10px;
	border-top: 1px dotted #999;
	}
	
#jsb_quote label {
	font-weight:bold;
	color: #000033;
	
	}
	
#name, #email,#phone,#how_many_other,#other_location {
	width:200px;
	}
	
#additional_requirements, #address {
	width:200px;
	}
	
	
	
/* MISC SPANS AND CLASSES */


#products_list table {
	width:620px;

}
#products_list th {
	background:#69c url(../images_misc/bg_tablecell.gif) repeat-x;
	color:#000;
	padding:5px;
}

#products_list td {
	border-bottom:1px solid #ccc;
	}
	
.bigcallout {
	font-size:130%;
	line-height:120%;
	color:#333399;
	margin:10px 2px;
	display:block;
	font-weight:bold;
	}
	
.quotebox {
	color:#333333;
	padding:10px;
	border:1px solid #ccc;
	margin:.3em 0;
	}	

div.quotebox {
	border:none;
	margin:1em 1em 2em 1em;
	font-style:italic;
	color:#4a5f71;
	width:500px;
	padding:0 0 0 2em;
	}
	
div.quotebox p {

	}
	
			
p.breadcrumb {
	font-size:90%;
	line-height:100%;
	margin:.2em 0;
	padding-top:5px;
	}

.bigger {
	font-size:110%;
	}

.smaller {
	font-size:90%;
	}

.clearout {
	clear:both;
	}

.floatimage {
	float:left;
	padding:0 20px 20px 0;
	}
	
	
table#list {
	width:600px;
	}