/* Project Stylesheet */

/***************************************************************************//* WHITESPACE RESET */

*, body {padding:0;
	margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0;}
li, dd 		{margin-left:0;}
fieldset 	{padding: .5em;}
body {background:#231f20 url(images/bg.png) repeat-x 0 0;
	font: 62.5% Arial, Tahoma, "Lucida Grande", Verdana, Helvetica, sans-serif;}
h1, h2, h5, h6 {text-transform:uppercase;
	color:#abadad;}
h1, h5 {font:30px/140% Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0 0 20px;}
h1	{letter-spacing:5px;}
h2 	{font:16px/140% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:8px;}
h3 	{float:left;
	width:420px;
	color:#fff;
	padding-left:25px;
	padding-right:30px;
	padding-bottom: 0.25em;}
h8 a:hover	{color:#999;}
h5 {letter-spacing:2px;}
h6 {font:15px/110% Verdana;
	padding:8px 0 0 20px;
	letter-spacing:2px;
	margin-left:2em;
	margin-bottom:10px;
	font-weight:bold;}
h8 	{padding-left:25px;}
h8, h8 a, h8 a.visited	{width:100px;}
h8, h8 a, h8 a.visited	{float:left;
	color:#fff;
	padding-right:30px;
	padding-bottom: 0.25em;}
p 	{margin-bottom:1em;}

#pressLink a	{color:#fff;
				text-decoration:none;
				font-weight:bold;}
#pressLink p	{font-size:10px;}

/***************************************************************************//* WRAP */
#wrap {background:#3a3a3a;
	width:802px;
	margin:66px auto 20em auto;}

/***************************************************************************//* HEADER */
#header {background:#262425 url(images/bg_header.png) no-repeat 0 0;
	width:802px;
	height:72px;}
#headercopy {width:660px;
	float:right;
	margin-top:40px;}
.phone {color:#ccc;
	font-size:12px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
a.login {background:url(images/login.png) no-repeat 0 -3px;
	display:block;
	font-size:10px;
	height:20px;
	width:35px;
	padding-left:15px;
	padding-right:10px;
	text-decoration:none;
	color:#9ca7be;
	float:left;
	margin-top:2px;
	margin-left:40px;}
a.login:hover {color:#fff;}
input.searchbox {background:url(images/bg_search.png) no-repeat top center;
	width:122px;
	height:18px;
	float:left;
	border:none;
	text-indent:20px;
	line-height:180%;
	font-size:10px;}
input.search2{margin-top:-28px;
	height:14px;
	width:110px;
	float:left;
	margin-left:57px;
	font-size:11px;}
#blog_button{margin-left:35px;
	padding-bottom:20px;
	margin-bottom:20px;}
a.bottomNavLinks{color:#999;}
a.bottomNavLinks:hover{color:#FFF;
	text-decoration:underline;}

/***************************************************************************//* MENU */
#button1 {width: 91px; height:25px;}
#button2 {width: 92px; height:25px;}
#button3 {width: 102px; height:25px;}
#button4 {width: 122px; height:25px;}
#button5 {width: 96px; height:25px;}
#button6 {width: 101px; height:25px;}
#button7 {width: 103px; height:25px;}
#button8 {width: 87px; height:25px;}
#menu {height:30px;
	border:0px solid #000;
	width:802px;
	font-size:10px;
	font-family:Verdana;
	text-transform:uppercase;
	position:relative;}
#menu, #menu ul {list-style:none;
	padding:0;
	margin:0;}
#menu li.topnav {float:left;}
#menu li {position:relative;
	line-height:340%;
	list-style-type:none;
	/*border:1px solid #5b5b5b;*/
	/*border-width:0 0 0 1px;*/
	height:25px;
	display:block;
	text-align:center;}
#menu li ul {position:absolute;
	/*!margin-top:-2px;*/
	margin-top:0;
	margin-left:0;
	display:none;
	/*top:34px;*/
	height:25px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
#menu li ul li {width:18em;
	text-align:left;
	text-indent:5px;
	left:0;}
#menu ul li ul {margin-top:-3.4em;
	margin-left:18em;
	!margin-left:17.5em;}
#menu a {display:block;
	color:#FFF;
	text-decoration:none;}
#menu a:hover {color:#BB1F42;}
#menu ul a {background: url(images/bg_footer2.jpg);}

/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul, #menu li:hover ul ul, #menu li.over ul ul, #menu li:hover ul ul ul, #menu li.over ul ul ul, #menu li:hover ul ul ul ul, #menu li.over ul ul ul ul {display:none;}

/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul {display:block;}

[if IE]>
<style type="text/css">
#menu li {position:static;}
*html #footer {background:url(images/bg_footer.png) repeat-x 0 0;
	width:100%;
	height:25px;
	margin-top:0px;}
*html #home_content {width:802px;
	font-size:12px;
	height:200px;
	background-color:#fff;}
*html #home_contenta, *html #home_contentb, *html #home_contentc {background-color: transparent;
	position: absolute;
	color: #009;
	top: 377px;
	text-align: center;
	border-color: #ccf;
	border-width: 6px;
	border-style: ridge;
	height: 165px;}
