/* CSS Stylesheet
	Wired Or Wireless Inc
	Author: Erica Schreiber
	Date: Feb 2009 */
	
/* ------------ Below applies to all pages in the site ------------ */
* {
	margin: 0px;
	padding: 0px;
	}
body {
	/*background: #647a83 url(../images/body_full_bg_short.jpg) top center repeat-x;*/
	background: #ededed url(../images/body_bg_top.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	text-align: center;
	min-width: 865px;
	font-size: 12px;
	}
#wrapper {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 865px;
	}
#header_links {
	position: absolute;
	top: 20px;
	height: 30px;
	width: 100%;
	text-align: center;
	z-index: 100000;
	}
#header_links ul {
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	white-space: nowrap;
	}
#header_links li {
	list-style-type: none;
	display: inline;
	margin: 0px 12px;
	}
a img {border: none;}
a {text-decoration: none; color: #FFFFFF; cursor: hand;}
a:hover {text-decoration: underline;}


/* ------------ Below applies to tier 1 pages ------------ */
#tier1_bg {
	background: #647a83 url(../images/body_full_bg_short.jpg) top center repeat-x;
	}

#tag_line {
	position: absolute;
	top: 100px;
	left: 30px;
	}
#tag_line h1 {
	font-style: italic;
	color: #262264;
	font-size: 17px;
	}
#logo {
	position: absolute;
	top: 110px;
	left: 265px;
	}
#boxes {
	position: absolute;
	top: 335px;
	width: 865px;
	height: 284px;
	}
/* Box 1 is Wired */
#box1 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/wired_tier1box.png) top no-repeat;
	height: 284px;
	width: 224px;
	}
/* Box 2 is Wireless */
#box2 {
	position: absolute;
	top: 0px;
	left: 214px;
	background: url(../images/wireless_tier1box.png) top no-repeat;
	height: 284px;
	width: 224px;
	}
/* Box 3 is Two-Way */
#box3 {
	position: absolute;
	top: 0px;
	left: 428px;
	background: url(../images/twoway_tier1box.png) top no-repeat;
	height: 284px;
	width: 224px;
	}
/* Box 4 is Products */
#box4 {
	position: absolute;
	top: 0px;
	left: 642px;
	background: url(../images/products_tier1box.png) top no-repeat;
	height: 284px;
	width: 224px;
	}
#boxes ul {
	list-style:none;
	text-decoration: none;
	line-height: 23px;
	position: relative;
	top: 17px;
	left: 65px;
	font-size: 14px;
	}
#boxes li a {
	text-decoration: none;}
#boxes li a:hover {
	text-decoration: underline;}
#box_link {
	position: absolute;
	top: 85px;
	right: 170px;
	width: 30px;
	height: 185px;
	}
#xtra_links {
	position: absolute;
	top: 295px;
	right: 20px;
	}
#xtra_links a {
	color: #262264;	
	}
#xtra_links p {
	font-size: 11px;
	}
#footer {
	position: absolute;
	top: 355px;
	left: 115px;
	color:#FFFFFF;
	letter-spacing: .5px;
	word-spacing: 2px;
	padding-bottom: 20px;
	}
/* ------------ Below applies to tier2 pages in the site ------------ */
#container {
	position: relative;
	}
#side_container {
	position: relative;
	top: 80px;
	width: 240px;
	float: left;
	}
#main_container {
	position: relative;
	top: 85px;
	width: 600px;
	min-height: 570px;
	float: right;
	background: url(../images/tier2_content_bg_top.png) top center no-repeat;
	}
#main_container h1 {
	margin: 15px 20px;
	padding-top: 10px;
	font-size: 20px;
	font-weight:lighter;
	}
#main_container h2, #main_container h3 {margin: 20px 20px 0px 20px;}
#main_container h2 {font-size: 15px;}
#main_container h3 {font-size: 12px; }
#main_container h2, #main_container h2 a {color: #0fa0c6;}
#main_container h3 {color:#000066;}
#main_container p {	margin: 8px 20px 0px 20px;}

#main_container p a {color:#1971bc; text-decoration: underline;}
/*#main_container p a:visited {color:#999999;}*/
#main_container p a:hover {color:#9e0000;}

