html, body, form, fieldset { margin: 0; padding: 0;}
body {background: #bbb  }
#site {background: url(../images/back-bg.jpg) no-repeat center top}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0;}
li, dd, blockquote { margin-left: 1em;}
form label { cursor: pointer;}
fieldset, a, img { border: none;}
input, select, textarea { font-size: 100%; font-family: inherit;}
html { font-size:100.01%;}
body { text-align:center; font-size:1.1em; font-family:Arial,Helvetica,sans-serif; }
p { font-size:1.1em; line-height:110%;}
a { text-decoration:none; color:#008CD3; outline: none; }
h1{ font-size:22px;}
.bigred{
	font-size:16px;color:#C00;font-weight:bold;
	}

.bigblue{
	font-size:16px;color:#06C;font-weight:bold;
	}

/*----------------------  
------------------------ OUTER LAYOUT --------------------------------
----------------------*/
#site {  }
#header { height:160px;  }
.width { width:850px; margin: 0pt auto; text-align:left; position:relative; }

/*----------------------  
------------------------ HEADER OBJECTS ------------------------------
----------------------*/
#logo { height:92px; padding: 13px 20px 20px; }
#logo h1 { padding:0 0 0 0px; margin:0; font-size:12px; font-weight:normal; color:#4E4E4E; }
#phone h1 { padding:0 0 0 0px; margin:0; font-size:12px; font-weight:normal; color:#4E4E4E; }
#phone {
	position:absolute;
	top:20px;
	right:10px;
	height:36px;
	line-height:1.1em;
	padding-right:20px;
	font-size:25px;
	color:black;
	font-weight:bold;
	text-align:right
}
#phone a { text-decoration:none; color:#545454; }
#reasons { position:absolute; top:10px; right:20px; }

/*----------------------  
------------------------ MAIN NAVIGATION -----------------------------
----------------------*/
#navigation {  height:50px; background: url(../images/Untitled-2.png) bottom center no-repeat scroll; }
#navigation ul {  height:50px; margin: 0pt auto; list-style:none; width:830px; height:35px; text-align:left; }
#navigation li {   float:left; line-height:35px; padding:0 9px 0 12px; margin:0; background:transparent url(../images/layout/nav-line.gif) top left no-repeat; }

/* Nav Hovers - Add pages as necessary 
------------------ Make sure to change body id on new page, set nav 
------------------ class and add to BOTH css declaration below */
#navigation li:hover,
#navigation li:active,
#page-home #navigation li.nav-home,
#page-residential #navigation li.nav-residential,
#page-small-business #navigation li.nav-small-business,
#page-nationwide #navigation li.nav-nationwide,
#page-remote #navigation li.nav-remote,
#page-book-now #navigation li.nav-book-now {
	background-color:#2176b2;
	
}

#navigation li a:hover,
#navigation li a:active,
#page-home #navigation .nav-home a,
#page-residential .nav-residential a,
#page-small-business .nav-small-business a,
#page-nationwide .nav-nationwide a,
#page-remote .nav-remote a,
#page-book-now .nav-book-now a {
	color:#fff;
	background:#2176b2 url(../images/layout/nav-bg.gif) bottom center no-repeat scroll;
}


/* --------------- END OF NAV HOVERS */

#navigation li a { color:#fff; text-decoration:none; font-weight:bold; display:block; font-size:14px; }
#content {background:#fff; margin: auto auto 0; width:850px; }
.pads {	padding:5px; }

/*----------------------  
------------------------ PAGE HEADERS --------------------------------
----------------------*/
h2 { margin:0; padding:0; display:block; position:relative; }
h2 img { vertical-align:bottom; }
h2 a { display:block; position:absolute; bottom:5px; left:14px; height:69px; width:112px; }

