*{margin: 0; padding: 0; margin: 0; font-size: 100%; background: transparent;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp,
small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0; outline: 0; vertical-align: baseline;}
    
body {width: 100%; margin: auto; font-family: verdana, arial, helvetica, tahoma, sans-serif; line-height: 1; /*background-color: #dbdde0;*/background: url('../image/lightgray_bg.jpg');}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong, b {font-weight: bold;}
input, hr { border: none; }
hr{padding: 0;}
a{font-size: 1em; line-height: 1.25em; font-weight: bold; color: #333; text-decoration: none;}
a, a:hover, a:active, a:focus, a:link, a:visited {outline:0; direction:ltr;}

p{font-size: .9em; color: #333; line-height: 1.15em; font-weight: bold;}
p a{color: #b85c2e;}
h1,h2,h3,h4,h5,h6{color: #f58c22;}
h1, h2, h3{font-size: 1.4em; line-height: 1.6em; font-weight: normal;}
h1{}
h3{}
h4{font-size: 1em; line-height: 1.2em; font-weight: normal;}
h5{}
h6{}
em{text-decoration: underline; font-style: normal;}

address{font-style: normal;}

input.textbx, textarea, select{border-color: #ccc #ddd #ddd; border-style: solid; border-width: 2px; background-color: #f9f9f9; color: #777 !important; font-size: 1em; width: 250px;}
input.textbx, textarea{padding: 4px;}
input.textbx:focus, textarea:focus, select:focus{border: 2px solid #9ec1e0; color: #333 !important;}
.dotted{width: 100%; background: url('../image/dottedsm.png') repeat-x 0 0; height: 2px; display: block;}
.error{background-color: #ffc2c2 !important;}
input.error:focus, textarea.error:focus, select.error:focus{border: 2px solid #ff6666 !important;}
.errors{color: #ff0000;}
.clearLeft{clear: left;}
.clearRight{clear: right;}
.clearBoth{clear: both;}
.dotted {margin: 10px 0 0 0; background: url('../image/dotted.png') repeat-x; line-height: 0;}
 
#container{width: 914px; overflow: hidden; margin: auto; background: url('../image/border.png') repeat-y;}
#wrapperMain{width: 902px; height: 100%; margin: auto; float: left; overflow: hidden;}
#topBorderLeft {width: 6px; height: 4px; float: left; }
#topBorderRight {width: 6px; height: 4px; float: right;}

#top{width: 100%; height: 86px;  background-color: #2c3c4c;}
#top a#logo{width: 70px; height: 70px; padding: 8px 0 0 8px; float: left; display: block;}
#top ul#logotext {padding: 10px 0 0 12px; float: left; font-weight: bold;}
#top ul#logotext li{padding: 0 0 4px; color: #ebeae9; letter-spacing: 10px; font-size: 2em;}
#top ul li {color: #ebeae9; font-family: arial;}
#top ul li#logoSubTitle{width: 270px; padding: 0; font-size: 1.6em; font-weight: normal; letter-spacing: 4px;}

#top ul#topRightHeader{padding: 15px 10px 0 0; float: right;}
#top ul#topRightHeader li {padding: 0 0 3px; clear: right; font-size: 1.05em; font-weight: bold; letter-spacing: 2px; text-align: right;}

ul.nav{margin: 20px 0px 0 0; float: right;}
.nav, .nav ul {list-style-type:none; margin:0; padding:0; background:#4c5a67;}
.nav li a{border: 1px solid #000; border-right: none;}
.nav li a.borderRight{border-right: 1px solid #000;}
.nav li ul li a{border: 1px solid #000; border-top: none; width:194px; }
.nav li ul li a b{ text-align:left; }
.nav a, .nav a:visited {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size: .95em; width:auto; margin:0 auto; position:relative; height:30px;}
.nav a b {color:#ebeae9; text-align: center; font-weight:bold; display:block; padding:5px 10px;}

.nav a b {background-color:#4c5a67; cursor:pointer;}
.nav a:hover b {background-color:#e3ae44 !important; cursor:pointer;}
.nav i {position:absolute; display:block; width:105px; height:25px; left:-105px; top:0; background:#ab5;}
.nav i.top {left:0; top:-26px;}
.nav ul ul {top:-25px;} /* position the top of the flyout sub menus */
.nav ul ul.lines2 {top:-40px;}	/* for a two line link */
.nav ul {min-width:102px;} /* to have a background color for the uls */
.nav .drop, .nav a {width:94px;}
.nav ul li {max-width:105px;} /* fix for IE8 */
/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-104px;}
/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:300;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block; z-index:100;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */ margin-top:10000px;} /* bring the top level links back into view */
.nav .drop {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
/* work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; outline:0;}
.nav a:focus b, .nav a:active b {background-color:#e3ae44 !important;}
/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */
/* IE6 and 7 fixes */
a:active {}

#middle{width: 100%; height: 100%; min-height: 660px; padding-bottom:10px; background-color: #fff; overflow: hidden;}
#indexTopLeft, #indexBtmLeft{padding: 10px 20px; float: left;}
#indexTopLeft {width: 280px; }
#indexTopLeft li p{padding: 0 0 10px;}


#indexBtmLeft {width: 520px; margin-top:0px;}
#indexBtmLeft a:hover,#indexTopLeft a:hover{text-decoration: underline;}
#indexBtmLeft li h2{padding: 0 0 0px 0px;}
#indexBtmLeft li h4{padding: 0 0 10px 0px; color: #24586F; font-weight: bold;}
#indexBtmLeft li ul li{float: left;}
#indexBtmLeft li ul li.btmLeftImg{width: 106px;}
#indexBtmLeft li ul li.btmLeftTxt{width: 340px; padding: 0 0 0 15px;}
#indexBtmLeft li ul li.btmLeftTxt p{padding: 0 0 10px;}

#indexBtmRight {width: 270px; float: right;  margin: 10px 0 0; padding: 0 30px 15px 0;}
#indexBtmRight li, #indexBtmRight li a { font-size:12px; }
#indexBtmRight li {font-weight: bold; color: #333; padding: 0px 0 0 8px;}
#indexBtmRight li h3 a.headerStyle {font-weight: normal; font-size:16px; color: #f58c22;}
#indexBtmRight li a:hover{text-decoration: underline;}

#aboutus{width: 90%; margin: auto;}
#aboutus li h1{font-size: 2.2em; line-height: 2.2em;}
#aboutus li h1#smithnwesson {line-height: 1.8em;}
#aboutus li img{float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #ccc;}
#aboutus li h2 {color: #24586F; padding: 0 0 10px;}
#aboutus li p {padding: 0 0 10px;}

#contactUs ul{padding: 15px 0 0 20px;}
#contactUs h1{font-size: 1.7em; line-height: 1.0em;}
#contactUs h2{padding: 5px 0 20px 10px; font-size: 1em; line-height: 1.2em; color: #24586F;}
#contactUs h3{width: 60%; padding: 0px 0 20px 20px; clear: both; font-weight: normal; font-size: 1em; line-height: 1.15em;}
#contactUs label{color:#616366;}
#contactUs span{padding-left: 2px; color: red; font-size: 1.5em; font-weight: bold;}
#contactUs label {font-size: 11pt; float: left; padding-right: 5px; position: relative; text-align: right; top: 8px;}
#contactUs #leftReg, #contactUs #rightReg {padding: 10px 0 0; float: left;}
#contactUs #leftReg label{width: 9.0em;}
#contactUs #rightReg label{width: 8em;}

#contactUs #regBottom {float: left; padding: 80px 0 0 20px;}
#contactUs textarea{width: 660px; height: 100px;}
#contactUs #commentDiv{clear:both;}
#contactUs #buttons{ margin: auto; text-align: center;}
#contactUs #buttons input{margin: auto; padding: 5px; border: 1px solid #aaa; background-color: #ebeae9; color: #616366; font-weight: bold;}


#schoollbl, #hearlbl{top: 4px !important;}
#state, #postal{float: left;}
#state{width: 35px;}
#postal{width: 95px;}
#postallbl{width: 6.6em !important; padding: 0 0 0 6px;}
#postalDiv{padding-bottom: 8px;}
#country, #hear{width: 263px;}
#phnDiv{padding-top: 3px;}

#commentslbl {width: 9.0em;}
#emailDiv {clear: left;}
.small {
font-size:12px;
}

#featured{ 
	width:562px; 
	height:360px;
	padding: 10px  0;
	margin: 0;
	position:relative; 
	background-image:url(../images/feature/sliderbg.jpg);
	background-repeat:no-repeat;
	float: left;
}
#featured h1{width: 540px; position:absolute; left: 10px; top: 0; border-bottom: 1px solid #ccc; color: #222; font-size: 1.5em; line-height: 1.6em; }
#featured .ui-tabs-nav { 
	
	position:absolute; 
	top:0px; left: 0px;
	list-style:none; 
	padding:0 0 0 0; margin:8px 0 0 0; 
	width:100%;
	height:32px;
	background-image:url(../images/feature/hometabbg.gif);
	background-repeat:repeat-x;
	
}
#featured .ui-tabs-nav-item { 
	padding:9px 4px 0 4px;
	margin:0;
	font-size:10px; 
	color:#FFFFFF;
	font-weight:bold;
	float:left;

	height:32px;
	
}
#featured .tabborder {
float:left;
padding:0 5px;
margin:0;
background-image:url(../images/feature/tabborder.gif);
background-repeat:no-repeat;
background-position:top;
width:2px;
height:32px;
}
#featured .imageframe {
width:328px;
height:267px;
margin:19px 0 0 17px;
background-color:#FFFFFF;
padding:8px 0 0 8px;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:1.5em; font-family:verdana; 
	line-height:1.7em; 
}
#featured .ui-tabs-nav-item a{ 
	color:#FFFFFF;
	font-weight:bold; 

}
#featured .ui-tabs-nav-item a:hover{ 
	color:#0e1c23;
}
#featured li.ui-tabs-selected{ 
	background:url('../image/featureList/selected-item-r.gif') top left no-repeat;  
	
}
#featured .ui-tabs-nav .ui-tabs-selected a{ 
color:#0e1c23;
}
#taboverflow {
margin-top:32px; 
height:300px;
width:562px;
overflow:hidden;
position:relative;
}
#featured #tabcontainer {

width:2810px;
height:300px;
position:absolute;
left:0px;
}
#featured .ui-tabs-panel{ 
float:left;
	width:562px; height:380px; 
	padding:0;
	background:transparent; position:relative;
	left: 0px;
	top:0px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 

	top:10px; left:367px; 
	height:70px; 
	width: 185px;

	z-index: 10; 
}


#featured .info h2{ 
	font-size:1.2em; line-height: 1.3em; font-family:arial, sans-serif; 
	color:#fff; padding: 3px 5px 0px 5px; margin:0;
	overflow:hidden; 
}
#featured .info p { 
	margin:0 5px; 
	padding:6px 0;
	font-family:verdana; font-size:13px; 
	line-height:14px; color:#ffffff;
}
#featured .info p a { 
	text-decoration:none; 
	color:#6a7e89; 
}
#featured .info h2 a {
font-size:20px;
color:#6a7e89;
font-weight:bold;

} 
#featured .info h2 {
margin-bottom:6px;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#footer { width:100%; height:80px;  background-color: #2c3c4c; padding:10px 0;  }
#footerMain{
	width: 300px; 
	color: #ebeae9;
	float:left;
	}
