/* These are global styles */
html { 
	background-color: #b1d7f2; 
	width: 100%; 
	font-size: 100%;
	overflow: auto; 
	}
body { 
	color: black; 
	font-size: 62.5%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
	}
a {
	color: #2b485c; 
	}
ul, li { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ol li { 
	list-style-type: decimal; 
	}
h1,h1 img, h5 {
	margin: 0; 
	padding: 0; 
	}
img, p, blockquote {
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
#badge, #hook {
	margin: 0;
	padding: 0;
	}
/*These style the wrapper*/
#background_wrapper { 
	margin: 0; 
	padding: 0; 
	background-image: url(images/360_background.gif); 
	background-repeat: repeat-y; 
	background-attachment: fixed; 
	width: 100%;
	height: auto%;
	}
#container { 
	text-align: left; 
	width: 900px; 
	background-color: white;
	height: auto;
	margin: 0 0 0 5px; 
	padding: 0; 
	font-size: 1.1em;
	overflow: hidden;  
	}
/* These styles control the header section: branding, top navigation, and search bar */
#header { 
	position: relative; 
	margin: 0; 
	padding: 0; 
	width: 900px; 
	height: 85px;
	background-color: black; 
	}
#branding { 
	position: absolute;
	margin: 0 0 0 20px; 
	padding: 0; 
	width: 315px;
	height: 85px; 
	overflow: hidden;
	}
#top_nav { 
	margin: 0 20px 0 0;
	padding: 0;
	width: 400px; 
	float: right; 
	}
#top_nav ul, #top_nav li { 
	float: right; 
	margin: 0;	
	padding: 0 0 0 25px;
	}
#top_nav a {
	color: black; 
	}
#search { 
	clear: both; 
	height: 39px; 
	width: 100%; 
	background-color: #2b485c;  
	background-image: url(images/search_bar.gif); 
	background-repeat: repeat-x; 
	border-top: solid 1px #444444;
	border-bottom: solid 1px #444444;
	}
#rss { 
	margin: 0;
	padding: 0;
	background-image: url(images/rss.gif); 
	background-repeat: no-repeat; 
	height: 40px; 
	margin-left: 830px; 
	}

/* These styles control the initial and rollover states for the nav icons */

#home a { 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 30px; 
	height: 85px; 
	background-image: url(images/nav/home.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px; 
	}
#home a:hover, #home a:focus { 
	background-image: url(images/nav/home_h.gif); 
	background-repeat: no-repeat; 
	}
#about a { 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 30px; 
	height: 85px; 
	background-image: url(images/nav/about.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px; 
	}
#about a:hover, #about a:focus { 
	background-image: url(images/nav/about_h.gif); 
	background-repeat: no-repeat; 
	}
#shop a { 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 30px; 
	height: 85px; 
	background-image: url(images/nav/shop.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px; 
	}
#shop a:hover, #shop a:focus { 
	background-image: url(images/nav/shop_h.gif); 
	background-repeat: no-repeat; 
	}
#contact a { 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 30px; 
	height: 85px; 
	background-image: url(images/nav/contact.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px; 
	}
#contact a:hover, #contact a:focus { 
	background-image: url(images/nav/contact_h.gif); 
	background-repeat: no-repeat; 
	}
#help a { 
	margin: 0; 
	padding: 0; 
	float: left; width: 30px; 
	height: 85px; 
	background-image: url(images/nav/help.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px; 
	}
#help a:hover, #help a:focus { 
	background-image: url(images/nav/help_h.gif); 
	background-repeat: no-repeat; 
	}
/* These styles set the active nav icon for the current page */
body#bhome a#ahome { 
	background-image: url(images/nav/home_g.gif); 
	background-repeat: no-repeat; 
	}
body#babout a#aabout { 
	background-image: url(images/nav/about_g.gif); 
	background-repeat: no-repeat; 
	}
body#bshop a#ashop { 
	background-image: url(images/nav/shop_g.gif); 
	background-repeat: no-repeat; 
	}
body#bcontact a#acontact { 
	background-image: url(images/nav/contact_g.gif); 
	background-repeat: no-repeat; 
	}
body#bhelp a#ahelp { 
	background-image: url(images/nav/help_g.gif); 
	background-repeat: no-repeat; 
	}
/* These styles manage the New Home Page. */
#content {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 400px;
	background-color: white;
	}
#main_content {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	border-right: 1px solid #424242;
	background-color: black;
	}
#sub_content {
	float: right;
	margin: 0;
	padding: 0;
	width: 299px;
	height: 400px;
	text-align: center;
	color: black;
	background-color: #cccccc;
	background-image: url(images/bkg-talkbubble.gif);
	background-repeat: no-repeat; 
	background-position: 50%; 
	}

