@charset "utf-8";
/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; line-height: 150%; color: #333; font-size: 12px;}
h1 {background: url(../images/bg-h1.jpg) repeat-x center; border: 1px solid #ccc; border-bottom: 2px solid #666666; font-size:1.4em; color: #333; padding: 5px; margin-bottom: 30px;}
h2 {border-bottom: 2px solid #ccc; color: #595959; font-size:1.1em; padding: 5px; margin-top: 20px;}
h3 {font-size: 1em; color: #595959;}
h4 {font-weight: bold; text-align:left; margin:0; margin-bottom: -3px; padding-top:5px; padding-left: 25px; color: #595959;}
	
a img {border: none;}
a {text-decoration:none;}
a:link, a:active, a:visited {color: #595959 ;}
a:hover {color: #000;}

hr {color: #f6f6f6;}

#wrapper {width: 1020px; margin: 0 auto; margin-top: 10px; text-align:center;}
#main {width: 1200px; border-top: none;  width: 1000px; margin-top: 15px; margin-bottom:20px;}	
#header {width: 1000px; height: 250px;}
.black-bg {background: url(../images/bg-black.jpg) no-repeat;}
.gradient-bottom {background: url(../images/bg-gradient.jpg) top no-repeat;}
.gradient-top {background: url(../images/bg-content.jpg) repeat-x;}

#top {font-size: 2em; text-align:left; width: 700px; height:65px; float:left;}
#phone-number {font-size: 2em; color: #595959; padding-top: 10px; width: 300px; text-align:right; vertical-align:middle; float:left;}
#phone span {display: block;}
.phone { font-size: .75em;}

#nav {width: 998px; text-align: center; font-size: 1.2em; clear:both; }
#nav ul {margin-left: 1px; margin-right: -4px; padding: 5px 2px 5px 1px; background: url(../images/nav.jpg) center;}
#nav li {list-style-type: none; display:inline; }
#nav a {color: #fff; padding: 5px 10px; font-size: .9em;}
#nav a:hover { background: url(../images/nav-hover.png);}

#content {width:700px; float: left; text-align: left; padding: 20px 25px;} 
#content ul li {padding-bottom: 5px;}
.grad-black {background: url(../images/grad-black.jpg) repeat-x;}
.grad-blue {background: url(../images/grad-blue.jpg) repeat-x;}
.grad-dark-gray {background: url(../images/grad-dark-gray.jpg) repeat-x;}
.grad-light-gray {background: url(../images/grad-light-gray.jpg) repeat-x;}


#right-column {width: 235px; height:auto; margin-left: 5px; float: left;font-size: 1.2em; line-height:normal;}
#right-column p {font-size: 1.1em;padding:0 15px 0 15px; margin-top: 0; margin-bottom: 0;}

#bottom {background: url(../images/bg-bottom.jpg) top; width: 1000px; padding-top: 10px;}
#bottom a:link, #bottom a:active, #bottom a:visited {color: #f6f6f6;}
#bottom a:hover {color: #000;}
#bottom-1, #bottom-2, #bottom-3, #bottom-4 {float: left; width: 250px; text-align:left;}
#bottom li {list-style-type:none;}
#bottom h3 {text-align:center; margin:0; padding:0;}
#bottom ul {padding-left: 60px;}

#ja-footerwrap {margin-left: 250px;}
#ja-footer {width: 635px; font-size: 12px; float:left; padding: 10px 0; color: #666666; text-align:left;}
#ja-footer ul {	margin: 0; padding: 0;}
#ja-footer li {	margin: 0;	padding: 0;	display: inline; background: none;}
#ja-footer li a { padding: 0px 20px 0 0; display: inline; color: #666666; font-weight: bold; line-height: normal; text-decoration: none;}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {color: #000; text-decoration: none;}
#websites {width: 365px; text-align:right; float:left; padding-top:10px; }
#websites img {padding: 3px; margin-left: 7px;}
#websites a:link img , #websites a:active img, #websites a:visited img {border: 1px solid #ccc;}
#websites a:hover img {border: 1px solid #000;} 
#copyright {padding-top: 1px;}

.left {	float:left;	margin-right: 25px;	margin-bottom: 25px;}
.center {text-align: center; margin:0;}
.clear {clear: both;}
.white {color: #fff;}

legend {color:#595959 ;}

/* drop shadow */
#main, #nav ul, #bottom, h1  {border: 1px solid #666; box-shadow: 4px 4px 4px #939393; -moz-box-shadow: 4px 4px 4px #939393; -webkit-box-shadow: 4px 4px 4px #939393;}
#content {border-right: 1px solid #666; box-shadow: 4px 0px 0px #939393; -moz-box-shadow: 4px 0px 0px #f6f6f6; -webkit-box-shadow: 4px 0px 0px #939393;}

/* headers */
#header-01, #header-02, #header-03, #header-04, #header-05, #header-06,#header-07, #header-08, #header-09 {font-size: 1.4em; text-align:left; width: 1000px; height:250px; text-indent:25px; border: 1px solid #666; box-shadow: 4px 4px 4px #939393; -moz-box-shadow: 4px 4px 4px #939393; -webkit-box-shadow: 4px 4px 4px #939393;}

#header-01 {background: url(../header/header-01.jpg) no-repeat;}
#header-02 {background: url(../header/header-02.jpg) no-repeat;}
#header-03 {background: url(../header/header-03.jpg) no-repeat;}
#header-04 {background: url(../header/header-04.jpg) no-repeat;}
#header-05 {background: url(../header/header-05.jpg) no-repeat;}
#header-06 {background: url(../header/header-06.jpg) no-repeat;}
#header-07 {background: url(../header/header-07.jpg) no-repeat;}
#header-08 {background: url(../header/header-08.jpg) no-repeat;}
#header-09 {background: url(../header/header-09.jpg) no-repeat;}

.header h2 {font-size: 1.5em; border-bottom:none; padding-bottom: 0; background:none;} 
#header-01 h2 {text-align:center; margin: 0; margin-bottom:-3px; padding-top: 5px;}
#header-03 ul li, #header-05 ul li {margin:0; padding:0; list-style-type: none; font-size:.90em;}
#header-04 p {margin:5px;}
.header-04-top {padding-left: 250px; padding-top: 150px;}
.header-04-bottom {padding-left: 500px;}
.header-06-top {padding-top: 125px; padding-left: 100px;}
#header-07 h2 {color: #333; padding-top:55px; margin-bottom: 30px; text-shadow: 2px 2px #f5f5f5; border:none;}
#header-08 h2 {text-indent: 150px; padding-top:75px;}
#header-09 h2 {text-indent:550px; margin-bottom: -15px; padding-top: 25px;}
#header-09 p {text-indent:550px;}

.sidebar-02 p {top: 200px;}
#right-column .branding {text-align: left; font-size:1em;}