/*
Design by http://www.templateaccess.com
Released for free under a Creative Commons Attribution 3.0 License
*/

body { margin:0; padding:0; width:100%; color:#959595; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-image:url('../images/BitBg.png'); background-repeat:repeat-x;background-position:left top} /*background-color:#f0f0f0;*/
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo { padding: 5px 10px 5px 10px; float:left; width:297px; height:90px; background-image:url('../images/BitElectricsLogo.jpg'); background-repeat:no-repeat; background-position: center center}
h1 { margin:0; padding:16px 0; color:#0070C0; font:bold 38px/1.2em lucida console, Arial, Helvetica, sans-serif; letter-spacing:-2px;}
h1 a, h1 a:hover { color:#b6b4b4; text-decoration:none;}
h1 span { color:#0070C0;}
h1 small { display:block; padding:0; font:normal 14px/1.2em Arial, Helvetica, sans-serif; letter-spacing:normal;}
h2 { font:normal 24px Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#016836;}
h3 { font:normal 12px Arial, Helvetica, sans-serif; padding:4px 0; margin:4px 0; color:#016836;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#225CA7}
a { color:#225CA7; text-decoration:underline;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header_resize { margin:0 auto; padding:0; width:970px;}

/* hbg */
/*.hbg { background:url(images/image.jpg) no-repeat center 20px; height:191px;}*/

/* menu */
.menu_nav { margin:0; padding:0; float:right;}
.menu_nav ul { list-style:none; padding-right:40px;}
.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(images/menu.gif) no-repeat right center;}
.menu_nav ul li a { display:block; margin:0; padding:30px 16px; color:#959595; text-decoration:none; font-size:13px; text-transform:uppercase;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#225CA7;}

/* content */
.content_resize { margin:0 auto; padding:0; width:970px;}
.content .mainbar { margin:0; padding:0; float:left; width:720px;}
.content .mainbar img { padding:4px; border:1px solid #b7b7b7;}
.content .mainbar img.fl { margin:4px 16px 4px 0; float:left;}
.content .mainbar .article { margin:0; padding:16px 24px 24px 40px;}
.content .sidebar { padding:0; float:right; width:250px;}
.content .sidebar .gadget { margin:0; padding: 10px 16px 10px 40px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}
ul.ex_menu li { padding:4px 0 8px 12px;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:underline; margin-left:-12px; padding-left:12px;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#225CA7; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:none;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg_resize { margin:0 auto; padding:0 40px; width:890px;}
.fbg img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:616px;}
.fbg .c2 { padding:0 0 0 16px; width:210px;}
.fbg .c1 img { margin:8px 16px 4px 0; float:left;}

/* footer */
.footer_resize { margin:0 auto; padding:24px 40px; width:890px;}
.footer p.lf { margin:0; padding:4px 0; float:left; width:290px; line-height:1.5em;}
.footer p.rt { margin:0; padding:4px 0; float:right; width:290px; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 2px 0 0; float:left;}
ul.fmenu li a { color:#959595; text-decoration:none; padding:30px 16px 16px;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#00b3ea;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}

.header, .hbg, .content, .fbg, .footer { padding-top:20px;}
.header_resize, .content_resize, .fbg_resize, .footer_resize { background-color:#fff;}

/* Button */
.buttonWrap{width:170px; height:50px; display:block;}
	
.toggleButton a{
	display:block;
	width:170px;
	height:30px;
	padding:10px 0 0 0;
	text-size:24px;
	font-family:arial, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	border-radius:7px;
	cursor:pointer;
	border:1px solid #105585;
	text-shadow:-1px -1px 0px #105585;
	background: #A4BED1;
	background: -moz-linear-gradient(top, #A4BED1 0%, #4B7FA3 40%, #105585 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4BED1), color-stop(40%,#4B7FA3), color-stop(100%,#105585));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A4BED1', endColorstr='#105585',GradientType=0 );
}
.toggleButton a:hover{		
	background: #A4BED1;
	background: -moz-linear-gradient(top, #105585 0%, #4B7FA3 40%, #A4BED1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#105585), color-stop(40%,#4B7FA3), color-stop(100%,#A4BED1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105585', endColorstr='#A4BED1',GradientType=0 );
}
		
.button a {
	clear: both;
	display: block;
	width: 75px;
	height: 24px;
	padding: 4px 27px 0 0;
	margin-top: 15px;
	/*background: url(images/templatemo_button.png) no-repeat;*/

	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	/*background: url(images/templatemo_button_hover.png) no-repeat;*/
}

/* Zoom-Info JQuery Plugin */
.galleryContainer {width: 675px;}
.galleryImage { background-color:white; width:220px; height:170px; overflow:hidden; margin:1px; float:left;}
.info    { margin-left:5px; font-family:arial;padding:1px;}
.info h3 { color:gray;}
.info ul li { color:green; font-size:x-small; line-height:100%; list-style-type:none}
.clear { clear:both; margin-top:10px;}