
body {
	background-color: #fff;
	background-image: url(img/body4.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: normal;
	font-size: 75%;
	color: #777;
	margin: 0;
	}

* {
	padding: 0;
	margin: 0
	}

img { border: 0; }

#container {
	width: 770px;
	margin: 0 auto 0 auto;
	}

#header {
	height: 69px;
	}

#header h1 {
	font-family: Helvetica, Arial, Sans-serif; /* Century Gothic, "Trebuchet MS",  */
	font-size: 250%;
	color: #333;
	letter-spacing: -1px;
	padding: 15px 50px 0 10px;
	float: left;
	margin-left: -905px;
	background: transparent url(img/logo_dudes2.gif) 906px 20px no-repeat; 
	width: 1100px; 
	height: 80px;

	}

#header h1 a {
	color: #000;
	text-decoration: none;
	}

#header h3 {
	padding: 33px 0 5px 0px;
	font-size: 120%;
	color: #333;
	font-weight: normal;
	margin:  0 0 0 267px; /* Adjust this value for the space between the site title and the slogan */
	}

#nav {
	margin: -25px 0px 0 256px !important;
	margin: -25px 10px 0 130px;
	padding: 0;
	float: left;
	font-size: 130%;
	background-color: transparent;
	}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background-color: transparent;
	}

#nav li a {
	display: block;
	padding: 0px 10px 14px 10px;
	margin: 0 0px 0 0px;
	color: #666;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}

#nav li a:hover {
	background-color: #fff;
	background-position: bottom;
	background-repeat: repeat-x;
	color: #000;
	}


#nav li .active, #nav li .active:hover {
	background-image: url(img/menu_a_active2.gif);
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	color: silver;
	}


.clear {
	clear: both;
	}


#sidebar {
	width: 220px !important;
	width: 210px;

	background-color: #fff;
	padding: 36px 0px 0px 0px;
	float: left;
	margin: -52px 0 0 0;
	background-color: #f9f9f9;
	border: 1px solid white; 
	border-top: 0px solid transparent;
	}

#title-special {
	margin: -30px 0 -15px 10px;
	}

#title-support {
	margin: -36px 0 -15px 10px;
	}

#title-service {
	margin: 0 0 -10px 10px;
}

#title-instant {
	margin: 0 -5px -10px 2px;
}


#sidebar h1 {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 150%;
	color: #777;
	font-weight: bold;
	letter-spacing: -1px;
	padding-left: 10px;
	margin-bottom: -5px;
	}

#sidebar p {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 100%;
	line-height: 130%;
	margin: 10px 0 10px 10px;
	}



#sidebar ul {
	margin: 0 0 15px 35px;
	border: none;
	}


#sidebar a {
	color: #333;
	}

.sidebarfooter {
	background-color: #eee;
	text-align: left;
	padding: 10px;
	border-top: 2px solid #fff; 
	}

.sidebarfooter h2 {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 160%;
	color: #ff4400;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: -10px;
	}

.sidebarfooter p {
	line-height: normal;
	color: #000;
	background-color: #f6f6f6;
	font-size: 100% !important;
	padding: 3px;
	border-top: 2px solid #fff; 
	margin-left: 0px !important;
	margin-right: -10px !important;
	}

.sidebarfooter>p {
	width: 185px;
	}

.sidebarfooter input {
	background: url(img/input_bk3.gif) repeat-x; 
	background-color: #fff;
	color: #666;
	}


#instant {
	width: 185px !important;
	width: 190px; 
	border: 2px solid #fff; 
	padding: 3px;
	border-left: #c0c0c0; 
	border-top: #c0c0c0; 
	font: 11px verdana, sans-serif;
	}

#instant-button {
	width: 198px; 
	height: 18px; 
	margin-left: 1px; 
	margin-top: 6px;
	}

#instant-icon {
	float: right; 
	margin-top: -19px; 
	margin-bottom: -10px; 
	margin-right: 50px;
	}


#sidebar_bottom {
	background-image: url(img/sidebarbottom.jpg);
	background-repeat: no-repeat;
	height: 53px;
	background-color: white;
	width: 220px;
	}


blockquote {
	background-image: url(img/bq_call.gif);
	background-position: top right;
	background-repeat: repeat-x;
	padding: 5px 35px 5px 5px;
	border: 1px solid #eee;
	font-family: Helvetica, Arial, Sans-serif;
	}

blockquote form { margin-left: 10px; }

blockquote input, blockquote textarea { 
	border: 2px solid #efefef;
	border-top: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	background: #fff url(img/input_bk3.gif) top left no-repeat;
	font: 120% verdana, sans-serif;

	}

