/*
master.css  v1.1
	Created 2010-07-05
	Last modified 2010-08-04
Description:
	PPTech website styles
*/

body {
	margin: 1em 1em 2em 1em;
	padding: 0;
	font-family: Verdana, Tahoma, "Trebuchet MS",  Arial, sans-serif;
	font-size: 76.1%;
	text-align: center;
	background: #fff;
}

a:link { text-decoration: none; color: #000080; } 
a:visited { text-decoration: none; color: #000080; }
a:hover { text-decoration: underline; color: #000080;} 
a:active { text-decoration: none; color: #000080; }

#container { 
 	position: relative;
 	margin: 0 auto;
	padding: 0;
 	width: 742px;
 	text-align: left;
	background: #fff;
}

#logo {
	margin:14px 0 12px 0;
	padding:0;
	text-indent: -5000px;
	background: url(../images/pptech_logo.jpg) no-repeat;
	float: left;
}

#logo a {
	display: block;
	width: 256px;
	height: 124px;
	overflow: hidden;
}

#access-menu {
	margin: 0;
	padding: 0;
}

#access-menu li {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
	text-indent: -5000px;	
}

#telephone {
	margin:10px 0 0 0;
	padding:0 0 2px 0;
	text-indent: -5000px;
	width: 150px;
	height: 14px;
	background: url(../images/phone_number.gif) no-repeat;
	float:right;
}

#email {
	margin:0;
	padding:0;
	text-indent: -5000px;
	background: url(../images/email_address.gif) no-repeat;
	float:right;
	clear:right;
	overflow: hidden;
}

#email a {
	display: block;
	width: 131px;
	height: 16px;
	margin: 0 19px 0 0;
}

#menu {
	margin: 3px 0 0 0;
	padding: 0;
	width: 381px;
	float:right;
	clear:right;
}

#menu li {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
	text-indent: -5000px;	
}

#menu #data-cabling { 
	background: url(../images/icon_data_cabling.jpg) no-repeat;
	margin: 0 14px 0 0;
}
#menu #data-cabling a {
	display: block; 
	width: 65px; 
	height: 73px; 
	overflow: hidden;
}

#menu #wireless { 
	background: url(../images/icon_wireless.jpg) no-repeat;
	margin: 0 17px 0 0;
}
#menu #wireless a {
	display: block; 
	width: 57px; 
	height: 73px; 
	overflow: hidden;
}

#menu #telephony { 
	background: url(../images/icon_telephony.jpg) no-repeat;
	margin: 0 19px 0 0;
}
#menu #telephony a {
	display: block; 
	width: 57px; 
	height: 73px; 
	overflow: hidden;
}

#menu #security { 
	background: url(../images/icon_security.jpg) no-repeat;
	margin: 0 12px 0 0;
}
#menu #security a {
	display: block; 
	width: 57px; 
	height: 73px; 
	overflow: hidden;
}

#menu #it-support { 
	background: url(../images/icon_it_support.jpg) no-repeat;
	margin: 0 10px 0 5px;
	width: 66px; 
	height: 73px; 	
}
#menu #it-support a {
	display: block; 
	width: 66px; 
	height: 73px; 
	overflow: hidden;
}

#content-home { background: #f8f8f8 url(../images/bg_home.jpg) no-repeat bottom right; }
#content-data-cabling { background: #f8f8f8 url(../images/bg_data_cabling.jpg) no-repeat bottom left; }
#content-wireless { background: #f8f8f8 url(../images/bg_wireless.jpg) no-repeat bottom left; }
#content-telephony { background: #f8f8f8 url(../images/bg_telephony.jpg) no-repeat bottom left; }
#content-security { background: #f8f8f8 url(../images/bg_security.jpg) no-repeat bottom left; }
#content-it-support { background: #f8f8f8 url(../images/bg_it_support.jpg) no-repeat bottom left; }
#content-contact { background: #f8f8f8 url(../images/bg_contact.jpg) no-repeat bottom left; }
#content-faqs { background: #f8f8f8 url(../images/bg_faqs.jpg) no-repeat bottom left; }
#content-qanda { background: #f8f8f8 url(../images/bg_qanda.jpg) no-repeat bottom left; }
.content {
	width: 100%;
	margin: 0;
	padding: 0 0 1.5em 0;
	clear: both;
}

