html, body, div, span, object, iframe,
p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, caption, tbody, tfoot, thead {  
	margin: 0; padding: 0; 
	border: 0; outline: 0; 
	font-size: 100%; 
	vertical-align: baseline;  
	background: transparent;
	
}
body
{
	background: #EBEBEB url('../images/bg-header.png') repeat-x center top; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	line-height:22px;
	color: #001941;
}
/*
 * HEADINGS
 * **********************************************/
 
h1, h2, h3, h4, h5, h6 { margin-top: 5px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size:22px; line-height: 15px; margin-bottom: 20px;}
h2 { font-size:20px; line-height: 20px; margin-bottom: 20px; }
h3 { font:19px; line-height: 22px; margin-bottom: 20px; }
h4 { font:16px; line-height: 28px; margin-bottom: 4px; }
h5 { font-size: 14px; line-height: 24px; margin-bottom: 4px; }
h6 { font-size: 11px; line-height: 21px; }

h3.section-header { background:url(../images/headers-bg3.png); margin-bottom:15px; }
h3.section-header span { padding:7px 10px 6px 2px; background:#fff; }

h4.section-header { background:url(../images/headers-bg3.png); margin-bottom:15px; }
h4.section-header span { padding:7px 10px 6px 2px; background:#fff; }

img {border:none;}
ul li {list-style:none;}
a { color:#000; text-decoration:none; }
a:hover { color:#157EEA;  }
hr{border: solid 1px #ddd}


.small{font-size: 11px;}
.large{font-size: 20px;}
.bold {font-weight:bold;}
.content
{
	box-shadow: 0 0 30px 0 #4E4E4E;
	border-radius: 5px;
	background: #fff;
}

.item ul{	
	padding:0 0 8px 0; }	
	
.item ul li{ 
	line-height:19px;
	padding-bottom:5px;
	padding-left:18px; } 
ul.list-blue li 
{
	background:url(../images/bullets/bullet-blue.png) no-repeat 0 6px; 
    line-height:19px;
	padding-bottom:5px;
	padding-left:18px;
	
}	
	
#header
{
	height: 120px;
}

.left{float:left;}
.right{float:right;}
.center{text-align: center;}
.clear{clear: both;}
.logo_top { margin-top: 10px; margin-left: 20px;}

.blue {background-color: #1aa1e2 ; color: #fff;}.blue a {color: #fff; }
.bluedark {background-color: #001941 ; color: #fff;} .bluedark a {color: #fff;}.bluedark a:hover{color: #F0FF00; }
.black {background-color: #000 ; color: #fff; } .black a {color: #fff; }
.white {background-color: #fff ; color: #000; } .white a {color: #000; } 
.orange {background-color: #E3A21A ;  color: #fff; } .orange a {color: #fff; }
.greenlight {background-color: #6CB818 ;  color: #fff; }.greenlight a {color: #fff; }
.greendark {background-color: #018F17 ;  color: #fff;}.greendark a {color: #fff;}
.green {background-color: #6BB41D ;  color: #fff;}.green a { color: #fff;}
.red {background-color: #B11B41 ;  color: #fff;}.red a { color: #fff;}
.purple {background-color: #603CBA ;  color: #fff;} .purple a{ color: #fff;}
.upper {text-transform: uppercase;}
.silver{background-color: #F4F4F4; color: #000; text-shadow:1px 1px #EAEAEA; } .silver a{color: #001941; }.silver a:hover{color: #1aa1e2; }
.round {background-color: #eaebeb; }
.item
{
	margin-bottom: 10px;	
    display: block;
}
.item_set
{
	margin-bottom: 20px;	
    display: block;
    min-height: 200px;
}
.S{height: 50px; line-height: 38px}
.M{height: 120px; }
.ML{height: 180px;}
.L{height: 250px; }
.XL{height: 350px; }
.XXL{height: 500px; }
.item .img
{
	display: inline-block;

}
.shadow  {
	box-shadow: 0 10px 8px -8px #999999;
}

	#navigation{
		background:url(../images/navigation_bg.png);
		display:block;
		width:960px; height:50px;text-shadow:1px 1px #EAEAEA;
	}
	#navigation ul li{
		background:url(../images/menu_separator.png) no-repeat right top;
		display:block; float:left;
		line-height:15px;
		height:50px;
		line-height:50px;
		position:relative;
	}
	#navigation ul li ul li{
		background: #fff;
	}
	#navigation ul li ul li:hover{
		background: #93EAFF;
	}
	#navigation li a{
		font-size:13px;
		color:#000;
		display:block;
		padding: 0px 20px 0 20px;
		text-transform:uppercase;
	}
	#navigation li a span{
		color:#6c6c6c;
		clear:both;
		display:block;
		font-size:11px;
		text-transform:lowercase;
	}
		/* Sub navigation */
		#navigation .sub_menu{
			display:none;
			background:#fff;
			position:absolute;
			top:50px;
			left:0;
			z-index:9998;
			border: solid 1px #ddd;min-width: 200px;
		}
		#navigation .sub_menu ul
		{
			border: solid 1px #ddd;
			
			
		}
		#navigation .sub_menu li{
			clear:both;
			background:#fff;
			height: 30px;
			line-height: 30px;
			border-bottom: solid 1px #ddd;z-index:9999;
		}
		#navigation .sub_menu li a{
			display:block;
			margin:0;
			font-size:11px;
		}
		
.sf-menu, .sf-menu * {
	margin:	0;
	padding:0;
	list-style:none;
	z-index:9998; }

.sf-menu { line-height:1.0;}
	
.sf-menu ul {	
	position:absolute;
	top: -999em;
	min-width: 12em;
	/* left offset of submenus need to match (see below) */ }
	
.sf-menu ul li { width: 100%;}
	
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
	
.sf-menu li { float: left; position: relative;}
	
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0px;
	top: 115px; /* match top ul list item height */
	z-index: 99;}
	
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;}	
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0;}	
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {	top: -999em;}	
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {	left: 10em; top: 0;}
	
.sf-menu li li a{font-weight:normal}

/* Theme Skin */

.sf-menu { float: left; 	padding-bottom: 0px;}
.sf-menu a, .sf-menu a:visited  { color: #fff; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } 

/* Arrows (optional) */

.sf-menu a.sf-with-ul { padding-right: 2.25em; 	min-width: 1px; }
	
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 12px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; }
	
a > .sf-sub-indicator {  top: .8em; background-position: 0 -100px; }
	
/* Apply Hovers to Modern Browsers  */

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/ }	

/* Point Right for Anchors in Sub menu */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* Apply Hovers to Modern Browsers */

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { 
	background-position: -10px 0; /* arrow hovers for modern browsers*/ }


/*
	BREADCRUMB
*/
#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('../images/bc_bg.png');
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border-top:solid 1px #cacaca;
    border-bottom:solid 1px #cacaca;
    overflow:hidden;
    margin-bottom:20px;
    padding:0px;
}
#breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:10px;
    text-transform: uppercase;
}

#breadcrumb li
{
    height:30px;
    display:block;
    background-image:url('../images/bc_separator.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

.home
{
    border: none;
    margin: 8px 0px;
}


/*
	ITEM
*/
.item h4
{
	width: 100%;
	margin: 0px;
	display: inline-block;
	background: url(../images/title.jpg);
	color: #000;
	text-transform: uppercase;
	line-height: 40px;
}
.item h4 span{	padding: 5px 0px 5px 5px;text-shadow: 1px 1px 1px #fff;}
.item .alt
{
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;	
    position: absolute;
    text-align: center;
    z-index: 999; 
    background-color: #000 !important;
    color: #fff;  
    margin-left: 0px;
}

.item .category
{
	position: absolute;
	display: inline-block;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 10px;
}
.item_inner
{
	margin: 3px;
	padding: 2px;
}
.item .border
{	
	border: solid 1px #ddd;
}
.description
{
	top: 100px;
	color: #848484;
	text-transform: lowercase;
}
/*
	SHOP
*/
#product_detail .price
{    
	color: #F17A16;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 23px;
    font-weight: bold;
}
#product_detail .checkmark
{
	background:url(../images/bullets/bullet-checkmark.png) no-repeat;
	width: 25px; height: 16px; margin-top: 5px;
	display:inline-block;
}
/*
	TOP MENU
*/
#top_menu {
	color: #000;
	float:right; 
	text-shadow: 1px 1px 2px #f5f3f3;
	text-transform: uppercase;
	font-size: 12px;
	margin: 20px 20px 0px 0px;
	background: #001941;
	border-radius: 5px;
}	



/* Styles for the entire LavaLamp menu */        
ul.lavaLamp {
	list-style:none;
	/*overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul.lavaLamp li{
	position:relative; /* allows us to set the z-index */
	z-index:5; /* raises the z-index of the line item 5 levels all other elements */
	margin: 0px 5px;
	padding:5px 10px 4px;
	float:left; /* floats list items to the left, creating a horizontal menu */
}
ul.lavaLamp li.backLava {
	background-color:#354A6C;
	color: #FFF;
}
ul.lavaLamp li a {
	font-weight: normal;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	padding:10px;
}
.opacity
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=60);	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.6;	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.6;    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.6;
}
#footer
{    
	margin-top: 50px;
    width: 100%;
    background: #2896c7 url("../images/line.png") repeat-x;
    color: #fff;
    font-size: 11px;
    min-height: 200px;
    
	text-shadow: 1px 1px 1px #000;
}
#footer_inner
{   
	background: url("../images/a20.png") no-repeat center; 
	padding-top: 30px;
    display: inline-block;
}
#bottom
{   
	color: #7a7a7a;
	font-size: 11px;
	height: 25px;
	line-height: 25px;	
	background: none repeat scroll 0 0 #000;    
    width: 100%;
}
#bottom a
{
	color: #157EEA;
}
#bottom a:hover
{
	color: #00A2FF;
}
.radius{ border-radius: 5px; }
.divider { width:100%; height:1px; background:#eaeaea; margin-top:20px; margin-bottom:20px; }
.divider2 { width:100%; height:4px; background:url(../images/headers-bg.jpg) repeat-x; margin-top:-10px; margin-bottom:10px; }
#featured_clients { position:relative;  }
#featured_clients h4{ padding-bottom:5px; }
#featured_clients .navigation { position:absolute; top:0; right:3px; width:55px; height:25px; }
#featured_clients .navigation a { float:left; }
#featured_clients .navigation .prev { display:block; width:20px; height:25px; background:#f3f3f3; border:1px solid #ccc; margin-top:0px; padding-left:4px; }
#featured_clients .navigation .prev { font-size:23px; text-decoration:none; color:#666; box-shadow:1px 1px 4px #dadada; border-radius:3px; }
#featured_clients .navigation .next { display:block; width:18px; height:25px; background:#f3f3f3; border:1px solid #ccc; margin-top:0px; padding-left:4px; } 
#featured_clients .navigation .next { font-size:23px; text-decoration:none; color:#666; margin-left:5px; box-shadow:1px 1px 4px #dadada; border-radius:3px; }
#featured_clients .navigation .prev:hover { background:#2386ec; border:1px solid #2386ec; color:#fff; }
#featured_clients .navigation .next:hover { background:#2386ec; border:1px solid #2386ec; color:#fff; }

#featured_clients .clients ul li { width: 295px; height:95px; margin-right:11px; background:#fcfcfc; border:1px solid #e0e0e0; padding:5px; border-radius:5px; box-shadow:1px 1px 4px #dadada; margin-bottom:10px; text-align:center; }
#featured_clients .clients ul li:hover { border:1px solid #ccc; }
#featured_clients .clients ul li a { color:#157EEA; text-decoration:none; text-shadow:1px 1px #ccc; }
#featured_clients .clients ul li img { margin-top:5px; opacity:0.7; }
#featured_clients .clients ul li img:hover { opacity:1; }

/*
 * SLIDER
 **************************************************/
#slides { position:relative; }
.slides { background:#001941 ; padding: 10px;}
.slides_container { position:relative; width:960px; height:300px; overflow:hidden; }
.slides_container .caption { position:absolute; bottom:14px; left:14px; background:#000; width:260px; height:95px; color:#fff; opacity:0.8; padding:7px; border-bottom:2px solid #157EEA; font-size:11px; }
.slides_container .caption h3 { color:#f3f3f3; margin-top:5px; margin-bottom:5px; }
.slides .pagination { position:absolute; top:330px; left:350px; width:500px; height:22px; z-index:10; list-style:none;}
.slides .pagination li { float:left; }
.slides .pagination li a { display:block; width:12px; height:12px; background:url(../images/slider_dot.png) no-repeat; z-index:10;}
.slides .pagination li a { margin-right:10px;	 text-indent:-4000px; font-size:0px; z-index:10; }
.slides .pagination li.current a { display:block; width:12px; height:12px; background:url(../images/slider_dot_active.png) no-repeat; z-index:10; }

.sortable_control
{
    margin: 0 0 20px;
}
.sortable_control ul li {
    float: left;
    margin: 0;
    padding: 0;
}
.sortable_control ul li a {
    background: url("../images/backgrounds/button-white-on-left.jpg") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-family: arial,verdana,georgia;
    height: 32px;
    padding: 0 0 0 15px;
    text-decoration: none;
    width: auto;
}
.sortable_control ul li a span {
    background: url("../images/backgrounds/button-white-on-right.jpg") no-repeat scroll right 0 transparent;
    color: #292929;
    display: block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 0 6px 0 0;
    padding: 0 15px 0 0;
    text-shadow: 0 1px 0 #FFFFFF;
}
.sortable_control ul li a:hover, .sortable_control ul li.active a, ul#sortable_control li a.current {
    background: url("../images/backgrounds/button-white-hover-left.jpg") no-repeat scroll 0 0 transparent;
}
.sortable_control ul li a:hover span, .sortable_control ul li.active a span, ul#sortable_control li a.current span {
    background: url("../images/backgrounds/button-white-hover-right.jpg") no-repeat scroll right 0 transparent;
}