/*----------------------  
------------------------ TWO COLUMN ----------------------------------
----------------------*/
.border { border:#cbe6f9 2px solid; -webkit-border-radius:4px;-moz-border-radius:4px; }
.needs-margin { margin: 4px 0 0; }
.gradient { background:#fff url(../images/banners/book/bg.gif) bottom left repeat-x scroll; }
#col-left { float:left; width:840px; }
#col-right { padding: 0 0 0 4px; float:left; width:220px; /* Need this for jquery scroller */ position:relative; }
#col-right2 { padding: 0 0 0 4px; float:left; width:220px; }
/*----------------------  
------------------------ CONTENT -------------------------------------
----------------------*/
#col-left .padding-20, #testimonial-bottom { padding:0px 20px 20px 20px; color:#333333; }
#col-left p, #col-left ul { font-size:.75em; line-height:1.4em; font-family:Tahoma,Arial,Helvetica,sans-serif; margin-top:0; margin-left:.3em; }
#col-left h3 { font-size:.75em; font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:bold; margin:0; }
#col-left ul { margin-left:3.5em;list-style-image:url(../images/bg_li.gif);}
#col-left li { margin: .5em 0; }
.logobox { padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px; }

/*----------------------  
------------------------ FORMS ---------------------------------------
----------------------*/
input, textarea, select { font:12px/12px Arial, Helvetica, sans-serif; padding:0; }
label { font-size:11px; font-weight:bold; color:#666; }
label.opt { font-weight:normal; }
label.error { padding-left:210px; display:block; color:#FF0000; background:#D3D3D3; }
.req { color:#FF0000; }
.req p { margin:0 0 5px 0 !important; }
.form-buttons { margin-bottom:0 !important; padding-left:149px; }
	
	/*----------------------  
	------------------------ BOOK NOW ---------------------------------------
	----------------------*/

	
	/*----------------------  
	------------------------ REMOTE SUPPORT ---------------------------------
	----------------------*/
	#page-remote label {  text-align:right;width:50px; }
	.smallbox { background:#E6E6E6; padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px; }
	.bigger { color:#FF0000;float:right;font-size:3em;padding:0 30px 0 0; line-height:1em; }
	.red { color:#FF0000; }
	.remote-form {font-size:11px; font-weight:bold;}
	option {font-size:11px; font-weight:bold;}

/*----------------------  
------------------------ SIDEBAR -------------------------------------
----------------------*/
.button { padding:0 3px 6px; }
.button.final { padding: 0 3px; }
.button a { display:block; }
.button a:hover { opacity:.9; }
.button img { vertical-align:bottom; }
#services { list-style:none; margin:0; padding:0 3px 0; }
#services li { margin:0 0 5px; border:1px solid #eee; background: #fff url(../images/link-bg.gif) bottom left repeat-x scroll; }
#services li.last { margin:0; }
#services li a { padding:8px 0; display:block; color:#9e5316; font-size:.675em; font-weight:bold; }
#services li a:hover { color:#d37121; }

/*----------------------  
------------------------ ADD TECH ------------------------------------
----------------------*/
.follow { list-style:none !important;}
.follow a:hover { text-decoration:underline; }
.follow li { margin: 0.5em .5em !important; padding: 0; line-height: 16px; /* height of icon */ background-repeat: no-repeat; background-position: 0 50%; float:left; }
.follow li a { padding-left: 21px; /* width of icon + whitespace */ }
.facebook { background-image:url(../images/facebook_logo.gif); }
.twitter { background-image:url(../images/twitter_logo.gif); }

/*----------------------  
------------------------ FOOTER --------------------------------------
----------------------*/
#footer { background: url(../images/footer.png) top center repeat-y scroll; clear:both; color:#333333;}
#footer a { color:#008CD3; text-decoration:none; }
#footer span { color:#999; font-size:.8em; }
#footer .padding { padding:20px 20px 10px; font-size:.7em; }


/*----------------------  
------------------------ ODDBALL STYLES ------------------------------
----------------------*/
::selection { background: #fe4902; color: white; /* Webkit */ }
::-moz-selection { background: #fe4902; color: white; /* Gecko */ }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.center {text-align:center;}
#VolusionLiveChat a { display:block;}
#VolusionLiveChat img { vertical-align:bottom;} 

#featured{ 
	width:366px; 
	padding-left:246px; 
	position:relative; 
	border:2px solid #cae6fc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:0px; 
	list-style:none; 
	padding:0; margin:0; 
	width:246px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0 0 0; padding-right:13px;  
margin:0px;
font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top right no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#cae6fc; 
}
#featured .ui-tabs-panel{ 
	width:366px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .info h5{ 
	font-size:14px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.goog-button {
	border-width:1px;
	border-style:solid;
	border-color:#bbb #999 #999 #bbb;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	font:normal normal normal 13px/13px Arial, sans-serif;
	color:#000;
	text-align:middle;
	text-decoration:none;
	background:#eee;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
	background:-moz-linear-gradient(top, #fff, #ddd);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#dddddd', StartColorstr='#ffffff', GradientType=0);
	cursor:pointer;
	margin:0;
	display:inline;
	display:-moz-inline-box;
	display:inline-block;
*overflow:visible;
	padding:3px 5px 4px;
}
.goog-button {
*display:inline
}
.goog-button:focus, .goog-button:hover {
	border-color:#000
}
.goog-button:active, .goog-button-active {
	color:#000;
	background-color:#bbb;
	border-color:#999 #bbb #bbb #999;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#fff));
	background-image:-moz-linear-gradient(top, #ddd, #fff);
filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#ffffff', StartColorstr='#dddddd', GradientType=0)
}
.goog-button {
	padding:5px 8px 4px\9
}
.goog-button {
*padding:4px 7px 2px
}
html>/**/body input.goog-button, x:-moz-any-link, x:default {
padding-top:3px;
padding-bottom:2px
}

/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }