/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
br.clear{clear:both;display:block;}
*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

img a { border: none; }


body { background: none; }

#header { position: relative; height: 160px; display: block; background: #020202 url(http://www.sewells.com/layout/header_bg.jpg) bottom left repeat-x; }
#header #header_container { position: relative; margin: 0 auto; padding-top: 20px; width: 960px; }

#container { position: relative; z-index: 0; margin-left: auto; margin-right: auto; width: 960px; margin: 0px auto 20px auto; background: none; }
#container #main { overflow: hidden; display: inline-block; }
#container #main { display: block; }
#container #main #LH { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; }
#container #main #LH .lozenge { background: #3A4057; border: 3px solid; border-color: #8890B0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px 10px 20px; margin-top: 20px; margin-bottom: 20px; }
#container #main #RH { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 700px; margin-right: 0; border-left: 1px dashed; border-color: #dfdfdf; padding-left: 20px; margin-bottom: 20px; width: 680px; }

#container #bottom #signup { background: #d1d1d1; border: 6px solid #FFF; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; padding: 10px 10px 20px; margin-top: 20px; }
#container #bottom #signup p { display: inline; float: left; margin-left: 0; margin-right: 0; width: 400px; margin-bottom: 16px; }
#container #bottom #clients { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 940px; margin-top: 16px; }
#container #bottom #clients #client_text { display: inline; float: left; margin-left: 0; margin-right: 0; width: 400px; }
#container #bottom #clients #logos { margin-top: 16px; display: inline; float: left; margin-left: 0; margin-right: 0; width: 560px; text-align: right; width: 540px; }
#container #bottom #clients #logos img { margin-left: 26px; }

#footer_container { margin: 0 auto; width: 960px; }
#footer_container .cols { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; font-family: Helvetica, arial, sans-serif; text-align: left; color: #FFF; }
#footer_container .cols li { margin-left: 0; list-style-type: none; }
#footer_container .cols h4 { color: #f9ad33; font-size: 13px; font-weight: bold; margin-bottom: 4px; }

/* ******************************* TEXT ********************************/

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 12px; }

body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

a:focus { outline: 1px dotted invert; }

hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }

h1 { font-size: 25px; margin-bottom: 16px;}

h2 { font-size: 23px; }

h3 { font-size: 14px; }