#main_container hr {
	width: 540px;
	margin-left: 20px;
	}
/* used the topic_pics class instead to fix conflict with ConstantContact form code
#content_bg_middle img {
	margin: 10px 0px;
	float: left;
}
*/
.topic_pics {
	margin: 10px 0px;
	float: left;
}
#space {positon: relative;
	clear: both;
	width:20px;
	background-color:#66CC33;
	height: 20px;}
#content_bg_middle {
	background: url(../images/tier2_content_bg_middle.png) center repeat-y;
	/*min-height: 545px;*/
	}
#content_bg_middle ul {
	list-style: inside circle;
}
#content_bg_middle li {
	padding: 4px;
	margin: 5px 0px 0px 40px;
	}

#content_tier2 {
	background: url(../images/tier2_content_bg_bottom.png) bottom center no-repeat;
	padding-bottom: 13px;
	}
#logo_tier2 {
	position: absolute;
	top: 40px;
	}
#tag_line_tier2 {
	position: absolute;
	top: 185px;
	left: 25px;
	}
#tag_line_tier2 h1 {
	font-style: italic;
	color: #0fa0c6;
	font-size: 16px;
	}
#xtra_links_tier2 {
	position: absolute;
	top: 262px;
	right: 35px;
	font-size: 11px;
	}
#xtra_links_tier2 a {
	color: #262264;	
	}
#box_tier2_wired, #box_tier2_wireless, #box_tier2_twoway, #box_tier2_products, #box_tier2_faqs, #box_tier2_about, #box_tier2_contact, #box_tier2_sitemap, #box_tier2_policy, #box_tier2_newsletter {
	position: absolute;
	top: 280px;
	left: 15px;
	width: 205px;
	height: 284px;
	}
#box_tier2_wired {background: url(../images/wired_tier1box.png) center no-repeat;}
#box_tier2_wireless {background: url(../images/wireless_tier1box.png) center no-repeat;}
#box_tier2_twoway {background: url(../images/twoway_tier1box.png) center no-repeat;}
#box_tier2_products  {background: url(../images/products_tier1box.png) center no-repeat;}
#box_tier2_faqs {background: url(../images/faqs_tier1box.png) center no-repeat;}
#box_tier2_about {background: url(../images/about_tier1box.png) center no-repeat;}
#box_tier2_contact {background: url(../images/contact_tier1box.png) center no-repeat;}
#box_tier2_sitemap {background: url(../images/sitemap_tier1box.png) center no-repeat;}
#box_tier2_policy {background: url(../images/policy_tier1box.png) center no-repeat;}
#box_tier2_newsletter {background: url(../images/wow_newsletter_services_box.png) center no-repeat;}

#side_container ul  {
	list-style:none;
	text-decoration: none;
	line-height: 23px;
	position: relative;
	top: 17px;
	left: 55px;
	font-size: 14px;
	width: 140px;
	}
#side_container ul a:hover {
	text-decoration: underline;}
#box_link_tier2 {
	position: relative;
	top: 65px;
	right: 160px;
	width: 30px;
	height: 200px;
	}
#wired_color {color: #800e0e;}
#wireless_color {color: #bc6819;}
#twoway_color {color: #1d4555;}
#products_color {color: #46561d;}
#faqs_color {color: #80390e;}
#about_color {color: #1971bc;}
#contact_color {color: #561d38;}
#sitemap_color {color:#6c4532;}
#policy_color {color:#365281;}
#newsletter_color {color:#7f390e}
/* A hover color has been implemented inside the tier2 template: , #contact_hover_color a:hover, for each respective link name*/

#footer_tier2 {
	/*
	position: absolute;
	top: 690px;
	left: 115px;
	*/
	position: relative;
	text-align: center;
	color:#ffffff;
	letter-spacing: .5px;
	word-spacing: 2px;
	padding-bottom: 30px;
	}
#clear {
	clear: both;
	padding: 55px;
	}
#body2{
	background: url(../images/body_bg_bottom.jpg) bottom center repeat-x;
	}
	
/* ------------ Below applies to tier3 pages in the site ------------ */
.indent {padding-left: 10px;}