#footerMain ul{ text-align: left !important; font-weight: normal !important; font-size: .7em !important; line-height: 1em !important; padding: 10px 0 0 15px; !important;}
#footerMain ul li{color: #ebeae9 !important;}
#linkLogos  {
float:left;
margin:40px 0 4px 15px;
}
#linkLogos li { display:inline; padding:20px 4px;}
#linkLogos li a{padding: 0 !important; margin: 0 5px 0 5px !important;}

#footerMain a:hover{color: #ebeae9 !important; text-decoration: underline !important;}


#footer2 {
 background-color: #2c3c4c;
 color: #ebeae9;
 margin:0 0 0 450px;
 width:430px;
 font-weight: normal !important; font-size: .7em;
 padding:10px 0px;
}
#footer2 ul {
margin-bottom:20px;
}
#footer2 ul li {
display:inline;
padding:24px 8px;
}
#footer2 ul li a {
 color: #ebeae9;
}
.clientstable td {
padding:4px 4px;
vertical-align:top;
margin:0;
font-size:11px;
}
.clientstable td h3 {
font-size:14px;
}
.clientstable td img {
padding:0;
margin:0;
border:none;
}

#clientnav li.first {
padding-left:0px;
}

.nav-wrap { margin: 20px auto;  background-color: #4c5a67; border-top: 2px solid #000; border-bottom: 2px solid #000; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-one li a:hover { color: white; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }

#example-two { margin: 0 auto;  list-style: none; padding: 6px 0 4px 30px; position: relative; width: 960px; }
#example-two li { float: left; }
#example-two li a { position: relative; z-index: 200; color: #bbb; font-size: 14px; padding: 6px 10px 4px; text-decoration: none; text-transform: uppercase; }
#example-two #magic-line-two { position: absolute; float: none; padding: 6px 0 4px; top: 0; left: 0; width: 100px; background: rgba(220, 133, 5, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.current_page_item a, .current_page_item_two a { color: white !important; }
.myClass, .myClass a {
color:#00FF33;
margin:0;
}

#clients {
margin:0;
padding:0;
}
#clients h1 {
margin:20px 0 0 30px;
}
#clients h2 {
margin:0px 0 0 30px;
font-size:16px;
}
#clients p.indent {
margin:0px 20px 0 30px;

}
#clients table {
margin:20px 0 0 30px;
}
.homeheader {
font-size:8px;
height:1px;
}
.homeheader span {
display:none;
}