/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#000; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ background:#cacaca url(../images/bgr_main.png) repeat; color:#000; font:62.5%/1 "Trebuchet MS", Arial, Helvetica, sans-serif; }
.wrapper{ margin:0 auto; width:960px; }
/* header */
#header_wrapper{
background:#000 url(../images/bgr_header_wrapper.png) repeat-x;
width:100%;
height:77px;
}
#logo{
float: left;
padding: 21px 0 0 10px;
}
#logo a{
width:158px;
height:27px;
text-indent:-9999em;
overflow:hidden;
display:block;
background:url(../images/logo.png) no-repeat;
cursor:pointer;
}
/* menu */
#menu{
float: right;
padding: 26px 0 0 0;
}
#menu li{
float: left;
font-size: 1.4em;
line-height: 1.4em;
color: #fff;
text-transform: uppercase;
font-family: Tahoma, Geneva, sans-serif;
padding: 0 0 0 50px;
}
#menu li.first{
padding: 0;
}
#menu a{
float: left;
cursor: pointer;
color: #fff;
padding: 0 0 6px 0;
}
#menu a:hover, #menu a.select{
text-decoration: none;
background:url(../images/bgr_menu_hover.gif) repeat-x bottom;
}
/* header */
#header_wrapper{
background:#000 url(../images/bgr_header_wrapper.png) repeat-x;
width:100%;
height:77px;
}
/* home_wrapper */
#home_wrapper{
width:100%;
background:#020f20 url(../images/bgr_home_wrapper.png) repeat-x bottom;
}
#home_wrapper_inner{
width:100%;
background:url(../images/bgr_home_wrapper_inner.jpg) no-repeat center top;
}
#home{
min-height: 854px;
overflow: hidden;
}
/*subtop_wrapper*/
#subtop_wrapper{
width:100%;
height: 28px;
background:#020f20 url(../images/bgr_subtop_wrapper.jpg) no-repeat center top;
}
/* featured */
#featured{
float: left;
padding: 36px 0 0 10px;
}
#featured_work{
position: absolute;
z-index: 100;
}
#featured_work a{
display: block;
cursor: pointer;
text-indent: -9999em;
background: url(../images/ico_featured.png) no-repeat;
width: 176px;
height: 175px;
}
/* lcd */
#lcd{
width: 464px;
height: 445px;
overflow: hidden;
background:url(../images/bgr_lcd.png) no-repeat;
margin: 12px 0 0 11px;
}
#lcd .websites{
width: 425px;
height: 267px;
overflow: hidden;
margin: 20px 0 0 20px;
}
#lcd .websites li{
width: 425px;
height: 267px;
overflow: hidden;
}
#lcd .websites li img{
width: 100%;
height: 267px;
display: block;
}
#lcd .nav{
width: 380px;
overflow: hidden;
margin: 66px 0 0 20px;
}
#lcd .nav a{
float: left;
cursor: pointer;
text-indent: -9999em;
background: url(../images/btn_lcd_nav.gif) no-repeat;
width: 7px;
height: 7px;
font-size: 0.1em;
}
#lcd .nav a:hover, #lcd .nav a.activeSlide{
background-position: left -7px;
}
/*welcome*/
#welcome{
float: right;
width: 410px;
padding: 75px 25px 0 0;
}
#welcome h1{
font-size: 2.4em;
line-height: 1.2em;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
letter-spacing: -1px;
}
#welcome p{
font-size: 1.4em;
line-height: 1.3em;
padding: 20px 0 0 0;
}
#welcome .get_quote{
padding: 25px 0 0 0;
}
#welcome .get_quote a{
cursor: pointer;
text-indent: -9999em;
background: url(../images/btn_get_quote.png) no-repeat;
width: 188px;
height: 64px;
display: block;
margin: 0 auto;
}
#welcome .get_quote a:hover{
background-position: left -64px;
}
/*home_blocks*/
#home_blocks{
width:940px;
overflow: hidden;
padding: 15px 10px 0 10px;
clear: both;
}
#home_blocks .testimonials_box{
width: 340px;
float: left;
margin: 0 10px 0 0;
}
#home_blocks .products_box{
width: 310px;
float: left;
}
#home_blocks .quote_box{
width: 280px;
float: left;
}
.box_title{
font-size: 2.0em;
line-height: 1.3em;
text-transform: uppercase;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
}
/*testimonials_box*/
.testimonials_box{
width: 100%;
background: url(../images/bgr_testimonials_box.png) no-repeat left 10px;
padding: 31px 0 20px 0;
}
.testimonials_box h2{
margin: 0 0 30px 42px;
}
.testimonials_box_inner{
width: 100%;
overflow: hidden;
background: url(../images/bgr_testimonials_box_inner.png) no-repeat right bottom;
padding: 0 0 45px 0;
font-size: 1.4em;
line-height: 1.4em;
}
.testimonials_box q{
padding: 0 10px 0 21px;
background: url(../images/ico_quote_left.png) no-repeat;
display: block;
margin: 0 0 0 5px;
}
.testimonials_box cite{
padding: 15px 10px 0 0;
margin: 0 0 0 5px;
font-style: normal;
display: block;
text-align: right;
}
/*products_box*/
.products_box{
width: 100%;
background: url(../images/bgr_products_box.png) no-repeat;
padding: 31px 0 20px 0;
}
.products_box h2{
margin: 0 0 30px 55px;
}
.products_box_inner{
width: 100%;
overflow: hidden;
background: url(../images/bgr_products_box_inner.gif) repeat-y 6px top;
padding: 0 0 10px 0;
}
.products_box ul{
width: 216px;
margin: 0 0 0 40px;
}
.products_box li{
border-bottom: 1px solid #bebebd;
padding: 4px 0 4px 2px;
font-size: 1.4em;
line-height: 1.4em;
}
.products_box li a{
display: block;
cursor: pointer;
background: url(../images/ico_products_list.gif) no-repeat left 6px;
padding: 0 0 0 21px;
}
/*quote_box*/
.quote_box{
width: 100%;
background: url(../images/bgr_quote_box.png) no-repeat left 5px;
padding: 31px 0 20px 0;
}
.quote_box h2{
margin: 0 0 30px 42px;
}
.quote_box_inner{
width: 225px;
margin: 0 0 0 25px;
font-size: 1.4em;
line-height: 1.4em;
}
.quote_box form{
width: 100%;
overflow: hidden;
padding: 15px 0 0 0;
}
.quote_box label.error {
display: block;
padding: 0 0 5px 0;
color: #ff0000;
position: relative;
top:-5px;
}
.quote_box .text{
width: 219px;
border: 1px solid #979797;
background: #fff;
padding: 2px;
margin: 0 0 9px 0;
}
.quote_box .textarea{
width: 519px;
}
.quote_box .select{
border:0;
background: none;
}
.quote_box .text input, .quote_box .text textarea{
width: 195px;
border: 0;
background: #fff;
padding: 2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #686767;
}
.quote_box .text select{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #686767;
width: 224px;
}
.quote_box .text textarea{
width: 515px;
height: 160px;
overflow: auto;
max-width: 515px;
}
#qf_name_label{
position: absolute;
margin: -2px 0 0 190px;
}
#qf_email_label{
position: absolute;
margin: 4px 0 0 190px;
}
.quote_box .submit{
padding: 5px 0 0 0;
}
.quote_box .submit a{
display: block;
cursor: pointer;
text-indent: -9999em;
background: url(../images/btn_submit_request.png) no-repeat;
width: 152px;
height: 32px;
}
.quote_box .submit a:hover{
background-position: left -32px;
}
.quote_box .message{
	color:#2f5e72;
	padding: 0 0 15px 0; 
}
/*contact_page*/
#contact_page .quote_box{
background: none;
padding: 0;
}
#contact_page .quote_box .submit a{
background: url(../images/btn_contact_us.png) no-repeat;
}
#contact_page .quote_box .submit a:hover{
background-position: left -32px;
}
#contact_page p img{
	vertical-align: middle;
}
/*body*/
#body_wrapper{
background: url(../images/bgr_body_wrapper.png) repeat-x;
padding: 40px 0 30px 0;
}
.body{
overflow: hidden;
}
/*content*/
.content{
float: left;
width: 620px;
padding: 19px 0 0 10px;
}
/*main_title*/
.main_title{
width: 100%;
overflow: hidden;
margin: 0 0 25px 0;
padding: 0 0 6px 0;
background: url(../images/bgr_main_title.gif) repeat-x bottom;
}
.main_title h1{
float: left;
font-size: 2.8em;
line-height: 1.1em;
text-transform: uppercase;
font-weight: normal;
font-family: Tahoma, Geneva, sans-serif;
}
.breadcrumb{
float: right;
padding: 10px 0 0 0;
}
.breadcrumb li{
float: left;
font-size: 1.3em;
line-height: 1.3em;
font-style: italic;
padding: 0 2px 0 2px;
}
.breadcrumb li a, .breadcrumb li a:visited{
font-style: normal;
color: #307e8e;
text-decoration: underline;
}
.breadcrumb li a:hover{
text-decoration: none;
}
/*sidebar*/
.sidebar{
float: right;
width: 280px;
padding: 0 5px 0 25px;
background: url(../images/bgr_sidebar.gif) no-repeat left center;
}
.sidebar .products_box_inner{
background: none;
}
.sidebar .quote_box{
padding: 31px 0 30px 0;
}
/*portfolio_item*/
.portfolio_item{
width: 100%;
overflow: hidden;
background:url(../images/bgr_portfolio_item.png) no-repeat bottom center;
padding: 0 0 27px 0;
margin: 0 0 25px 0;
}
.portfolio_item_last{
margin: 0;
padding: 0;
background: none;
}
.portfolio_item .thumb{
float: left;
width: 201px;
}
.portfolio_item .data{
float: right;
width: 419px;
}
.thumb_box{
width: 186px;
height: 191px;
overflow: hidden;
background:url(../images/bgr_thumb_box.png) no-repeat;
}
.thumb_preload{
position: absolute;
top:-9999em;
left:-9999em;
}
.thumb_box img{
width: 176px;
height: 181px;
display: block;
padding: 5px
}
.thumb_bigger{
position: absolute;
margin: 145px 0 0 133px;
z-index: 100;
}
.thumb_bigger a{
width: 45px;
height: 45px;
cursor: pointer;
display: block;
background: url(../images/btn_bigger.png) no-repeat;
text-indent: -9999em;
}
.thumb_bigger a:hover{
background-position: left bottom;
}
.portfolio_item .data h2{
color: #307e8e;
font-size: 2.2em;
line-height: 1.2em;
text-transform: uppercase;
font-weight: normal;
font-family: Tahoma, Geneva, sans-serif;
width: 100%;
overflow: hidden;
}
.portfolio_item .data h2 a, .portfolio_item .data h2 a:visited{
color: #307e8e;
}
.portfolio_item .data h2 a:hover{
text-decoration: none;
color: #25606c;
}
.portfolio_item .data h2 span{
float: left;
background:url(../images/bgr_portfolio_item_h2.gif) repeat-x bottom;
padding: 0 0 2px 0;
}
.portfolio_item .data p{
font-size: 1.4em;
line-height: 1.3em;
padding: 13px 0 0 0;
color: #282828;
}
.portfolio_item .data ul{
font-size: 1.4em;
line-height: 1.3em;
padding: 5px 0 0 0;
color: #282828;
}
.portfolio_item .data li{
padding: 5px 0 0 0;
}
.portfolio_item .data li a, .portfolio_item .data p a, .portfolio_item .data li a:visited, .portfolio_item .data p a:visited{
color: #307e8e;
text-decoration: underline;
}
.portfolio_item .data li a:hover, .portfolio_item .data p a:hover{
text-decoration: none;
}
/*content_page*/
.content_page{
width: 100%;
overflow: hidden;
font-size: 1.4em;
line-height: 1.5em;
color: #282828;
}
.content_page a, .content_page a:visited{
color: #307e8e;
text-decoration: underline;
}
.content_page a:hover{
text-decoration: none;
}
.content_page p{
padding: 0 0 20px 0;
}
.content_page ul{
padding: 0 0 20px 0;
margin: 0 0 0 50px;
list-style: disc;
}
.content_page ol{
padding: 0 0 20px 0;
margin: 0 0 0 55px;
list-style: decimal;
}
.content_page h2{
font-size: 1.4em;
line-height: 1.2em;
padding: 5px 0 20px 0;
}
.content_page h3{
font-size: 1.3em;
line-height: 1.2em;
}
.content_page h4{
font-size: 1.2em;
line-height: 1.3em;
}
.content_page h5{
font-size: 1.1em;
line-height: 1.4em;
}
.content_page h6{
font-size: 1.0em;
}
.content_page h3.sub{
font-style: italic;
margin: 0 0 20px 0;
}
.content_page .nopad{
padding: 0;
}
.content_page .blue{
color: #004561;
}
/*testimonials_page*/
#testimonials_page q{
	display: block;
	font-style: normal;
}
#testimonials_page cite{
	display: block;
	font-style: italic;
	text-align: right;
	margin: 0 0 35px 0;
}
/* footer */
#footer_wrapper{
width:100%;
min-height: 292px;
background:#1f1c1d url(../images/bgr_footer_wrapper.png) repeat-x;
}
#footer{
width: 940px;
}
#footer .links{
width: 100%;
overflow: hidden;
border-top: 1px solid #cfcfcf;
padding: 10px 0 20px 0;
font-size: 1.1em;
line-height: 1.3em;
color: #9b9b9b;
}
#footer .links a{
color: #9b9b9b;
}
#footer .links .copyrights{
float: left;
padding: 0 0 0 10px;
}
#footer .links ul{
float: right;
padding: 0 10px 0 0;
}
#footer .links li{
display: inline;
}
#footer .links li a{
text-decoration: underline;
}
#footer .links li a:hover{
text-decoration: none;
}
#btn_top{
position: absolute;
margin: -6px 0 0 902px;
}
#btn_top a{
display: block;
cursor: pointer;
text-indent: -9999em;
background: url(../images/btn_top.png) no-repeat;
width: 38px;
height: 145px;
}
#footer .blocks{
width: 100%;
overflow: hidden;
padding: 45px 0 60px 0;
}
#footer .blocks h3{
font-size: 1.8em;
line-height: 1.3em;
color: #fff;
text-transform: uppercase;
font-family: Tahoma, Geneva, sans-serif;
border-bottom: 1px solid #cfcfcf;
font-weight: normal;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
}
/*twitter_block*/
.twitter_block{
float: left;
width: 330px;
}
.twitter_block ul{
width: 100%;
overflow: hidden;
background: url(../images/ico_twitter.png) no-repeat left 15px;
}
.twitter_block li{
width: 262px;
overflow: hidden;
font-size: 1.3em;
line-height: 1.5em;
color: #cfcfcf;
padding: 5px 0 10px 68px;
}
.twitter_block li a, .twitter_block li a:visited{
color: #9b9b9b;
display: block;
font-style: italic;
margin: 10px 0 0 0;
font-size: 0.8em;
}
.twitter_block li span a, .twitter_block li span a:visited{
color: #cfcfcf;
display: inline;
font-style: normal;
font-size: 1.0em;
}
.twitter_block p{
text-align: right;
line-height: 1.5em;
color: #cfcfcf;
}
.twitter_block p a, .twitter_block p a:visited{
color: #cfcfcf;
text-decoration: underline;
}
.twitter_block p a:hover{
text-decoration: none;
}
/*support_block*/
.support_block{
float: right;
width: 446px;
padding: 0 68px 0 0;
}
.support_block p{
font-size: 1.3em;
line-height: 2.5em;
color: #cfcfcf;
padding: 0 0 0 81px;
background: url(../images/ico_support.png) no-repeat left 5px;
}
.support_block p a, .support_block p a:visited{
color: #cfcfcf;
text-decoration: underline;
}
.support_block p a:hover{
text-decoration: none;
}
.support_block p img{
vertical-align: middle;
}

/*  <!---gettopup--> */
#page_content h2{padding-bottom:6px;text-indent:0;background:none}#page_content ol{padding-bottom:5px}#demo a{margin-right:5px;border:0}


/* contact */
form {
	margin: 5px;
	padding: 0;
	background: #D3D3D3; 
   border: 1px dashed #151515;
}
label {
	display:block;
	font-weight:bold;
	margin:1px 0;
	color:#fff;
}
input {
	padding: 1px;
	border: 1px solid #CCC;
	font: normal 1em Verdana, sans-serif;
	color:#333;
	background: #FFF;
}
textarea {
	width: 232px;
	padding:2px;
	border: 1px solid #CCC;
	font: normal 1em Verdana, sans-serif;
	height:100px;
	display:block;
	color:#333;
    background: #fff;
}
input.button { 
	margin: 0; 
	font: bold 1em Tahoma, Sans-serif; 
	border: 1px solid #CCC;
	padding: 2px 3px; 
	color: #000;
	background: #ad1515;	
}