/*
Author: Chase Buffington
Project: Teleosoft Site Update
Date: 5.23.2010
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################


*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/*
# Layout ################### 
*/

body{font:12pt  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#666666;background: #fff;}

.container {
width: 968px;
margin: 0 auto;
padding: 0;
}

#header {
background: white;
height: 50px;
position: relative;
left: 2px;
}

#main {
}

#content {
background: url(images/contentbg.jpg) repeat-y;
margin: 0 18px;
}

#index-body {
background: #5A7795;
padding-top: 60px;
}

#splash {
background: #5A7795;
width: 760px;
margin: 0 auto;
}

#product {
background: url(images/productbg.jpg) no-repeat #FFF;
margin: 0 11px 0 12px;
padding-bottom: 25px;
}

#elections-product {
background: url(images/electionsproductbg.jpg) no-repeat #FFF;
margin: 0 11px 0 12px;
padding-bottom: 25px;
}

#jury-product {
background: url(images/juryProductbg.jpg) no-repeat #FFF;
margin: 0 11px 0 12px;
padding-bottom: 25px;
}

#prothonotary-product {
background: url(images/prothonotaryProductbg.jpg) no-repeat #FFF;
margin: 0 11px 0 12px;
padding-bottom: 25px;
}

#orphans-court-product {
background: url(images/orphansCourtProductbg.jpg) no-repeat #FFF;
margin: 0 11px 0 12px;
padding-bottom: 25px;
}

#quote-box {
background: #5B7693;
padding: 25px 0;
border:solid 1px #aaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-box-shadow: 4px 3px 18px #ddd;
-webkit-box-shadow: 4px 3px 18px #ddd;
box-shadow: 4px 3px 18px #ddd;
background:-webkit-gradient(radial, 165 0, 28, 220 -257, 465, from(#7590ac), to(#5B7693));
}

#module {

}

#footer-index {
background: #E4771A;
height: 42px;
width: 760px;
font-weight: bold;
color: #fff;
}

#address {

}

#footer {
background: #E4771A;
font-weight: bold;
height: 35px;
width:911px;
position:relative;
left:1px;
top:7px;
border:1px solid #f7ae70;
margin-bottom:30px;
}

.bottom-demo {
margin: 50px auto;
}

.product-info {
float:left;
width: 510px;
}

.main-quote {
margin: 0 auto 15px;
width: 876px;
}