*html #home_contenta {left: 520px;
				width: 222px;}
*html #home_contentb {left: 245px;
	width: 225px;}
*html #home_contentc {left: 795px;
	width: 205px;}
*html #mailinglist {background-color:#3A3A3A;
	width:195px;
	margin-top:0px;
	padding-bottom:15px;}
*html #mailinglist_content{
}
*html #content_wrap {background:#000000;
	width:607px;
	float:left;
	margin-top:0px;}
</style>
<![endif]
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/***************************************************************************//* FLASH BOX */
#flashbox {background:#8ca2ad;
	width:802px;
	height:225px;}

/***************************************************************************//* HOME and INSIDE CONTENT */
#home_content_wrap {background:#666;

}
#home_content {width:802px;
	height:200px;
	background-image:url(images/home_contentBG.jpg)}
#excitment_box	{position:relative;
					top:12px;
					left:10px;
					width:504px;
					height:175px;
					background:url(images/excitement_box.jpg) no-repeat;}
#securenow_box	{position:relative;
					top:-163px;
					left:535px;
					width:254px;
					height:175px;
					background:url(images/securenow_box.jpg) no-repeat;}
#more1 a, #more2 a	{position:absolute;
				top:143px;
				width:60px;
				height:15px;
				background:url(images/more-btn.jpg) no-repeat 0 0;
				z-index:20;}
#more1 a	{left:409px;}
#more2 a	{left:175px;}				
#more1 a:hover, #more2 a:hover	{background-position:0% -15px}
.content	{font:11px Verdana, Arial, Helvetica, sans-serif;
			line-height:17px;
			color:#333;}
#content1	{position:absolute;
	left: 34px;
	top: 31px;
	width: 442px;
	height: 55px;
	z-index:10;}
#content2	{position:absolute;
	left: 21px;
	top: 31px;
	width: 218px;
	height: 85px;}
#home_contenta, #home_contentb, #home_contentc	{background-color:transparent;
				position:absolute;
				color: #009;
				top:379px;
				text-align:center;
				border-color: #ccf;
				border-width: 6px;
				border-style: ridge;
				height: 128px;}
#home_contenta {left: 542px;
	width: 222px;}
#home_contentb {left: 269px;
	width: 225px;}
#home_contentc {left: 812px;
	width: 205px;}
#home_content a {color:#7e0403;}
#home_content a:hover {color:#666;}
#content_wrap {background:#000000;
	width:607px;
	float:left;
	margin-top:190px;}
#inside_content {width:543px;
	margin:20px auto;}
#content_thumbs {width:543px;
	height:109px;}
#content_thumbs a.thumb img {float:left;
	border:none;}
#content_bubble {background:url(images/content_bubble_bg.png) repeat-y 0 0;
	width:486px;
	margin:5px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
#content_bubble_top {background:#fff url(images/content_bubble_top.png) no-repeat 0 0;
	height:68px;}
#content_bubble_bottom {background:#fff url(images/content_bubble_bottom.png) no-repeat 0 0;
	height:26px;}
.media_article {padding-bottom:2em;
	font:11px/150% Verdana, Arial, Helvetica, sans-serif;}
.media_article p, h2 {float:right;
	width:250px;
	color:#fff;
	padding-right:25px;}
.media_articleSub p {font:11px/150% Verdana, Arial, Helvetica, sans-serif;
	width:420px;
	color:#fff;
	padding-left:25px;
	padding-right:30px;
	padding-bottom: .5em;}
.media_article2 p {float:left;
	width:420px;
	color:#fff;
	padding-left:25px;
	padding-right:30px;
	padding-bottom: .5em;}
.media_article3 {float:right;
	width:400px;
	color:#fff;
	font-weight:bold;
	padding-left:25px;
	padding-right:30px;
	padding-bottom: 1em;}
.media_thumb, .media_thumb2 {float:left;
	width:161px;
	height:161px;
	margin-left:21px;}
.media_thumb	{padding-bottom:1em;}
.media_thumb2 	{padding-top: 2em;}
.media_thumb3 {float:left;
	width:80px;
	height:100px;
	margin-left:100px;
	margin-top:5px;}

/***************************************************************************//* SIDEBAR */
.leftColBtn	{text-align:right;}
.leftColBtn	a	{text-decoration:none;
					color:#fff;
					font-weight:bold;
					font-size:11px;}
.leftColBtn a:hover	{color:#930;}
#sidebar {
float:left;
margin-top:50px;
}
#sidenav, #sidebar, ul#sidenav li a, #mailinglist {width:195px;}
#sidebar, ul#sidenav li a, #mailinglist, #mailinglist_content, #mailinglist_content a	{background-color:#3a3a3a;}
ul#sidenav {list-style-type:none;}
ul#sidenav li a {background:url(images/bg_sidenav.png) no-repeat 0 0;
	height:31px;
	display:block;
	text-decoration:none;
	font-size:12px;
	text-indent:15px;
	line-height:280%;}
ul#sidenav li a:hover {background:url(images/bg_sidenav.png) no-repeat 0 -34px;
	color:#fff;}
#mailinglist {height:70px;
	margin-top:5px;}