#section-nav {
	margin: 0 17px 0 0;
	padding: 0;
	float: right;
}

#section-nav li {
	margin: 0; 
	padding: 4px 4px 4px 14px;
	list-style: none;
	float: left;
	background: url(../images/bullet_pipe.gif) no-repeat 5px 60%;
}
  
#section-nav li.first { 
	background: none;
	padding-left: 10px;
}
  
#section-nav a:link { text-decoration: none; color: #666666;  } 
#section-nav a:visited { text-decoration: none; color: #666666;  }
#section-nav a:hover { text-decoration: none; color: #f00;  } 
#section-nav a:active { text-decoration: none; color: #f00;  }

#subsection-menu {
	margin:0;
	padding:0;
	float:left;
}

#h-our-services {
	margin:43px 0 0 66px;
	padding:0;
	text-indent: -5000px;
	width: 173px;
	height: 24px;
	background: url(../images/h_our_services.gif) no-repeat;
}

#h-talk-to-us {
	margin:43px 0 0 66px;
	padding:0;
	text-indent: -5000px;
	width: 131px;
	height: 24px;
	background: url(../images/h_talk_to_us.gif) no-repeat;
}

#subsection-nav {
	margin: 9px 0 0 0;
	padding: 0;
}

#subsection-nav li {
	margin: 0 0 0 66px; 
	padding: 0.15em 0 0.15em 0;
	list-style: none;
}
  
#subsection-nav a:link { text-decoration: none; color: #ed1c22;  } 
#subsection-nav a:visited { text-decoration: none; color: #ed1c22;  }
#subsection-nav a:hover { text-decoration: underline; color: #f00;  } 
#subsection-nav a:active { text-decoration: none; color: #f00;  } 

#h-data-cabling { background: url(../images/h_data_cabling.jpg) no-repeat; }
#h-wireless { background: url(../images/h_wireless.jpg) no-repeat; }
#h-telephony { background: url(../images/h_telephony.jpg) no-repeat; }
#h-security { background: url(../images/h_security.jpg) no-repeat; }
#h-it-support { background: url(../images/h_it_support.jpg) no-repeat; }
#h-contact { background: url(../images/h_contact.jpg) no-repeat; }
#h-faqs { background: url(../images/h_faqs.jpg) no-repeat; }
#h-qanda { background: url(../images/h_qanda.jpg) no-repeat; }

.h-subsection {
	margin: 0 6px 2px 0;
	padding: 0;
	width: 466px;
	height: 214px;	
	text-indent: -5000px;
	float:right;
}

#sections {
	margin: 0;
	padding: 15px 0 0 0;
	width: 742px;
}

#sections li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;	
	text-indent: -5000px;
}

#sections #welcome { 
	background: url(../images/sq_welcome.jpg) no-repeat top right;
 	width: 253px; 
	height: 245px;
}
#sections #welcome a {
	display: block; 
	margin: 6px 12px 9px 20px;
 	width: 220px; 
	height: 220px;
	overflow: hidden;
}

#sections #our-services { 
	background: url(../images/sq_our_services.jpg) no-repeat;
	width: 239px; 
	height: 245px;
}
#sections #our-services a {
	display: block; 
	margin: 6px 17px 9px 7px;	
	width: 220px; 
	height: 220px; 
	overflow: hidden;
}

#sections #talk-to-us { 
	background: url(../images/sq_talk_to_us.jpg) no-repeat;
	width: 245px; 
	height: 245px; 
}
#sections #talk-to-us a   {
	display: block; 
	margin: 6px 17px 9px 7px;
	width: 220px; 
	height: 220px;
	overflow: hidden;
}

#body-text-home {
	margin: 0;
	width: 445px;
	padding: 0.8em 0 2em 40px;
	clear: both;
}

