@import url('../css/global-grid/reset.css');

/*----------------------------------------------------------------------------------------
Structural Styles
----------------------------------------------------------------------------------------*/
body {
	font:12px/1.33 Arial, sans-serif;
	background:#FFF url(../images/onlinetechnicalsupport/body-bg.png) repeat-x 0 0;
}
#container {
	width:945px;
	padding:0 12px;
	margin:0 auto;
	background:transparent url(../images/onlinetechnicalsupport/content-bg.png) repeat-y 0 0;
}
#intHeader {
	padding:10px 20px 0;
	height:113px;
	background:transparent url(../images/onlinetechnicalsupport/header-bg.png) repeat-x 0 0;
	position:relative;
}
#extFooter {width:100%;background:#a7a7a7;}
#footer-wrap {width:945px;margin:0 auto;padding:20px 0 50px;}

/*----------------------------------------------------------------------------------------
Header Styles
----------------------------------------------------------------------------------------*/
#logo {float:left;}
#cta {
	float:right;
	margin-top:10px;
	padding-left:40px;
	background:transparent url(../images/onlinetechnicalsupport/phone.gif) no-repeat 0 8px;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	text-align:right;
}
#cta span {
	display:block;
	font-size:26px;
	font-weight:bold;
}
#nav {width:905px;height:39px;position:absolute;bottom:0;left:0;}
#nav ul {margin:0 auto;width:665px;height:39px;}
#nav li {float:left;display:inline;margin:0 20px;line-height:39px;}
#nav li a {
	display:inline-block;
	padding:5px 10px;
	height:19px;
	margin-top:10px;
	font-size:14px;
	line-height:19px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
#nav li a:hover, body.home #nav li a.home, body.services #nav li a.services, body.packages #nav li a.packages,
body.why #nav li a.why, body.contact #nav li a.contact {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color:#FFF;
	background:#0079b0;
}

/*----------------------------------------------------------------------------------------
Content Styles
----------------------------------------------------------------------------------------*/
#focus {position:relative;}
body.services #focus {padding-bottom:60px;}
#focus h3.phone {font-size:24px;color:#ff7c00;position:absolute;}
#focus a.order-btn {position:absolute;}

body.home #focus h3.phone{right:72px;top:158px;}
body.home #focus a.order-btn {right:82px;}
body.services #focus a.order-btn, body.packages #focus a.order-btn, 
body.why #focus a.order-btn, body.contact #focus a.order-btn, body.geo #focus a.order-btn {right:50px;}
#focus a.order-btn {top:194px;}
#focus a:active {top:195px;}

#focus h1 {color:#f79119;font-size:20px;position:absolute;right:55px;top:260px;}

#support-bar {margin-bottom:20px;}

#content {padding:0 30px 20px;}
#content .left, #content .right {float:left;display:inline;}
#content .left {width:500px;margin-right:50px;}
#content .right {width:320px;text-align:center;}
#content h3 {font-size:20px;margin-bottom:15px;}
#content h1 {font-size:22px;color:#0079b0;margin-bottom:20px;}
#content h1 span {float:right;display:inline;color:#f79119;font-size:20px;}
#content p {margin-bottom:15px;}
#content ul.cover-list {
	width:316px;
	background:#FFF url(../images/onlinetechnicalsupport/rail-footer-bg.jpg) no-repeat bottom left;
	list-style:disc;
	color:#0079b0;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-bottom:100px;
	margin-bottom:20px;
}
#content ul.cover-list.noBullet {
	list-style:none;
	text-align:center;
	background:#FFF url(../images/onlinetechnicalsupport/rail-footer-bg2.jpg) no-repeat bottom left;
}
#content ul.cover-list.noBullet li {
	width:316px;
	margin-left:0;
}
#content ul.cover-list.noBullet li.title {font-size:14px;line-height:16px;padding-top:5px;}
#content ul.cover-list li {
	margin-left:70px;
	width:200px;
	margin-bottom:20px;
}
#content ul.cover-list li a {color:#0079b0;text-decoration:none;}
#content ul.cover-list li a:hover {text-decoration:underline;}
#content ul.cover-list li.title {
	background:transparent url(../images/onlinetechnicalsupport/rail-title-bg.png) no-repeat 0 0;
	height:67px;
	line-height:50px;
	list-style:none;
	text-align:center;
	margin-left:0;
	margin-bottom:0;
	width:316px;
}
#content ul.service-list li {padding-left:70px;width:350px;height:150px;margin:0 10px 10px;float:left;display:inline;}
#content ul.service-list li p span {display:block;margin-bottom:5px;font-weight:bold;}
#content ul.service-list li.mp3 {
	background:transparent url(../images/onlinetechnicalsupport/ipod-icon.gif) no-repeat 10px 5px;
}
#content ul.service-list li.camera {
	background:transparent url(../images/onlinetechnicalsupport/camera-icon.gif) no-repeat 0 5px;
}
#content ul.service-list li.security {
	background:transparent url(../images/onlinetechnicalsupport/web-icon.gif) no-repeat 0 5px;
}
#content ul.service-list li.windows {
	background:transparent url(../images/onlinetechnicalsupport/bulb-icon.gif) no-repeat 20px 5px;
}
#content ul.service-list li.smartphone {
	background:transparent url(../images/onlinetechnicalsupport/phone-icon.gif) no-repeat 15px 5px;
}
#content ul.service-list li.internet {
	background:transparent url(../images/onlinetechnicalsupport/arrow-icon.gif) no-repeat 0 5px;
}
#content ul.service-list li.dvr {
	background:transparent url(../images/onlinetechnicalsupport/projector-icon.gif) no-repeat 0 5px;
}