#mailinglist_content {padding:10px;
	text-transform:uppercase;
	background:url(images/email_buttons.png) no-repeat;
	padding-top:40px;
	padding-bottom:13px;
	height:80px;}
#mailinglist_content a {text-decoration:none;
	font-size:12px;
	line-height:140%;}
#mailinglist_content a:hover {color:#ccc;}
a#live {background:#393939 url(images/blog_dark.png) no-repeat 0 0;
	width:216px;
	height:80px;
	display:block;
	margin-left:0px;
	margin-bottom:0px;}
a#contact_button_go {background:#393939 url(images/contact_dark.png) no-repeat 0 0;
	width:216px;
	height:80px;
	display:block;
	margin-left:0px;
	margin-bottom:15px;}	
.wrap2 {padding-top: 100px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f3e37;
	margin-left: 0px; margin-right: 0px;}
.bottomMargin {padding-bottom: 0px;}
	
/*tooltip*/
div.tooltip {width: 200px;
	color: #fff;
	text-align: center;}
div.tooltip h4 {color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	font-size: 11px;}
div.tooltip p {margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	font-size: 10px;}

/***************************************************************************//* accordion togglers */
.toggler {font-weight: bold;
	color: #CCCCCC;
	display:block;
	width:100%;
	cursor:pointer;
	height:25px;
	background: url(accord-BG.png) no-repeat;
	vertical-align: middle;
	padding-top:3px;}
.toggler div{margin-left: 10px;
	position: relative;}
.toggler div img{position: absolute;
	margin-top: 4px !important;
	margin-top: 0px;}
.toggler div span{margin-left: 25px;
	line-height: 20px !important;
	line-height: 25px ;}

/* toggler hover */
.togglerHover {font-weight: bold;
	color: #000000;;
	display:block;
	width:100%;
	cursor:pointer;
	height:25px;
	background: url(accord-BGOVER.png) no-repeat;
	vertical-align: middle;
	padding-top:3px;}
.togglerHover div{margin-left: 10px;
	position: relative;}
.togglerHover div img{position: absolute;
	margin-top: 4px !important;
	margin-top: 0px;}
.togglerHover div span{margin-left: 35px;
	line-height: 20px !important;
	line-height: 25px ;
	border-bottom: 1px dotted maroon;}
/* accordion elements */
.accordion {color: #ffffff;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	background: #3A3A3A;
	font: 10px Arial, Helvetica, sans-serif;}

/***************************************************************************//* FOOTER */
#footer, #footers {background:url(images/bg_footer.png) repeat-x 0 0;
	width:100%;
	height:55px;}
#footer_content {width:803px;
	margin:0 auto;
	font-size:10px;
	margin-bottom:0em;
	color:#fff;
	background-color:#000;}
#footer_content ul {width:650px;
	float:left;
	margin:5px 0 0 0;
	background-color:#000;}
#footer_content li {margin:0 0 0 30px;
	padding:0;
	display:block;
	height:18px;
	list-style-type:none;
	font-size:12px;
	float:left;
	line-height:100%;}
#footer_content li a {text-transform:uppercase;
	color:#c1bfbf;
	text-decoration:none;
	background-color:#000;}
#footer_content li a:hover {color:#fff;}
#copy {width:650px;
	margin:0 auto 0 auto;
	text-align:center;}
/*Float Patch*/	
.floatcontainer:after {content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
/* Mark Hadley's fix for IE Mac */  
.floatcontainer { display: inline-table;}
/* Hides from IE Mac \*/ 
* html .floatcontainer {height: 1%;} 
.floatcontainer{display:block;}
/* End Patch */

/*---------------------------------------------------------ordered lists ----------------------*/
ol { list-style-position: outside;
	list-style-image:url(images/bullet.png); }
ul	{list-style-image:url(images/bullet-sub.png);
	padding-left:20px;}

/*--------------------------------------------------------- Forms defaults----------------------*/
/*##########################################
Name: Default styling for Niceforms v.0.9
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/
/*Forms defaults - change as needed*/
input, textarea {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;}
label {color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {position:absolute;
	left:-3000px;}

/*Radio buttons and Checkboxes*/
.radioArea, .radioAreaChecked, .checkboxArea, .checkboxAreaChecked {display:block;
	float:left;
	clear:left;
	font-size:0;
	cursor:pointer;}
.radioArea, .radioAreaChecked	{width:15px;
	height:14px;}
.radioArea {background:url(images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;}
.checkboxArea, .checkboxAreaChecked {width:13px;
	height:13px;
	padding:0;
	margin:0;}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;}
.textinputHovered {background-position:left bottom;}
.inputCorner {padding-bottom:0;
	vertical-align:middle;}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {width:5px;
	height:5px;
	display:block;}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {border:0;
	background:none;
	padding:0;
	margin:5px;}

/*Selects*/
.selectArea {width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;}
.selectArea .left {width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;}
.selectArea .right {width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;}
.selectArea .right a {display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;}
.selectArea .right i {display:none;}
.selectArea .center {width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {margin:0;
	padding:0;}
.optionsDivVisible a {color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;}
.optionsDivVisible a:hover {color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}