@charset "utf-8";
/* 
Main CSS for Network South 
By: Neal Saxon, Click Optimize
*/

body{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	background: #000 url(/images/bg-body.jpg) repeat-x;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
body#index{
	background: #000 url(/images/bg-body-home.jpg) repeat-x;
}

#body-wrap{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}
/*---------------------( wrappers )---------------------*/
#header{
	position: relative;
	width: 1000px;
	height: 105px;
	background: url(/images/bg-header.jpg) left 4px no-repeat;
	font-family: Helvetica, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}

#logo{
	position: absolute;
	top: 13px;
	left: 10px;
	width: 222px;
	height: 84px;
}
#logo a{
	display: block;
	width: 222px;
	height: 84px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/network-south-logo.png) no-repeat;
}

#phone-header{
	position: absolute;
	top: 38px;
	right: 24px;
	width: 198px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/phone-header.png) no-repeat;
}


/*---------------------( navs )---------------------*/
ul#tert-nav{
	position: absolute;
	top: 0px;
	right: 12px;
	width: 421px;
	height: 27px;
	margin: 0;
	padding: 0 12px 9px 12px;
	list-style: none;
	background: url(/images/bg-tert-nav.png) no-repeat;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}
ul#tert-nav li{
	float: left;
	margin: 0;
	padding: 0;
}
ul#tert-nav a{
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 7px 7px 8px 7px;
}
ul#tert-nav a:hover,
ul#tert-nav a.current{
	text-decoration: underline;
}

ul#main-nav{
	position: absolute;
	top: 73px;
	left: 235px;
	width: 765px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#main-nav li{
	float: left;
	text-align: center;
}
ul#main-nav li#home{		width: 103px; }
ul#main-nav li#about{		width: 90px; }
ul#main-nav li#phones{		width: 162px; }
ul#main-nav li#network{ 	width: 236px; }
ul#main-nav li#services{	width: 174px; }
ul#main-nav a{
	color: #bcbec0;
	display: block;
	text-decoration: none;
	padding: 3px 0;
}
ul#main-nav a:hover,
ul#main-nav a.current{
	color: #fff;
}
ul#main-nav li ul{
	position: absolute;
	left: -9999px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	text-align: center;
	border: 1px solid #000;
	background: url(/images/bg-drop-down.png) repeat-x;
	text-transform: uppercase;
}
ul#main-nav li ul li{ float: none; }
ul#main-nav li#phones:hover ul{ top: 19px; left: 193px; width: 162px; }
ul#main-nav li#network:hover ul{ top: 19px; left: 355px; width: 236px; }

ul#main-nav li ul a{
	color: #bcbec0;
	display: block;
	padding: 5px;
}
ul#main-nav li ul a:hover,
ul#main-nav li ul a.current{
	color: #fff;
}

/*---------------------( main )---------------------*/

#content-main{
	padding: 13px 0 13px 13px;
	background: #000 url(/images/bg-content.jpg) repeat-y;
}

.clear{ clear: both; }

h1{
	font-size: 38px;
	line-height: 38px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 15px 0;
}

#main{
	float: left;
	width: 614px;
	line-height: 22px;
}

#main p{
	margin: 0;
	padding: 0 0 15px 0;
	text-align: justify;
}
#main ul{
	margin-top: 0;
	padding-top: 0;
}
#main a{
	color: #bcbec0;
	border-bottom: 1px solid;
	text-decoration: none;
}
#main a:hover{
	color: #fff;
}

.required{
	color: #b62d35;
}

/*---------------------( sidebar )---------------------*/

#sidebar{
	float: right;
	width: 343px;
}

.button a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 5px 0;
}
a#customer-success{
	width: 343px;
	height: 117px;
	background: url(/images/btn-customer-success.png) left top no-repeat;
}
a#customer-success:hover{ background: url(/images/btn-customer-success.png) left -117px no-repeat; }
a#news-awards{
	width: 343px;
	height: 125px;
	background: url(/images/btn-news-awards.png) left top no-repeat;
}
a#news-awards:hover{ background: url(/images/btn-news-awards.png) left -125px no-repeat; }

#short-contact{
	width: 343px;
	height: 375px;
	margin: 20px 0 0 0;
	background: transparent url(/images/bg-short-contact.png) no-repeat;
	text-align: center;
	color: #000;
}
#short-contact h2{
	margin: 0 auto;
	padding: 20px 0 5px 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/images/h2-free-consultation.png) center 20px no-repeat;
}
#short-contact form{
	margin: 0;
	padding: 0;
}
#short-contact p{
	margin: 0;
	padding: 0 0 10px 0;
}
.short-row{
	float: left;
	font-size: 15px;
	padding: 0 0 14px 0;
}
.short-row label{
	float: left;
	width: 95px;
	margin: 0 5px 0 0;
	padding: 2px 0 0 10px;
	text-align: right;
}
.short-row input{
	float: left;
	width: 210px;
	text-align: left;
}
.short-row textarea{
	float: left;
	width: 210px;
	height: 80px;
	text-align: left;
}
#send-request{
	margin: 0 auto;
}

.contact-row{
	float: left;
	font-size: 15px;
	padding: 0 0 14px 0;
}
.contact-row label{
	float: left;
	width: 230px;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	text-align: right;
}
.contact-row input{
	float: left;
	width: 250px;
	text-align: left;
}
.contact-row textarea{
	float: left;
	width: 250px;
	height: 80px;
	text-align: left;
}
#btn-submit{
	width: auto;
}

/*---------------------( footer )---------------------*/

#footer-wrap{
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #7d1f24 url(/images/bg-footer.jpg) repeat-x;
}

#footer{
	position: relative;
	width: 987px;
	margin: 0 auto;
	padding: 13px 0 20px 13px;
	font-size: 13px;
}

#footer a{
	color: #fff;
	text-decoration: none;
	padding-bottom: 1px;
}
#footer a:hover,
#footer a.current{
	color: #fff;
	padding-bottom: 0;
	border-bottom: 1px solid #fff;
}
/*
ul.footer-links{
	float: left;
	width: 600px;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 8px 0;
	list-style: none;
}
ul.footer-links li{
	float: left;
	padding: 0 10px;
	margin: 0;
	border-right: 1px solid #fff;
}
ul.footer-links li.row-start{
	padding-left: 0;
}
ul.footer-links li.row-end{
	padding-right: 0;
	border-right: none;
}
ul#last-row{
	border-bottom: none;
}
*/
#contact-footer{
	position: absolute;
	top: 15px;
	right: 95px;
	width: 130px;
	height: 60px;
	padding: 30px 0 0 0;
	background: url(/images/contact-footer.jpg) 3px 0 no-repeat;
}

.business-links-footer{
	float: left;
	width: 300px;
	text-align: left;
}
.business-links-footer h3,
.area-links-footer h3{
	font-size: 18px;
	color: #fff;
	margin: 0;
	padding: 0 0 10px 0;;
}
.business-links-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.business-links-footer ul li{
	padding: 2px 0;
	margin: 0;
}


.area-links-footer{
	float: left;
	width: 350px;
	text-align: left;
	padding: 0 0 20px 40px;
	border-left: 1px solid #000;
}
.area-links-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.area-links-footer ul li{
	padding: 2px 0;
	margin: 0;
	float: left;
	width: 150px;
}