/* 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; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }


body { background: none; }

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

#container { position: relative; z-index: 0; margin-left: auto; margin-right: auto; width: 960px; margin: 0px auto 20px auto; background: none; }
#container #bottom { display: block; }
#container #bottom #messages { overflow: hidden; display: inline-block; }
#container #bottom #messages { display: block; }

#container #bottom #messages .message_big {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;}
blockquote {color: #F9AD33; padding: 16px 0;border-top:1px solid #FFF; border-bottom:1px solid #FFF;width:270px;}
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: 20px; 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: block; margin-left: 0; margin-right: 0; width: 400px; }
#container #bottom #clients #logos {display: block;}
#container #bottom #clients #logos img { margin-right: -4px; }
.message h3 {color:#F9AD33;font-size: 16px;height:45px;}
.message p {color:#FFF;}
.message a.all_services{float: right; line-height: 24px; color: #F9AD33;}
.message a.all_services:hover{text-decoration: underline; color: #FFF;}
#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:191px;}

#footer_container { margin: 0 auto; width: 960px;display:block;}
#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; }

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

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; }

h2 { font-size: 23px; }

h3 { font-size: 14px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }

ol { list-style: decimal; }

ul { list-style: square; }

li { margin-left: 30px; }

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

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

h1 { font-size: 42px; }

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: #004A89}

#neon { position: absolute; top: 0px; right: -560px; z-index: 0; }

#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: 5; }
#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; bottom: -145px; left: 10px; color: #f9ad33; line-height: 1.3; font-weight: 100; font-size: 25px; width: 862px }
h1.tagline span.author, h1.new_tagline span.author {font-size: 60%; color:#FFF;font-style: italic;}
div.next_quote {position:absolute; z-index: 3; bottom: -130px; right: 0;width:82px;height:21px;background: url(http://www.sewells.com/layout/sml_button.png) top left no-repeat;text-align:center;}
div.next_quote a {font-family: Helvetica, arial, sans-serif;color: #FFF; text-decoration: none;line-height: 23px}
div.next_quote a:hover {color: #DDD; text-decoration: underline;}

#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: 24px; padding-left: 20px; padding-bottom: 8px;border-bottom:1px dotted #CCCCCC;width: 640px;}
#bottom #messages .message p { font-size: 11px !important; }
#bottom #messages .message img { float: right; vertical-align: top; border: 1px solid #aaa; }
#bottom #signup fieldset{margin-bottom:0px;}
#bottom #signup input { font-size: 18px; font-family: Georgia, serif; border: 4px solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 4px; }
#bottom #signup form {display:block;}
#bottom #signup input[type="text"] { margin-right: 8px; border-color: #d9d9d9; color: #989fa5; width: 150px; }
#bottom #signup input[type="text"]:hover, #bottom #signup input[type="text"]:focus { color: #4d5558; border-color: silver; }
#bottom #signup input[type="submit"] { border-color: #FFF; background: #6f777a; color: #FFF; }
#bottom #signup input[type="submit"]:hover { background: #d1d1d1; color: #6f777a; }

#home_top{position:relative; height:280px;margin-bottom:20px;border-bottom:1px dotted #CCCCCC;}
#slideshow{position: absolute; bottom: 0; right: 0;height: 261px; width: 290px; z-index: -1}
#slideshow IMG {
    position:absolute;
    top:0;
    right:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#home_top p{padding:28px 0 8px 11px;width:532px;font-size: 14px;}
#call_us{font-family:Helvetica,Arial,sans-serif;font-size:14px;margin-left:10px;line-height:37px;color:#FFF;height:35px;width:366px;text-align:center;background:url(http://www.sewells.com/layout/call_us_bg.png) top left no-repeat;}

#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_container ul li a {color: #FFF;}
#footer p#cahoona { color: #FFF; }
#footer p#cahoona a { color: #f3ca94; text-decoration: none; }
#footer p#cahoona a:hover { color: #f8ae33; text-decoration: underline; }


/* 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;
}

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

.infiniteCarousel{width:395px;position:relative;}
.infiniteCarousel .wrapper{width:450px;overflow:auto;height:90px;margin:0;left: 0;position:relative;}
.infiniteCarousel ul a img{border:3px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;}
.infiniteCarousel .wrapper ul{width:840px;/* single item * n */
list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
.infiniteCarousel ul li{display:block;float:left;padding:0 20px 0 0;height:70px;width:95px;}
.infiniteCarousel ul li img{-webkit-transition:border-color 400ms;}
.infiniteCarousel ul:hover li img{border-color:#ccc;}
.infiniteCarousel ul:hover li:hover img{border-color:#aaa;}
.infiniteCarousel ul li a img{display:block;}
.infiniteCarousel .arrow{display:block;height:36px;width:37px;background:url(images/arrow.png) no-repeat 0 0;text-indent:-999px;position:absolute;top:37px;cursor:pointer;outline:0;}
.infiniteCarousel .forward{background-position:0 0;right:0;}
.infiniteCarousel .back{background-position:0 -72px;left:0;}
.infiniteCarousel .forward:hover{background-position:0 -36px;}
.infiniteCarousel .back:hover{background-position:0 -108px;}
.infiniteCarousel li {margin: 0}

.qtip p { color: #FFF; }
.qtip blockquote { color: #FFF; border: 0; margin; 0; padding: 0; width: auto;}
.qtip blockquote p { color: #FFF; margin; 0; padding: 0; width: auto;}
.qtip .author { color: #DDD; text-align: right; font-size: 11px; margin: 10px 0 0; padding-bottom: 0;}

.qtip p:last-child { margin-bottom: 0; padding-bottom: 0; }

.qtip blockquote:before { content: open-quote;}
.qtip blockquote:after { content: close-quote;}