#body-text-section {
	margin: 0 0 0 273px;	
	padding: 0.2em 20px 2em 18px;
	height: 220px;
	overflow: auto;
}

#body-text-cabling {
	margin: 0;	
	padding: 0.2em 20px 2em 18px;
	height: 220px;
	overflow: auto;
}

#body-text-cabling p {
	margin-top: 1em;
}

#body-text-contact {
	margin: 0 0 0 273px;	
	padding: 0.2em 20px 0 18px;
}

#body-text-contact p {
	margin-top: 1em;
}

#body-text-section h4, h5 {
	font-size: 100%;
	margin-bottom:0;
	margin-top:1em;	
}

#body-text-section p {
	margin-top: 1em;
}

#body-text-section p.first {
	margin-top: 0.2em;
}

#body-text-section dt {
	font-weight:bold;
}

#body-text-section dd {
	margin: 0;
	padding: 0.2em 0 1.5em 0;
}

.body-text {
	border: 0;
	border-top: #ed1c22 solid 1px;
	clear: right;
	line-height: 1.4em;
	color: #333333;	
	padding: 0.8em 0 2em 0;
}

#network-mot {
	margin: 0 96px 0 0;
	padding: 0;
	text-indent: -5000px;
	width: 177px;
	height: 111px;
	background: url(../images/network_mot.gif) no-repeat top right;
	float:left;
	overflow: hidden;	
}

#network-mot a {
	display: block;
	padding: 0;
	margin: 0 4px 4px 66px;
	width: 111px;
	height: 111px;
	overflow: hidden;
}

.highlight {
	font-weight: bold;
	color: #ed1c22;
}

#contactForm {
	margin:0 20px 0 0;
	padding: 0 0 1em 0;
}

#contactForm dt {
	margin:0;
	padding: 8px 4px 8px 291px;
	font-weight: bold;
	float:left;
	clear:left;
}

#contactForm dd {
	margin: 0;
	padding: 4px 4px 4px 0;	
	float: right;
	clear: right;
}

#contactForm input, textarea {
	font-family: Verdana, Tahoma, "Trebuchet MS",  Arial, sans-serif;
	font-size: 1em;
}

#contactForm #frmName, #frmEmail, #frmQuery {
	margin: 0;
	padding: 4px;	
	width: 350px;
	border: #f2f2f2 1px solid;
}

#contactForm #frmSubmit {
	margin: 0;	
	padding: 4px;
	font-size: 0.9em;
	font-weight:bold;
	color: #333;
}

#submit-button {
	margin: 0;
	padding: 4px 4px 4px 0;	
	clear: both;
	text-align: right;
}

.q-and-a dt {
	font-weight:bold;
}
.q-and-a dd {
	margin: 0;
	padding: 0.2em 0 1.5em 0;
}

#footer-logos {
	margin: 5px 0 0 0;
	padding: 0;
	float:right;
	clear:right;
}

#footer-logos li {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
	text-indent: -5000px;	
}

#footer-logos #threecom { 
	background: url(../images/logo_3com.jpg) no-repeat;
	margin: 0 26px 0 0;
	display: block; 
	width: 70px; 
	height: 55px; 
	overflow: hidden;	
}

#footer-logos #cisco { 
	background: url(../images/logo_cisco.gif) no-repeat;
	margin: 0 26px 0 0;
	display: block; 
	width: 73px; 
	height: 55px; 
	overflow: hidden;	
}

#footer-logos #panasonic { 
	background: url(../images/logo_panasonic.jpg) no-repeat;
	margin: 0 26px 0 0;
	display: block; 
	width: 103px; 
	height: 55px; 
	overflow: hidden;	
}

#footer-logos #hellermannTyton { 
	background: url(../images/logo_hellermann_tyton.jpg) no-repeat;
	margin: 0 26px 0 0;
	display: block; 
	width: 138px; 
	height: 55px; 
	overflow: hidden;	
}

#footer-logos #atss { 
	background: url(../images/logo_atss.jpg) no-repeat;
	margin: 0 15px 0 0;
	display: block; 
	width: 76px; 
	height: 55px; 
	overflow: hidden;	
}

/* end */