blockquote div { margin-bottom: 10px; }

blockquote textarea {
	width: 400px;
	padding: 6px;
}

.checks { border: 0; background: none; }


form h2 {margin-top: 20px !important; }

label { margin-left: 3px; }

.address { 
	width: 200px;  
	}

.form-info { font: normal 13px silver; }

#send-it { 
	border: none; 
	display: block; 
	margin-top: 15px; 
	margin-bottom: 15px;
	}

input {
	font-family: verdana, sans-serif;
	padding: 1px;
	}

#content {
	margin: 0 0 0 247px;
	padding: 10px 30px 20px 20px !important;
	padding: 30px 30px 20px 20px;
	}


#content h1 {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 24px;
	height: 30px;
	text-transform: uppercase;
	letter-spacing: -2px;
	margin: 30px 0 -20px 0;
	color: #ff4400; /* dd2200; */	
	}




#content h2 {
	font-size: 16px;
	color: #333;
	font-family: Helvetica, Arial, Sans-serif;
	margin: 10px;
	}

#content p {
	line-height: 20px;
	word-spacing: 2px;
	padding: 0 0 0 0px;
	text-indent: 20px;
	margin: 20px 0 20px 0;
	letter-spacing: 0px; 
	font-size: 115%;
	color: #000;
	}

#content p b { background-color: #ffffcc; font-weight: normal; }

#content ul {
	margin: 15px 0 15px 0px;
	padding: 0;
	border-top: 1px solid #eee;
	}

#content li {
	margin: 10px 0 0px 0;
	padding: 5px 0px 0px 50px;
	list-style: none;
	border-bottom: 1px solid #eee;
	font: bold 18px Arial, sans-serif;
	color: #000;
	height: 30px;
	}


#list-antivirus {
	background: url(img/icon_antivirus_sm.gif) no-repeat center left;
	}

#list-upgrades {
	background: url(img/icon_upgrades_sm.gif) no-repeat center left;
	}

#list-software {
	background: url(img/icon_software_sm.gif) no-repeat center left;
	}

#list-wifi {
	background: url(img/icon_wifi_sm.gif) no-repeat center left;
	}

#list-spam {
	background: url(img/icon_spam_sm.gif) no-repeat center left;
	}

#list-general {
	background: url(img/icon_general.gif) no-repeat center left;
	}

.service-list li { border-bottom: 0px !important; }

.service-list p {
	text-indent: 0 !important;
	padding-left: 52px !important;
	padding-bottom: 0px !important;
	padding-right: 15px !important;
	margin-top: -15px !important;
	/* border-bottom: 1px solid #eee !important; */
	}


#content a {
	color: #000;
	/* padding: 2px; */
	text-decoration: underline;
	font-weight: bold;
	}

#content a:hover {
	color: #666;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	}


#contact-info { margin-bottom: 50px; }

#contact-info p { text-indent: 0; }

#contact-info h2 { margin-left: 0; }



#footer {
	/* padding: 20px; */
	border-top: 4px solid #e02305;
	border-bottom: 4px solid #ff4400;
	/* color: #ccc;
	text-align: center; */
	margin-top: 5px;
	}

#footlinks {
	color: #999;
	font-size: 90%;
	padding-left: 267px;
	margin-top: 20px;
	padding-bottom: 2px;
	background: #fff url(img/footer_call.gif) top right no-repeat;
	}

#footlinks a {
	color: #000;
	text-decoration: underline;
	padding-right: 13px;
	}	









/* titles */

.title { display: none; }

#local {
	background: transparent url(img/title_local.gif) no-repeat; 
	}

#fix {
	background: transparent url(img/title_fix.gif) no-repeat; 
	}

#schedule {
	background: transparent url(img/title_schedule.gif) no-repeat; 
	}

#thanks {
	background: transparent url(img/title_thanks.gif) no-repeat; 
	}

#oops {
	background: transparent url(img/title_oops.gif) no-repeat; 
	}

#contact {
	background: transparent url(img/title_contact.gif) no-repeat; 
	}

#rates {
	background: transparent url(img/title_rates.gif) no-repeat; 
	}

#payment {
	background: transparent url(img/title_payment.gif) no-repeat; 
	}

#about {
	background: transparent url(img/title_about.gif) no-repeat; 
	}

#area {
	background: transparent url(img/title_area.gif) no-repeat; 
	}

#service {
	background: transparent url(img/title_service.gif) no-repeat; 
	}

#business {
	background: transparent url(img/title_business.gif) no-repeat; 
	}


#support-left {
	background: transparent url(img/title_sidebar_support.gif) no-repeat; 
	height: 17px;
	margin: -21px 0px 0px 11px;
	}