.side-quote {
background: #fbfbfb;
padding: 5px;
border:solid 1px #aaa;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-box-shadow: 4px 3px 18px #ddd;
-webkit-box-shadow: 4px 3px 18px #ddd;
box-shadow: 4px 3px 18px #ddd;
background:-webkit-gradient(radial, 165 0, 28, 220 -257, 465, from(#f5f5f5), to(#f2f2f2));
margin: 0 20px 20px 30px;
width: 300px;
}

.side-quote p{
font-style: italic;
margin:5px;
padding:0;
font-size: .9em;
}

/*
# Nav ################### 
*/
/* drop-down menu */

	#navMain {	
		background:url(images/navbg.jpg) #E4771A repeat-x;
		height:22px;
		width:400px;
		position:relative;
		left:523px;
	}
	
	#m1 {
		width:112px;
		padding:3px 1px;
	}
	
	.non-main-nav {
		border-right:1px solid #ddd;
		border-left:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	
	.navMainTyp {
		width: 378px;
		height: 22px;
		margin-left: 18px;
	}

	.navMainIndex {
		width: 318px;
		height: 22px;
		margin-left: 0;
	}
	
	.navLeftEnd {
		float:left;
		margin:0;
	}
	
	.navRightEnd {
		float:right;
		margin:0;
	}

	ul {
		list-style: none;
	}

	li {
		list-style: disc;
	}
	
	ul.product-lists {
	padding: 0;
	margin-top:10px;
	margin-bottom: 10px;
	text-indent: -1em;
	}
	
	ul.a {
	margin-top: 10px;
	margin-left: 25px;
	text-indent: -1em;
	}
	
	li.product-items {
	margin-top: .5em;
	}
	
	li.b {
	margin-top: .5em;
	list-style: circle;	
	}

	#sddm
	{	margin: 0;
		padding: 0;
		z-index: 100}

	#sddm li
	{	margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;
		font: bold 12px arial}

	#sddm li a
	{	display: block;
		margin: 0 1px 0 0;
		padding: 3px 10px;
		width: 85px;
		color: #FFF;
		text-align: center;
		text-decoration: none;}


	#sddm li a:hover
	{	background: url(images/navHighlightbg.jpg) #fff;
		color: #5091B4;}

	#sddm div
	{	position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		width: 105px;
		background: #fff;}

		#sddm div a
		{	position: relative;
			background: #fff;
			display: block;
			margin: 0;
			padding: 5px 10px;
			width: 85px;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			color: #5A7795;
			font: 12px arial}
			
		#sddm div a:hover
		{	background: #5b7693;
			color: #FFF;
			font-weight: bold;}



/* end drop-down menu */



/*
# Headings ################### 
*/

h1{}

h2{
font-size: 30px;
font-weight:bold;
color: #5a7592;
margin: 0 0 15px 14px;
}

h3{
font:16pt  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#a1b8cd; font-style: italic;
}

h4{
font:16pt  "Helvetica Neue", Helvetica, Arial, sans-serif;color:#E4771A;
margin:20px 0 10px 14px;
}

.desc-tag {
margin: 10px 0 0 70px;
}

.avail-tag {
float:right;
margin-top:200px;
margin-right:230px;
}

.service-about {
margin-top: 20px;
}


#logo{width:;height:;background:url(images/logo.gif) no-repeat;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Lists ################### 
*/


/*
# Images ################### 
*/

img{
	border:none; 
	/*vertical-align:bottom; */
	display:inline;
}

img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

img.logo {
position: relative;
top: 10px;
left: 10px;
z-index: 100;
}

img.header {
display: block;
margin: 0 18px;
padding: 0;
}

.left-margin {
margin-left: 18px;
}

.sheriff-logo {
margin-top: 15px;margin-left: 18px;
}

.services {
margin: 15px 0 20px 30px;
}

.sched-down {
clear:both;
}

.schedule-button {
clear:both;
margin-top:6px;
float:left;
margin-left:54px;
}

.brochure-button {
float:right;
margin-top:20px;
margin-right:140px;
}

.made-simple {
display: block;
margin: 70px auto 50px;
}

img.module-left {
margin-right: 45px;
float: left;
}

img.module-right {
margin-left: 0;
float: right;
}

img.services-right {
margin: 20px 0 20px 48px;
}

img.footer {
margin: 0;
}

.home {
position: absolute;
bottom: 27px;
left: 871px;
top: 12px;
}

/*
# Links ################### 
*/

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

#footer a {
color: #D6DDE3;
}

#footer-index a {
color: #D6DDE3;
}

 ul#product-menu{margin:0; padding:0; list-style:none; clear:both;}  
         #product-menu li{overflow:hidden; text-indent:-9999px; margin: 0 auto 10px; border:solid 1px #5B7693; list-style: none;}  
             #product-menu li a{background:url(images/product-sprite.png) no-repeat; width:100%; height:100%; display:block;}  
   
             /* Sheriff Button */  
             #product-menu li.sheriff-button{width:730px; height:155px;}  
                 #product-menu li.sheriff-button a{background-position:0px 0px;}  
                 #product-menu li.sheriff-button a:hover{background-position:0px -156px;}  
                 #product-menu li.sheriff-button a.selected{background-position:-125px -145px;}  
   
             /* Elections Button */  
             #product-menu li.elections-button{width:730px; height:155px;}  
                 #product-menu li.elections-button a{background-position:0px -312px;}  
                 #product-menu li.elections-button a:hover{background-position:0px -468px;}  
                 #product-menu li.elections-button a.selected{background-position:-125px -145px;}  
				 
			 /* Jury Button */  
             #product-menu li.jury-button{width:730px; height:155px;}  
                 #product-menu li.jury-button a{background-position:0px -624px;}  
                 #product-menu li.jury-button a:hover{background-position:0px -780px;}  
                 #product-menu li.jury-button a.selected{background-position:-125px -145px;}  
				 
			 /* Prothonotary Button */  
             #product-menu li.prothonotary-button{width:730px; height:155px;}  
                 #product-menu li.prothonotary-button a{background-position:0px -936px;}  
                 #product-menu li.prothonotary-button a:hover{background-position:0px -1092px;}  
                 #product-menu li.prothonotary-button a.selected{background-position:-125px -145px;}
			
			 /* Jury Button */  
             #product-menu li.orphans-court-button{width:730px; height:155px;}  
                 #product-menu li.orphans-court-button a{background-position:0px -1248px;}  
                 #product-menu li.orphans-court-button a:hover{background-position:0px -1404px;}  
                 #product-menu li.orphans-court-button a.selected{background-position:-125px -145px;}
/*
# Forms ################### 
*/



/*
# Tables ################### 
*/

td {
vertical-align: top;
}

.module-headers {
padding-left: 13px;
}

.module {
margin: 10px auto 30px;
}

.moduleText {
padding: 0 15px 0 15px;
}

.moduleImg {
padding-right: 20px;
}



/*
# Typography ################### 
*/

p{
font-size: 1em; /* 12px */
line-height: 1.5em; /* 18px */
}

#address p {
margin: 0;
}

.brochure {
margin: 340px 127px 0 0;
float: right;
}

.class-for-36px { font-size: 3em; /* 36px */ 
line-height: 1em; /* 36px */ 
margin-top: 0.5em; 
margin-bottom: 0em; }

#module li {
list-style-position: inside;
padding: 0 50px;
}

.product {
color: #5a7592;
margin: 15px 0 15px 75px;
}

#module p {
margin-left: 15px;
}

#elections-product p{
color: #5A7592;
margin-left: 68px;
}

#quote-box p {
margin: 0;
padding: 0 50px;
color:#fff;
font-style:italic;
}

#footer p {
font-size: 12px;
color: #D6DDE3;
padding: 10px 40px 0;
margin: 0;
}

#footer-index p {
font-size: 12px;
color: #D6DDE3;
padding: 10px 40px 0;
}

.current-page {
width: 85px;
background: url(images/navbg.jpg) repeat-x;
color: #FFF;
}
/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}