h1.boxes {
	color: #222222;
	font-size: 1.3em;
	font-weight: normal;
	margin: 35px auto 0 auto;
	padding-top: 15px;
	height: 55px;
	display: block;
	width: 200px;
	text-align: left;
	text-indent: 1em;
	}
ul.boxes { 
	margin: 55px auto 0 auto; 
	text-align: left; 
	width: 200px;
	height: 210px;
	font-size: 8.5pt;
	overflow: hidden;
	}
ul.boxes li {
	padding: .5em 1.5em;
	}
ul.boxes li a {
	color: #222222;
	}
ul.boxes li a:hover, ul.boxes li a:focus {
	background-color: white;
	}

/* These styles control the slideshow xPhoto */

#slideshow {
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* These styles control the left column- main content */

#left_column {
	float: left;
	clear: left;
	margin: 0 0 50px 0; 
	display: inline;
	padding: 0; 
	width: 585px; 
	height: auto;
	overflow: hidden;
	}
#left_column p {
	margin: 2em 0 3em 4em;
	line-height: 2.3em;
	font-size: 1.2em;
	}
#left_column p a {
	color: #2b485c;
	}
#left_column p a:hover, li#left_column p a:focus {
	color: white;
	background-color: #333333;
	}
#left_column h2 {
	clear: left; 
	display: block; 
	padding: 2em 0 0; 
	margin-left: 2em;
	color: #000a1e; 
	width: 525px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	border-bottom: 1px dotted #a4b4bf;
	}
#left_column h3 {
	clear: left; 
	display: block; 
	padding: 1em 0 0; 
	margin: 1.5em 0 0 5em;
	color: #001529; 
	width: 420px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 1.5em;
	font-weight: lighter;
	border-bottom: 1px dotted #a4b4bf;
	}

#left_column ul li {
	padding: 2em 0 1em 10em;
	margin: 0;
	font-size: 1.2em;
	}
#left_column ul li strong {
	color: red;
	font-style: italic;
	}
#left_column ul li a {
	color: #2b485c;
	}
#left_column ul li a:visited {
	color: #666666;
	}
#left_column ul li a:hover, #left_column ul li a:focus {
	color: black;
	}
#left_column ol li img {
	border: 1px solid gray;
	padding: 0;
	margin: 0;
	}

/*Image replacement for signature*/
p#sig {
	margin-bottom: 80px;
	padding-bottom: 150px;
	}
p#sig a { 
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 167px; 
	height: 40px;
	text-decoration: none; 
	background-image: url(images/sig.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px; 
	}
/*Sitemap page link styles*/
.sitemap , .sitemap a {
	color: #333333;
	padding: 0;
	margin: 0;
	font-size: .9em;
	}
/*Special header decorations for contact and sitemap pages*/
h3.chat a {
	text-decoration: underline;
	color: #2b485c;
	font-size: 1em;
	font-weight: lighter;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;	
	}
h3.chat a:hover, h3.chat a:focus {
	background-color: gray;
	color: white;
	}
/*For FAQ "questions" type management*/
#left_column ol {
	padding: 0;
	margin: 30px 0 10px 30px;
	}
#left_column ol li {
	padding: 1em 0 0 2.5em;
	margin: 0;
	color: #2b485c;
	font-size: 1.4em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;	
	list-style-type: none;
	}
#left_column ol li:first-letter {
	font-weight: bolder;
	font-size: 1.5em;
	}

/*Portfolio styles*/
#left_column_container {
	width: 585px;
	height: auto;
	display: inline;
	float: left;
	}
#portfolio {
	margin: 0 0 30px 30px;
	padding: 0;
	display: inline;
	text-align: left;
	border-top: 1px dotted #a4b4bf;
	width: 550px;
	float: left;
	}
#portfolio table {
	width: 550px;
	height: auto;
	margin: 0;
	padding: 0;
	}
#portfolio table td {
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px dotted #a4b4bf;
	}
.description {
	width: 100%;
	height: auto;
	margin: 20px 0 0 30px;
	padding: 0;
	}
.description p strong {
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	color: #000a1e;
	}
.description p {
	margin: 0;
	padding: 0 0 .4em 0;
	font-size: 0.8em;
	line-height: 0.1em;
	color: #222222;
	line-height: normal;
	}
#portfolio table td a {
	margin: 0;
	padding: 0;
	color: #000a1e;
	font-size: 0.9em;
	}
#portfolio table td a:hover, #portfolio table td a:focus {
	color: gray;
	}
#portfolio table td img {
	margin: 10px 0;
	}
/*These styles control the online questionnaire forms*/
#qform {
	margin: 0;
	padding: 0;
	width: 500px;
	}
#qform h3   {
	font-size: .9em;
	line-height: 1.5em;
	width: 500px;
	}
#qform ul li  {
	font-size: .8em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;	
	}
