/* General reset */
html{height:100%;}
body{
	margin:0;
	color:#39c;
	font:14px/25px Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.gif) repeat-x;
	height:100%;
	min-width:872px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
input, textarea, select{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#39c;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* General settings */
.wrapper{
	width:100%;
	min-height:100%;
}
* html .wrapper{height:100%;}
.page{
	width:872px;
	margin:0 auto;
}
/* header */
#header{
	width:100%;
	overflow:hidden;
}
#header .logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	width:232px;
	height:73px;
	margin:79px 30px 0 0;
}
#header .logo a{
	display:block;
	height:100%;
}
/* main navigation */
.nav{
	float:left;
	background:url(../images/bg-nav.png) no-repeat;
	width:426px;
	height:143px;
}
.nav ul{
	margin:23px 5px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
	float:left;
}
.nav li{
	float:left;
	background:url(../images/sep-nav.gif) no-repeat 0 100%;
	padding:0 20px 12px;
	margin:0 0 0 -4px;
	display:inline;
}
.nav a{
	display:block;
	text-indent:-9999px;
	height:93px;
}
.nav .hardware{
	background:url(../images/btn-hardware-support.gif) no-repeat;
	width:75px;
}
.nav .soft{
	background:url(../images/btn-software-support.gif) no-repeat;
	width:68px;
}
.nav .web{
	background:url(../images/btn-web-services.gif) no-repeat;
	width:64px;
}
.nav .contact{
	background:url(../images/btn-contact.gif) no-repeat;
	width:60px;
}
/* visual */
.visual{padding:0 0 0 4px;}
.visual img{display:block;}
/* main */
#main{
	margin:-43px 0 0;
	padding:0 45px 145px 16px;
	position:relative;
}
.heading{
	width:468px;
	background:url(../images/bg-heading.gif) no-repeat;
	padding:0 0 0 20px;
	margin:0 0 23px;
}
.heading .contact{
	height:30px;
	overflow:hidden;
	background:url(../images/bg-heading.gif) no-repeat 100% 0;
}
.heading .contact h2{
	margin:6px 0 0;
	text-indent:-9999px;
	background:url(../images/text-contact.gif) no-repeat;
	width:73px;
	height:16px;
	font-size:0;
	line-height:0;
}
.heading .home{
	height:30px;
	overflow:hidden;
	background:url(../images/bg-heading.gif) no-repeat 100% 0;
}
.heading .home h2{
	margin:6px 0 0;
	text-indent:-9999px;
	background:url(../images/text-brennantech.gif) no-repeat;
	width:271px;
	height:21px;
	font-size:0;
	line-height:0;
}
.heading .hardware{
	height:30px;
	overflow:hidden;
	background:url(../images/bg-heading.gif) no-repeat 100% 0;
}
.heading .hardware h2{
	margin:6px 0 0;
	text-indent:-9999px;
	background:url(../images/text-hardware.gif) no-repeat;
	width:174px;
	height:20px;
	font-size:0;
	line-height:0;
}
.heading .software{
	height:30px;
	overflow:hidden;
	background:url(../images/bg-heading.gif) no-repeat 100% 0;
}
.heading .software h2{
	margin:6px 0 0;
	text-indent:-9999px;
	background:url(../images/text-software.gif) no-repeat;
	width:166px;
	height:20px;
	font-size:0;
	line-height:0;
}

.heading .web{
	height:30px;
	overflow:hidden;
	background:url(../images/bg-heading.gif) no-repeat 100% 0;
}
.heading .web h2{
	margin:6px 0 0;
	text-indent:-9999px;
	background:url(../images/text-web.gif) no-repeat;
	width:123px;
	height:16px;
	font-size:0;
	line-height:0;
}
.main-holder{background:url(../images/bg-main-holder.gif) repeat-y 530px 0;}
.main-holder .frame-t{background:url(../images/bg-main-holder-top.gif) no-repeat 530px 0;}
.main-holder .frame-b{
	overflow:hidden;
	background:url(../images/bg-main-holder-bottom.gif) no-repeat 530px 100%;
	padding:0 0 0 22px;
	height:1%;
}
/* content */
#content{
	float:left;
	width:450px;
}
#content p{
	margin:0 0 17px;
	color: #39c;
}
/* contact-form */
.contact-form{padding:0 0 0 4px;}
.contact-form .row{
	width:100%;
	overflow:hidden;
}
.row div{
	width:100%;
	overflow:hidden;
}
.contact-form .left-col{
	float:left;
	width:177px;
}
.contact-form label{display:block;}
.contact-form .txt{
	float:left;
	margin:0;
	width:171px;
	padding:2px;
	border:1px solid #9c9;
	background:#f5fafc;
}
.contact-form .phone{
	width:100%;
	overflow:hidden;
	margin:-5px 0 5px;
}
.contact-form .phone .col{float:left;}
.contact-form .phone .col label{text-align:center;}
.contact-form .phone .short{
	padding:0 8px 0 0;
	width:41px;
}
.contact-form .phone .short .txt{
	padding:2px;
	width:35px;
}
.contact-form .phone .middle{width:62px;}
.contact-form .phone .middle .txt{
	padding:2px;
	width:56px;
}
.contact-form .area{
	width:171px;
	height:50px;
	padding:2px;
	max-width:171px;
	border:1px solid #9c9;
	background:#f5fafc;
	overflow:auto;
	margin:0;
}
.contact-form .right-col{
	float:right;
	width:224px;
	font-size:12px;
}
.contact-form .check-area{padding:0 0 0 9px;}
.contact-form h4{
	margin:0 0 6px;
	font:14px/25px Verdana, Arial, Helvetica, sans-serif;
}
.contact-form .chk{
	float:left;
	width:16px;
	height:15px;
	margin:0 3px 0 0;
	padding:0;
}
.contact-form .right-col label{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
}
.contact-form .right-col .row{margin:0 0 7px;}
.contact-form .btn-submit{
	float:left;
	background:url(../images/btn-submit.gif) no-repeat;
	width:103px;
	height:39px;
	text-indent:-9999px;
	cursor:pointer;
	line-height:0;
	padding:0;
	border:0;
	margin:31px 0 0;
}
/* sidebar */
#sidebar{
	float:right;
	width:225px;
	padding:11px 0 0 9px;
}
#sidebar h3{
	margin:0 0 20px;
	font:16px/25px Verdana, Arial, Helvetica, sans-serif;
}
.list{
	margin:0;
	padding:0 0 13px 3px;
	list-style:none;
	font-size:11px;
	line-height:16px;
}
.list li{
	padding:0 0 9px 9px;
	background:url(../images/bullet-list.gif) no-repeat 0 7px;
}
.list a{color:#39c;}
#sidebar .support{
	display:block;
	text-indent:-9999px;
	background:url(../images/btn-support.gif) no-repeat;
	height:43px;
	margin:0 0 0 -8px;
}
/* footer */
.footer-area{
	width:100%;
	background:url(../images/bg-footer-area.gif) repeat-x;
	margin:-125px 0 0;
}
#footer{
	overflow:hidden;
	background:url(../images/bg-footer.jpg) no-repeat 50% 0;
	height:72px;
	font-size:11px;
	text-align:center;
	color:#000;
	padding:53px 0 0;
}
#footer ul{
	margin:0;
	padding:0 0 5px;
	list-style:none;
}
#footer ul li{
	display:inline;
	padding:0 7px;
	background:url(../images/sep-footer.gif) no-repeat 0 60%;
}
#footer ul li:first-child {
	padding-left:0;
	background:none;
}
#footer p{margin:0;}