/*******************************************************
 ----------GENERAL--------------------------------------
*******************************************************/
html {
	background-color: #fff;
	font-family: helvetica, sans-serif;
	color: #333;
}

.page_wrapper {
	display: block;
	margin: 0 auto;
	width: 950px;
}

h1 {
	background: url('../images/logo.gif') no-repeat 0 0;
	float: left;
	height:59px;
	width:178px;
	text-indent:-5000em;
}

h2 {
	font-family: 'Trebuchet MS', arial, sans-serif;
	font-size: 21px;
	margin-bottom: 8px;
	padding-bottom: 5px;
}

.header {
	display: block;
	position: relative;
	height: 79px;
	border-bottom: 2px solid #a41319;
	padding: 15px 0 0 25px;
}

.header p {
	color: #d3222a;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	right: 25px;
}

.header ul {
	position: absolute;
	bottom: 0px;
	right: 14px;
}

.header li {
	float: left;
	padding-right: 7px;
}

.header li.last {
	padding-right: 0;
}

.header li a:link, .header li a:visited {
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 29px;
	padding: 0 12px;
	text-decoration: none;
}

.header li a:hover, .header li a:active {
	color: #d3222a;
	font-size: 15px;
	text-decoration: none;
}

.header li.active a:link, .header li.active a:visited, .header li.active a:hover, .header li.active a:active {
	background: url('../images/nav_bg.gif') repeat-x 0 0;
	color: #fff;
}

a.btn_gray {
	background: url('../images/button_bg_gray.gif') repeat-x 0 0;
	color: #333;
	display: inline-block;
	font-size: 11px;
	line-height: 25px;
	padding: 0 10px;
	text-decoration: none;
}

a.btn_orange, .contact input.submit-button {
	background: url('../images/button_bg_orange.gif') repeat-x 0 0;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	line-height: 25px;
	padding: 0 10px;
	text-decoration: none;
}

.footer {
	clear: both;
	display: block;
	position: relative;
	margin-bottom: 25px;
}

.footer p {
	color: #999;
	font-size: 11px;
	margin:0 auto;
	text-align: center;
}


/*******************************************************
 ----------HOME-----------------------------------------
*******************************************************/
html {
	background: url('../images/bg_sub.gif') repeat-x 0 0;
}

html.home {
	background: url('../images/bg.jpg') repeat-x 0 0;
}

.main_image {
	margin-bottom: 25px;
}

.bx-default-pager, .bx-controls-direction {
	display: none;
}

.specialties {
	overflow:hidden;
	margin-bottom: 35px;
}

.specialties div {
	float: left;
	height: 309px;
	width: 440px;
	line-height: 18px;
	padding-left: 20px;
}

.specialties h3 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 8px;
}

.specialties p {
	font-size: 12px;
}

.specialties .home_theater {
	background: url('../images/home_tv.jpg') no-repeat bottom;
}

.specialties .cctv {
	background: url('../images/home_cctv.jpg') no-repeat bottom;
}

.blurbs {
	clear: both;
	overflow: hidden;
	margin-bottom: 88px;
	padding-left: 40px;
}

.blurbs h2 {
	border-bottom: 1px solid #cccccc;
	width: 250px;
}

.blurb {
	float: left;
	margin-right: 25px;
	padding-left: 15px;
	width: 250px;
}

.blurb p {
	color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 8px;
}

.partners h2 {
	border-bottom: 1px solid #555;
	color: #999;
	margin-bottom: 15px;
}

.partners ul {
	overflow: hidden;
}

.partners li {
	float: left;
	padding: 0 67px 30px 0;
}

.partners {
	margin-bottom: 85px;
}


/*******************************************************
 ----------SERVICES-------------------------------------
*******************************************************/
.navigation {
	background: url('../images/services_nav_bg.jpg') no-repeat 0 0;
	display: block;
	height: 399px;
	width: 190px;
	margin-right: 15px;
	padding: 18px 17px 0;
	float: left;
}

.navigation h2 {
	border-bottom: 1px solid #942a00;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	padding-bottom: 8px;
	margin-bottom: 12px;
	text-align: center;
}

.navigation li {
	margin-bottom: 13px;
}

.navigation li a:link, .navigation li a:visited {
	background: url('../images/btn_services.gif') repeat-x 0 0;
	color: #fff;
	display: block;
	line-height: 39px;
	padding: 0 9px;
	text-decoration: none;
	font-size: 14px;
}

.navigation li a:hover, .navigation li a:active, .navigation li.active a {
	background: url('../images/btn_services_active.gif') repeat-x 0 0;
}

.rotating_content {
	border: 10px solid #fff;
	box-shadow: 0 0 15px #888888;
	display: block;
	float: left;
	margin: 15px 0 110px;
	height: 365px;
	width: 667px;
	position: relative;
	overflow: hidden;
}

.rotating_content .image {
	display: block;
	height: 335px;
	padding: 15px;
	position: relative;
	width: 637px;
}

.rotating_content .info {
	padding: 0 13px 13px 0;
	position: absolute;
	bottom: 0;
}

.rotating_content h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Trebuchet MS', arial, sans-serif;
}

.rotating_content p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.rotating_content .cctv {
	background: url('../images/services/1.jpg') no-repeat 0 0;
}

.rotating_content .theater {
	background: url('../images/services/2.jpg') no-repeat 0 0;
}

.rotating_content .surround {
	background: url('../images/services/3.jpg') no-repeat 0 0;
}

.rotating_content .control {
	background: url('../images/services/4.jpg') no-repeat 0 0;
}

.rotating_content .network {
	background: url('../images/services/5.jpg') no-repeat 0 0;
}

.rotating_content .cabling {
	background: url('../images/services/6.jpg') no-repeat 0 0;
}



/*******************************************************
 ----------ABOUT----------------------------------------
*******************************************************/
.content_image_lg {
	border: 10px solid #fff;
	box-shadow: 0 0 15px #888888;
	display: block;
	float: left;
	margin: 15px 0 110px;
	height: 365px;
	width: 905px;
	position: relative;
}

.content_image_lg .image {
	display: block;
	background: url('../images/bg_about.jpg') no-repeat 0 0;
	height: 335px;
	padding: 15px;
	position: relative;
	width: 905px;
}

.content_image_lg .info {
	padding: 0 13px 13px 0;
	position: absolute;
	bottom: 0;
}

.content_image_lg h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Trebuchet MS', arial, sans-serif;
}

.content_image_lg p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

/*******************************************************
 ----------CONTACT--------------------------------------
*******************************************************/
.contact .content_image_lg .image {
	background: url('../images/bg_contact.jpg') no-repeat 0 0;
}

.contact .content_image_lg .info {
	padding: 0 13px 13px 0;
	position: relative;
}

.contact .form input[type=text], .contact .form textarea {
	display: block;
	padding: 2px;
	width: 270px;
	font-size: 12px;
	margin-bottom: 10px;
}

.contact .form textarea {
	height: 65px;
	width: 545px;
}

.contact .form label {
	color: #fff;
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
}