/* These styles control the right column structure */
#right_column { 
	float: right; 
	margin: 0; 
	padding: 0; 
	width: 245px; 
	border-left: 2px dotted #a4b4bf;
	}
#right_column ul { 
	float: right; 
	margin: 40px 20px 20px 0;
	height: auto; 
	}
#right_column ul li {
	float: right; 
	clear: right; 
	width: 225px; 
	text-align: center;
	margin-bottom: 40px;
	}

/* These styles control the right column banner ads */
#399_site {

}
#store a {
	float: right;
	width: 140px;
	height: 37px;
	margin-right: 40px;
	background-image: url(images/banners/shop-black.gif);
	background-repeat: no-repeat; 
	text-indent: -9999px;
	text-align: center; 
	}
#store a:hover, #store a:focus {
	background-image: url(images/banners/shop-blue.gif); 	
	background-repeat: no-repeat;
	}
li #store {
	list-style-type: none;
	}
li#newsletter {
	text-align: center;
	margin: 0 auto;
	}
li#newsletter form {
	margin: 0 auto;
	padding: 0;
	width: 175px;
	height: 190px;
	background-image: url(images/banners/form_background.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	font-weight: bolder;
	border: solid 3px silver; 
	}
li#newsletter table { 
	margin: 50px auto 0 auto; 
	padding: 0 10px 0 5px;
	text-align: center; 
	font-size: 10px; 
	color: #555555; 
	width: auto;	 
	}
li#newsletter td {
 	padding-top: 5px;
 	padding-left: 5px;
 	}

.box {
	font-size: 10px;
	border: 1px solid gray;
	color: #222222;
	background-color: white;
	}
#149_logo {
	text-align: center;
	}
#mydomain {
	margin: 0 auto;
	text-align: center;
	}

/* These styles control the footer section */
#footer_container { 
	clear: both; 
	width: 100%; 
	text-align: center; 
	height: 80px; 
	padding-top: 20px; 
	background-color: #32587b; 
	background-repeat: repeat-x; 
	border-top: 2px solid #203950; 
	background-position: 0 bottom;
	border-bottom: 2px solid #203950;  
	}
#footer ul li { 
	display:inline;
	padding-right: 2.5em; 
	}
#footer ul li a { 
	color: white;
	text-decoration: none;  
	}
#footer ul li a:link { 
	line-height: 14px; 

	}
#footer ul li a:hover, #footer ul li a:focus { 
	border-bottom: 1px dashed; 
	}
#copyright { 
	display: block; 
	clear: left; 
	color: white; 
	font-size: smaller; 
	padding-top: 10px; 
	}
/* These styles define the custom error pages */
#error404  {
	clear: left;
	padding: 0;
	height: 500px;
	width: 500px;
	background-image: url(images/error/custom-error-404.gif);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 50px;
	}
#error400 {
	clear: left;
	padding: 0;
	height: 500px;
	width: 500px;
	background-image: url(images/error/custom-error-400.gif);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 50px;
	}
#error401 {
	clear: left;
	padding: 0;
	height: 500px;
	width: 500px;
	background-image: url(images/error/custom-error-401.gif);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 50px;
	}
#error403 {
	clear: left;
	padding: 0;
	height: 500px;
	width: 500px;
	background-image: url(images/error/custom-error-403.gif);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 50px;
	}
#error500 {
	clear: left;
	padding: 0;
	height: 500px;
	width: 500px;
	background-image: url(images/error/custom-error-500.gif);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 50px;
	}
#error502 {
	clear: left;
	padding: 0;
	height: 500px;
	width: 500px;
	background-image: url(images/error/custom-error-502.gif);
	background-repeat: no-repeat;
	overflow: visible;
	padding-bottom: 50px;
	}
#error_text  { 
	color: #666666; 
	font-size: 1.4em;
	font-weight: normal; 
	display: block; 
	padding-bottom: 2em; 
	border-bottom: 2px dotted #a4b4bf;
	width: 500px;
	margin: 3em; 	
	}
p.error_text  {
	color: #666666; 
	font-weight: normal; 
	font-size: 1.3em;
	padding: .2em 0;
	}
p.error_text a { 
	color: #444444; 
	font-size: 1.1em; 
	font-weight: bold;
	font-variant: small-caps;
	background-color: #cedfeb; 
	text-decoration: none; 
	padding: .3em .5em .3em .5em;
	border-bottom: 2px #444444 dotted;
	margin-top: 2em;
	 }
p.error_text a:hover, p.error_text a:focus { 
	color: white; 
	font-size: 1.1em; 
	font-weight: bold;
	font-variant: small-caps;
	background-color: black; 
	text-decoration: none; 
	padding: .3em .5em .3em .5em;
	border-bottom: 2px #444444 dotted;
	margin-top: 2em;
	 }