#content ul.package-list li {padding-left:90px;height:85px;margin-bottom:30px;}
#content ul.package-list li h3 {font-size:16px;margin-bottom:5px;}
#content ul.package-list li.gold-plus {
	background:transparent url(../images/onlinetechnicalsupport/gold-plus.gif) no-repeat 0 0;
}
#content ul.package-list li.ultra-fast {
	background:transparent url(../images/onlinetechnicalsupport/ultra-fast.gif) no-repeat 0 0;
}
#content ul.package-list li.platinum-plus {
	background:transparent url(../images/onlinetechnicalsupport/platinum-plus.gif) no-repeat 0 0;
}
#content ul.package-list li.instant-support {
	background:transparent url(../images/onlinetechnicalsupport/instant-support.gif) no-repeat 0 0;
}
#content ul.package-list li.business-platinum {
	background:transparent url(../images/onlinetechnicalsupport/business-platinum.gif) no-repeat 0 0;
}
#seperator {
	clear:both;
	height:36px;
	width:885px;
	background:transparent url(../images/onlinetechnicalsupport/seperator.png) no-repeat 0 0;
	position:relative;
}
body.packages #seperator {margin:40px 0 20px;}
#seperator img {
	position:absolute;
	top:-80px;
	right:120px;
}
#content h1.no-margin {margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;}
#includes {
	height:255px;
	width:809px;
	padding:30px 30px 180px;
	background:transparent url(../images/onlinetechnicalsupport/including-bg.png) no-repeat 0 0;
	position:relative;
}
#includes ul {width:240px;float:left;display:inline;margin-bottom:20px;}
#includes ul li {color:#03557b;font-size:13px;margin-bottom:5px;}
#includes ul li.title {color:#000;font-size:14px;font-weight:bold;margin-bottom:10px;}
#includes h1.phone {position:absolute;bottom:180px;left:460px;font-size:28px;}

/*----------------------------------------------------------------------------------------
Footer Styles
----------------------------------------------------------------------------------------*/
#footer-wrap .left, #footer-wrap .right {float:left;display:inline;}
#footer-wrap .left {width:650px;margin-right:50px;}
#footer-wrap .right {width:244px;text-align:center;border-left:1px solid #FFF;padding-bottom:10px;margin-top:10px;}
#footer-wrap h1 {
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	border-bottom:2px solid #FFF;
	padding-bottom:2px;
	padding-left:10px;
	margin-bottom:20px;
	position:relative;
}
#footer-wrap h1 span {
	color:#0079B0;
	text-transform:none;
	font-size:20px;
	background:#FFF;
	padding:5px 10px;
	position:absolute;
	top:-14px;
	right:0;
}
#footer-wrap .right h3 {
	font-size:12px;
	text-transform:uppercase;
	color:#FFF;
	padding:0 10px 5px;
	margin-bottom:10px;
	margin-right:140px;
	text-align:left;
	border-bottom:1px solid #FFF;
}
#footer-wrap .right ul {margin-left:10px;text-align:left;}
#footer-wrap .right ul li a {color:#FFF;text-decoration:none;}
#footer-wrap .right ul li a:hover {text-decoration:underline;}

/*----------------------------------------------------------------------------------------
Geo Styles
----------------------------------------------------------------------------------------*/
#loctypelist {text-align:left;padding:10px 10px 0;}
#loctypelist em{font-style:normal;}
#loctypelist li a, #footer-rail h4{font-size:13px;font-weight:bold;color:#FFF;margin-bottom:5px;display:block;text-decoration:none;}
#locations{text-align:justify;padding:0 10px 10px;}
#locations a{font-size:10px;color:#FFF;line-height:20px;margin-right:5px;text-decoration:none;}
#locations a:hover {text-decoration:underline;}
#locations.proximityMenu span {padding-right:5px;margin-right:2px;color:#FFF;font-size:10px;}