h4 { font-size: 19px; color: #666; margin-bottom: 4px;}

h5 { font-size: 17px; }

h6 { font-size: 15px; }

ol { list-style: decimal; }

ul { list-style: square; }

#container li { margin-left: 20px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #396ea0; }

body { font-family: Georgia, serif; font-weight: 200; overflow-x: hidden; }

h1 { font-size: 36px; }

h2, h3 { color: #989fa5; margin-bottom: 6px; }

p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #396EA0; }

a { text-decoration: none; outline: none; color: #EF9D25;}

#main blockquote { border-left: 4px solid #51708B; padding-left: 10px; margin: 0 0 20px 20px;}

#main blockquote p {font-size: 16px; font-family: Georgia, serif; color: #8B8B8B;}

#main blockquote small {font-size: 11px; color: #396ea0; font-family: Helvetica, arial, sans-serif;}

#main blockquote p:last-child {font-size: 11px; color: #396ea0; font-family: Helvetica, arial, sans-serif;}

#neon { position: absolute; top: -35px; right: -560px; z-index: 0; overflow: hidden; height: 160px; }

#switch { position: absolute; top: 160px; right: 4px; z-index: 2; }

#logo { position: relative; border-bottom: solid 1px #74808c; padding: 0 0 10px 6px; z-index: 1; }

#navigation { position: relative; z-index: 50; background: url(http://www.sewells.com/layout/nav_bg.png) top left no-repeat; line-height: 36px; overflow: hidden; display: inline-block; z-index: 1; }
#navigation { display: block; }

ul.topnav { list-style-type: none; margin: 0px 10px; padding: 0px; display: inline; margin-right: 10px;}
ul.topnav li { margin: 0px; padding: 0px; display: inline; }
ul.topnav li { color: #eee; font-family: Helvetica, Arial, sans-serif; font-size: 13px; }
ul.topnav li a { color: #eee; text-transform: uppercase; }
ul.topnav li a:hover { color: #dedfe1; }
ul.topnav li a.selected { color: #dedfe1; }

h1.tagline, h1.new_tagline { position: absolute; z-index: 2; top: 142px; left: 10px; color: #f9ad33; line-height: 1.3; font-weight: 100; font-size: 36px; }
h1.tagline span.author, h1.new_tagline span.author {font-size: 28px; color:#FFF;font-style: italic;}
div.next_quote {position:absolute; bottom: 20px; right: 0;}
div.next_quote a {color: #FFF; text-decoration: none}
div.next_quote a:hover {color: #DDD; text-decoration: underline;}

#main p { color: #396EA0; }
#main h1 { color: #004a89; overflow: hidden; display: inline-block; margin-bottom: 16px; line-height: 1.2; }
#main h1 { display: block; }
#main h3.main_h3 { color: #97a0a5; font-size: 22px; margin-bottom: 10px; }
#main img.lozenge { border: 4px solid; border-color: #d1d1d1; margin-bottom: 10px; }

#LH .lozenge p { color: #CCD1E3; font-size: 12px }
#LH .lozenge h2 { color: #F9FCFB; font-family: Helvetica, sans-serif; font-size: 24px; line-height: 30px }
#LH .lozenge img { text-align: center; }
#LH ul li { font-size: 20px; font-family: Georgia, serif; list-style-type: none; border-bottom: 1px dashed; border-color: #dfdfdf; }
#LH ul li a { color: #6f777a; }
#LH ul li a:hover { color: #2b3336; }
#LH ul li:hover { color: #f9ad33; list-style-type: disc; background: #f9f9f9; }

#bottom { overflow: hidden; display: inline-block; }
#bottom { display: block; }
#bottom h1 { color: #004a89; overflow: hidden; display: inline-block; margin-left: 10px; margin-bottom: 0; line-height: 1.2; }
#bottom h1 { display: block; }
#bottom h2.main_h2 { color: #97a0a5; font-size: 32px; margin-left: 10px; margin-bottom: 16px; }
#bottom #messages .message p { font-size: 11px !important; }
#bottom #messages .message img { float: right; vertical-align: top; border: 1px solid #aaa; }

input, textarea { font-size: 18px; font-family: Georgia, serif; border: 4px solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 4px; margin-bottom: 10px; }

input[type="text"] { margin-right: 8px; border-color: #d9d9d9; color: #989fa5; width: 180px; }

input[type="text"]:hover, input[type="text"]:focus { color: #4d5558; border-color: silver; }

input[type="submit"] { border-color: #FFF; background: #6f777a; color: #FFF; }

input[type="submit"]:hover { background: #d1d1d1; color: #6f777a; }

textarea { border-color: #d9d9d9; color: #989fa5;  }

textarea:hover textarea:focus { color: #4d5558; border-color: silver; }

#contact label {display: inline-block; width: 120px; font-size: 18px; vertical-align: top;}

#contact input[type="text"] { margin-right: 8px; border-color: #d9d9d9; color: #989fa5; width: 350px; }

#contact textarea {font-size: 13px; font-family: Georgia, serif; border: 4px solid #d9d9d9; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 4px; margin-bottom: 10px; width: 350px;}

#contact textarea:hover, #contact textarea:focus { color: #4d5558; border-color: silver; }

#footer { display: block; background: url(http://www.sewells.com/layout/footer_bg.jpg) top left repeat-x;padding-top: 20px; height: 250px;text-align: center;background:#3A4058; }
#footer p { color: #FFF; font-size: 10px; display:block;margin-bottom:4px;color: #F9AD33;}
#footer #copyright{display:block;}
#footer p#cahoona { color: #FFF; }
#footer p#cahoona a { color: #f3ca94; text-decoration: none; }
#footer p#cahoona a:hover { color: #f8ae33; text-decoration: underline; }


#container #bottom #messages .message_big {margin-left: 10px; position:relative;display: inline; float: left;height: 290px; width: 450px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(http://www.sewells.com/layout/blue_lozenge_bg.jpg) top left no-repeat;padding: 10px; }
#container #bottom #messages .message_big p {color: #FFF;margin-right: 10px;width: 270px;}
#container #bottom #messages blockquote {color: #F9AD33; padding: 16px 0;border-top:1px solid #FFF; border-bottom:1px solid #FFF;width:270px;}
#container #bottom #messages blockquote #author {color: #FFF; text-align: right;display:block;font-size:10px;}
#container #bottom #messages .message_big img#the_guide {vertical-align:top;float:right;border:1px solid #CCC;margin-top:74px;}
a.read_more{display:block;position:absolute;bottom:10px;width:82px;height:21px;background: url(http://www.sewells.com/layout/sml_button.png) top left no-repeat;color:#FFF;text-align: center;}
.message_big a.read_more {left:10px;}

#container #bottom #messages .message { position: relative;display: inline; float: left; margin-left: 15px; height: 290px; width: 220px; width: 205px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url(http://www.sewells.com/layout/blue_lozenge_bg.jpg) top left no-repeat;padding: 10px; }
#container #bottom #messages .message img {margin: 6px 0 10px 0;}

#container #bottom .under_messages p {margin-bottom: 16px; }
#container #bottom #clients #client_text { display: inline; float: left; margin-left: 0; margin-right: 0; width: 400px; }
#container #bottom #clients #logos {display: block;}
#container #bottom #clients #logos img { margin-right: 10px; }
.message h3 {color:#F9AD33;font-size: 16px; height: 45px;}
.message p {color:#FFF;}
.message a.read_more{right: 10px;}
#signup{margin-right: 20px;}
.under_messages{background:#F2F2F2;border: 1px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; margin-top: 20px; float: left;width:448px;height:160px;}

#footer_container { margin: 0 auto; width: 960px;display:block;}
#footer_container ul li a {color: #FFF;}
#footer_container .cols { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; font-family: Helvetica, arial, sans-serif; text-align: left; color: #FFF;}
#footer_container .cols li { margin-left: 0; list-style-type: none; }
#footer_container .cols h4 { color: #f9ad33; font-size: 13px; font-weight: bold; margin-bottom: 4px; }

.entry{border-bottom: 1px dotted #AAA;padding: 10px 0}
#accordion{margin-bottom: 16px;}

/* Sexy drop down */
div#navigation{overflow: visible;}

ul.topnav li {  
    float: left;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 0 5px;  
    color: #fff;  
    display: block;   
    float: left;  
} 

ul.topnav li span { /*--Drop down trigger styles--*/
	margin-top: 1px;
	width: 13px;
	height: 35px;
	float: left;
	background: url(http://www.sewells.com/layout/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -10px; top: 35px;
	background: #222;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 190px;
	border: 1px solid #000;
	z-index: 99;

	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	padding: 10px 0;
	
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 190px;
	font-size: 11px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	background: #222 url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	font-size: 11px;
	width: 165px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #151515 url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/dropdown_linkbg.gif) no-repeat 10px center;
	text-decoration: underline;
}

.the_guide {
text-transform: lowercase !important;
text-transform: lowercase;
}

#contact_form label{
zoom: 1; display: inline; display: -moz-inline-box; display: inline-block; vertical-align: top; width: 100px;
}

.ui-accordion-content a { color: #EF9242;}
.ui-accordion-content a:hover { text-decoration: underline;}