/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#000;
	min-width:980px;
	background:#fff;
}

.bg {width:100%; min-height:228px; padding:80px 0 45px 0; background:url(../images/bg.jpg) center 0 no-repeat #2662aa;}
#page1 .bg {padding:80px 0 6px 0;}
#page4 .bg {
	padding-top: 210px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#page5 .bg {padding:80px 0 0 0; min-height:150px;}
.main {
	font-size:0.8125em;
	line-height:1.461em;
}

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

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:940px; margin:0 auto; position:relative;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#787878;}

.pelativ {position:relative;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:125px 0 0px 0px;}
.indent1 {padding-right:15px;}
.indent2 {padding-left:17px;}
.indent3 {padding-right:58px;}
.indent4 {padding:0 22px 0 30px;}
.indent5 {padding:0 0px 0 40px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent1 {float:left; margin:10px 10px 0px 0;}	
.img-indent2 {float:left; margin:0 10px 0px 0;}	
.img-indent3 {float:left; margin:0 2px 0px 0;}	
.img-indent4 {float:left; margin:0 6px 0px 0;}	
.img-indent5 {float:left; margin:5px 42px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link, .link-1, 
.link-3, .link-4,
.link-5,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:113px; width:100%; background:#060606; position:relative;}

h1 {padding:0px 0 0 0; position:relative; z-index:1;}
.twitter-logo {display:block; width:143px; height:47px; text-indent:-5000px; background:url(../images/twitter-logo.png) 0 0 no-repeat; position:absolute; right:0; top:33px;}
.facebook-logo {display:block; width:132px; height:40px; text-indent:-5000px; background:url(../images/facebook.png) 0 0 no-repeat; position:absolute; right:160px; top:38px;}
.logo {
	display:block;
	width:315px;
	height:145px;
	font-size:62px;
	line-height:1.2em;
	letter-spacing:-2px;
	font-weight:bold;
	padding-left:65px;
	background:url(../images/header.png) 0 10px no-repeat;
	position:absolute;
	top:181px;
	left:1px;
	z-index:999;
}
h1 span {display:inline-block; font-size:13px; color:#000; position:absolute; left:67px; top:246px; font-weight:normal;}

.sf-menu {padding:0px 0px 0 0; position:absolute; float:left; top:45px; left:0; z-index:2;}
.sf-menu li {float:left; font-size:19px; font-weight:bold; line-height:24px; padding:0 31px; background:url(../images/menu-li-spacer.gif) right 3px no-repeat;}
.sf-menu li a {display:block; color:#fff;}
.sf-menu li .active, .sf-menu li a:hover, .sf-menu li.sfHover > a {text-decoration:underline;} 
.sf-menu .first-item {padding-left:0;}
.sf-menu .last-item {padding-right:0; background:none;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			173px; /* left offset of submenus need to match (see below) */
	
	color:#fff;
	text-transform:uppercase;
	padding:7px 0;
	background:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.sf-menu ul ul {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.sf-menu li {
	position:		relative;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			70px; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
	top:			-999em;
	width:174px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			176px; /* match ul width */
	top:			-7px;
}
.sf-menu li li {
	width:100%;;
	float:none;
	line-height:32px;
	background:#000;
	border-right:none;
	border-bottom:1px solid #1b1a1a;
	padding:0;
	font-size:10px;
}

.sf-menu li li.last {
	border-bottom:none;
}

.sf-menu li li a {
	color:#fff;
	padding:0 0 0 22px;
	text-align:left;
	line-height:32px;
	font-weight:normal;
	text-decoration:none !important;
}

.sf-menu li li a:hover, .sf-menu li li.sfHover a {
	color:#000;
}

.sf-menu li li li a { 
	color:#fff !important;
}

.sf-menu li li li a:hover {
	color:#000 !important; 
} 

.sf-menu li.sfHover li:hover, .sf-menu li.sfHover li.sfHover {background:#fbcb0a;}
.sf-menu li.sfHover li.sfHover li:hover {background:#fbcb0a;}


/*********************************content*************************************/
#content {width:100%; padding:0px 0px 0px 0px;}
.padding {
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#page5 .padding {padding: 80px 0 45px 0;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:27px; line-height:2em; color:#9e9e9e; letter-spacing:-1px;}
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; line-height:1.2em; color:#000; margin:0 0 16px 0; letter-spacing:-1px; text-transform:uppercase;}
h6 {font-size:13px; line-height:16px; color:#fff; text-transform:uppercase; font-weight:normal;}

.scroll-pane {overflow:auto; height:485px; position:relative;}
.scroll-pane .padding-r {padding-right:25px;}

/*==========================================*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 40px;
	top: 0;
	height: 100%;
	background:url(../images/scroll-tail.gif) center 0 repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../images/scroll-pointer.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.border-bot {width:100%; padding-bottom:12px; background:url(../images/spacer.gif) 0 bottom repeat-x;}

.box {min-height:80px; padding:26px 25px 28px 34px; background:#262626;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
.box .padding {padding:50px 65px 30px 68px;}

.box-2 {position:relative; width:100%; min-height:485px; padding:0 5px;}

.box-3 {height:104px; width:100%;}
.box-3 .padding {padding:18px 5px 0 8px;}
.box-3 h4 {margin:0; padding-left:50px;}
.box-3 h4 span {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height:16px; color:#000; margin:0; display:inline-block; text-transform:none; letter-spacing:normal; }

#item1 h4 {background:url(../images/pic-16.png) 0 0 no-repeat;}
#item2 h4 {background:url(../images/pic-12.png) 0 0 no-repeat;}
#item3 h4 {background:url(../images/pic-13.png) 0 0 no-repeat;}
#item4 h4 {background:url(../images/pic-12.png) 0 0 no-repeat;}
#item5 h4 {background:url(../images/pic-16.png) 0 0 no-repeat;}
#item6 h4 {background:url(../images/pic-14.png) 0 0 no-repeat;}

.box-3.alt {background:url(../images/hover.png) 0 0 no-repeat; cursor:pointer;}

#item1:hover h4 {background:url(../images/pic-16-hover.png) 0 0 no-repeat;}
#item2:hover h4 {background:url(../images/pic-12-hover.png) 0 0 no-repeat;}
#item3:hover h4 {background:url(../images/pic-13-hover.png) 0 0 no-repeat;}
#item4:hover h4 {background:url(../images/pic-12-hover.png) 0 0 no-repeat;}
#item5:hover h4 {background:url(../images/pic-16-hover.png) 0 0 no-repeat;}
#item6:hover h4 {background:url(../images/pic-14-hover.png) 0 0 no-repeat;}

.button {display:inline-block; font-size:13px; line-height:26px; padding:0 14px; color:#fff; text-decoration:none; background:url(../images/btn-tail.gif) 0 0 repeat-x #b43327;
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	cursor:pointer;
}
.button:hover {background:#ffc600; color:#000;}

.button2 {display:inline-block; font-size:13px; line-height:26px; padding:0 14px; color:#fff; text-decoration:none; background:url(../images/btn-tail.gif) 0 0 repeat-x #b43327;
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
}
.button2:hover {background:#000;}

.list li {float:left; margin-right:22px; padding:7px; background:#242228;}
.list li a {display:block;}
.list .last {margin:0;}

.list-1 li {
	line-height:19px;
	background:url(../images/marker.gif) 0 0px no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
}
.list-1 li a {color:#787878; text-decoration:none; display:inline-block;}
.list-1 li a:hover {text-decoration:underline;}
#page2 .list-1 li {padding:0 0 12px 30px;}

.list-3 {margin-bottom:10px;}
.list-3 li {font-size:13px; line-height:24px;}
.list-3 li a {color:#787878; text-decoration:none;}
.list-3 li a:hover {color:#fff; text-decoration:underline;}
.last-list {margin:0;}

.link {color:#25cfff; font-style:italic;}
.link:hover {text-decoration:underline;}

.link-1 {font-size:11px; color:#fff; text-transform:uppercase;}
.link-1:hover {text-decoration:underline;}

.link-2 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-2:hover {color:#fff;} 

.link-3 {color:#ffda00;}
.link-3:hover {text-decoration:underline;}

.link-4 {color:#ffc400; font-weight:bold;}
.link-4:hover {color:#fff;}

.link-5 {color:#000; font-weight:bold;}
.link-5:hover {text-decoration:underline;;}

.text-1 {display:inline-block; color:#000; position:absolute; bottom:-2px;} 
.text-2 {display:block; color:#787878; line-height:16px; margin:0 0 10px 0;}  
.text-3 {color:#787878; line-height:16px;}

dl span {float:left; width:90px;}
dl {line-height:16px;}

#contact-form {display:block; width:570px; overflow:hidden; position:relative; vertical-align:top;}
#contact-form fieldset {border:none; padding:0;}
#contact-form .field {height:35px; display:block; position:relative;}
#contact-form input {width:333px; font-size:12px; color:#000; margin:0; padding:8px 7px 7px 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	border-top:1px solid #bcbebe; 
	border-left:1px solid #9c9c9c; 
	border-right:1px solid #9c9c9c; 
	border-bottom:1px solid #bcbebe; 
	background:#e2e4e4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#contact-form textarea {height:241px; overflow:auto; width:550px; font-size:12px; color:#000; margin:0; padding:8px 7px 7px 10px;
	font-family:Arial, Helvetica, sans-serif; 
	border-top:1px solid #bcbebe; 
	border-left:1px solid #9c9c9c; 
	border-right:1px solid #9c9c9c; 
	border-bottom:1px solid #bcbebe; 
	background:#e2e4e4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#contact-form a {cursor:pointer;}
#contact-form .alignright {padding-top:12px;}
#contact-form small {color:red; font-weight:bold; padding:0 0 0 5px;}
#contact-form label {display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#contact-form strong {padding:0 0 2px 9px; display:inline-block; color:#838383; }
#contact-form .error {color:red; display:none;}
.buttons-wrapper {padding-top:25px; text-align:right;}
.buttons-wrapper a {margin-left:20px;}
.download-box {color:#fff;}
label.msg {color:#fff;}
#contact-form .textarea-box {position:relative;}
#contact-form .textarea-box label {
    right: 10px;
    position: absolute;
    top: 256px;
}

.arrow-top {height:22px; background:url(../images/pic-9.jpg) 220px 0 no-repeat;}

iframe {width:418px; height:170px; border:1px solid #d6e0e2;}

/*********************************aside*************************************/
aside {display:block; width:100%; height:230px; overflow:hidden;}

/****************************footer************************/
#footer_container {
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 80px;
	background-color:#212121
}
.centercolumn { width: 960px; margin: 0px auto 0px auto; }
#foot { text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 10px 0px 0px 0px; }

.list-services {padding:0px 0px 0px 0px;}
.list-services li {float:left; padding:0 0 0 10px;}

/*************************menu********************************/
 .kwicks {  
     list-style: none;  
     position: absolute;  
	 float: left; 
	 top:45px; 
	 left:0;
     margin: 0;  
     padding: 0;  
	 background-image:url(../images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../images/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

#kwick1 a{
	background-image:url(../images/end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick4 a{
	background-image:url(../images/end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick4 a:hover{
	background-position: right -120px;
}