body { margin: 0; padding: 0; background: url(../images/body_bg_red.gif) top left repeat-x #900608; }

:focus { /* Gets rid of dotted box when you click on a link */
	outline: 0;
	}

a {
	text-decoration: none;
}


#container { width: 980px; margin: 0 auto; position: relative; } /* relative positioning for all the absolutely-positioned elements inside */

img{
border: 0px;
}

img#logo { /* top-right logo */
	position: absolute;
	top: 59px;
	right: 49px;
	border: 0;
	}

ul#menu { /* main menu */
	font-family: Arial, sans-serif;
	font-size: 16px;
	list-style: none;
	display: block;
	height: 40px;
	width: 630px;
	background: url(../images/menu_bg_red.gif) top left no-repeat #f8f8f8;
	position: absolute;
	top: 71px;
	left: 20px;
	padding: 0; margin: 0;
	overflow: hidden; /* we don't want this area expanding */
	}
ul#menu li { float: left; height: 40px; }
ul#menu li a {
	float: left;
	height: 20px;
	color: #022c58;
	text-decoration: none;
	background: url(../images/menu_separator_red.gif) top right no-repeat;
	padding: 14px 15px 6px 13px;
	}
ul#menu li a:hover, #home .menuhome, #services .menuservices, #opp .menuopp, #company .menucompany, #faq .menufaq, #contact .menucontact {
	/* #home, #services etc. are IDs to be set in the BODY tag */
	background: url(../images/menu_hover_bg_red.gif) top right no-repeat;
	}
img#splash { /* Big Yellow Graphic */
	position: absolute;
	border: 0;
	z-index: 1000;
	top: 111px;
	left: 10px;
	}
	#videoplayer{
	position:absolute;
	z-index:2000;
	top:100px;
	left:7px;
	background: url(../images/videoplayerBG_red.png) no-repeat;
	width:650px;
	height:351px;
	}
	#start-today{
	position:absolute;
	z-index:2100;
	top: 509px;
	left:10px;
	}
	
	#mainbody #whitespace #videoplayer_red {
		position: relative;
		top: 10px;
		left: -15px;
		width: 625px;
		height: 480px;
	}





a.signuptoday { /* signup graphic overlaying yellow graphic */
	position: absolute;
	border: 0;
	z-index: 3001; /* keep it above the #splash */
	top: 396px; left: 127px;
	width: 175px; height: 44px;
	background: url(../images/signup.png) top left no-repeat;
	cursor: pointer;
	}
a.signuptoday:hover { background: url(../images/signup_glow.png) top left no-repeat; cursor: pointer; }
a.signuptoday span { display: none; cursor: pointer; }

a.starttoday { /* signup graphic overlaying yellow graphic */
	position: absolute;
	border: 0;
	z-index: 3001; /* keep it above the #splash */
	top: 370px; left: 100px;
	width: 237px; height: 48px;
	background: url(../images/start_biz.png) top left no-repeat;
	cursor: pointer;
	}
a.starttoday:hover { background: url(../images/start_biz_glow.png) top left no-repeat; cursor: pointer; }
a.starttoday span { display: none; cursor: pointer; }


img#maintop { margin: 0; padding: 0; position: absolute; top: 141px; } /* top rounded corners */
#mainbody {
	position: absolute;
	top: 161px;
	margin: 0; padding: 0 0 20px 0;
	width: 980px;
	}

#mainbody #whitespace { /* section with repeating white background image -- no white color background */
	position: relative;
	background: url(../images/mainbody_bg.png) top left repeat-y;
	padding: 90px 350px 40px 40px; margin: 0;
	width: 590px;
	/*min-height: 260px;*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	}
#home #mainbody #whitespace { padding: 310px 360px 50px 40px; width: 580px; } /* modification for the Home page: extra-sized yellow graphic */
#mainbody #whitespace a {
	color: #005798;
	text-decoration: none;
	}
#mainbody #whitespace a:hover {
	text-decoration: none;
	}


#mainbody #whitespace h1,h2,h3,h4 {
  font-weight: normal;
  color: #3f4040;
  }

#mainbody #whitespace h1 {
  font-family: "Myriad Pro", "Kozuka Gothic Pro", sans-serif;
  font-size: 30px;
  margin: 0;
	padding: 10px 0;
  }

#mainbody #whitespace h2 {
	font-family: "Myriad Pro", "Kozuka Gothic Pro", sans-serif;
  font-size: 22px;
  margin: 0;
	padding: 10px 0;
  }

#mainbody #whitespace h3 {
	font-family: "Myriad Pro", sans-serif;
  font-size: 20px;
  color: #005798;
  margin: 0;
	padding: 10px 0;
  }

#mainbody #whitespace h4 {
  font-size: 14px;
  }

#mainbody #whitespace p { margin: 0; padding: 10px 0; font-family: Verdana, sans-serif; }
#mainbody #whitespace ol { font-family: Verdana, sans-serif; }

#mainbody #whitespace #rightcol { /* right column inside the white space -- should be flush with the yellow graphic */
	position: absolute; left: 650px; top: 0;
	width: 310px; z-index: 10;
	}
#mainbody #whitespace #rightcol .greybox { /* GreyBox is home-page specific */
	background: url(../images/rightcol_greybox.gif) top left no-repeat;
	height: 108px;
	margin-bottom: 20px;
	position: relative;
	}
#mainbody #whitespace #rightcol .greybox h3 {
	padding: 10px; margin: 0;
	color: #363636;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	}
#mainbody #whitespace #rightcol .greybox p { color: #464646; padding: 0 10px; }
#mainbody #whitespace #rightcol .greybox img.more { position: absolute; right: 10px; bottom: -12px; border: 0; }

#mainbody #whitespace #rightcol .greyround { background: url(../images/rightcol_rounded_top.gif) top left no-repeat; width: 290px; margin: 5px 0 10px 15px; }
#mainbody #whitespace #rightcol .greyround .inner { background: url(../images/rightcol_rounded_bott.gif) bottom left no-repeat; padding: 0 10px; }
#mainbody #whitespace #rightcol .greyround h3 { color: #005798; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; }
#mainbody #whitespace #rightcol .greyround .quote { color: #005798; font-size: 12px; font-family: Verdana, sans-serif; }

#mainbody #whitespace #rightcol .whiteround { background: url(../images/rightcol_rounded_top_white.gif) top left no-repeat; width: 290px; margin: 5px 0 10px 15px; }
#mainbody #whitespace #rightcol .whiteround .inner { background: url(../images/rightcol_rounded_bott_white.gif) bottom left no-repeat; padding: 0 10px; }
#mainbody #whitespace #rightcol .whiteround h3 { color: #005798; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; }
#mainbody #whitespace #rightcol .whiteround .quote { color: #005798; font-size: 12px; font-family: Verdana, sans-serif; }


#mainbody #whitespace #rightcol ul.arrows { /* list for the Home Page woman to hold */
	list-style-image: url(../images/rightcol_arrow.gif);
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #005999;
	padding-top: 10px;
	margin-left: 150px;
	padding-left: 0px;
	}
#mainbody #whitespace #rightcol ul.arrows li a { color: #005999; text-decoration: none; }
#mainbody #whitespace #rightcol ul.arrows li a:hover { color: #3f7bbf; text-decoration: underline; }

/* for info forms on the right */
form.rightside { margin: 0; padding: 0 0 5px 0; }
form.rightside p { margin: 0; padding: 5px 0 !important; }
form.rightside span.formlabel { width: 90px; display: block; float: left; font-family: Arial, sans-serif; }
form.rightside textarea { font-family: Arial, sans-serif; font-size: 11px; }



#mainbody #whitespace p.grey { color: #898989; font-size: 10px; }


img#mainbott { margin: 0; padding: 0; clear: both; position: absolute; left: 0; } /* bottom yellow rounded corners */

#footer { background: url(../images/footer_bg.png) 0px 5px no-repeat; height: 102px; width: 980px; }

#footer p#bottmenu { font-size: 11px; font-family: Arial, sans-serif; color: #c6c6c6; margin: 0; padding: 30px 0 0 30px; line-height: 1.75; }
#footer p#bottmenu a { color: #c6c6c6; text-decoration: none; }
#footer p#bottmenu a:hover { text-decoration: underline; }

#footer p#bluerepbox { float: right; text-align: right; font-size: 11px; font-family: Verdana, sans-serif; color: #ababab; margin: 0; padding: 15px 30px 0 0; line-height: 1.25; width: 480px; }
#footer p#bluerepbox a { color: #ababab; text-decoration: none; }
#footer p#bluerepbox a:hover { text-decoration: underline; }
#footer p#bluerepbox img { float: right; border: 1px solid #c8c8c8; margin-left: 15px; height: 69px; }


/* TABS */

#tabsystem { clear: both; background: transparent; border: none; position: relative; margin: 0; padding: 10px 0 0 0; left: -10px; }

#tabsystem div.tabs {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 3px 10px;
	width: auto;
	white-space: nowrap;
	font-size: 12px;
	font-family: Arial, sans-serif;
	cursor: default !important;
	border-bottom: 0px solid #d4d4d4;
	position: relative;
	z-index: 3000 !important;
	}

#tabsystem a.tab {
	border-style: solid;
	border-width: 1px;
	border-color: #d4d4d4;
	border-bottom: none;
	padding: 5px 7px 4px 7px;
	background-color: #f7f7f7; color: #005798;
	text-decoration: none;
	display: inline;
	position: relative;
	bottom: 1px;
	}

#tabsystem a.tabHover {
	border-style: solid;
	border-width: 1px;
	border-color: #d4d4d4;
	border-bottom: none;
	padding: 5px 7px 4px 7px;
	background-color: #fffef7;
	text-decoration: none;
	position: relative;
	bottom: 1px;
	}

#tabsystem a.tabActive {
	border: 1px solid #d4d4d4;
	border-bottom: 1px solid #ffffff;
	border-bottom: none;
	padding: 5px 7px 5px 7px;
	background-color: #fff;
	text-decoration: none;
	/*position: static;*/
	position: relative;
	z-index: 3001 !important;
	bottom: 1px;
	}

#tabsystem .content {
	position: relative;
	margin: 0 0 20px 0; padding: 0 10px;
	width: auto; height: auto;
	font-family: verdana, Arial, sans-serif;
	border: 1px solid #d4d4d4;
	z-index: 500;
	background-color: #ffffff;

	}
#tabsystem .content h3 { border-bottom: 1px dotted #d4d4d4; padding-bottom: 5px !important; margin: 0 0 10px 0 !important; }


/* ETC. */

.clearme { clear: both; margin: 0; padding: 0; height: 1px; overflow: hidden; }

.smaller{
font-size: 11px;
color: #005798;
font-weight: bold;
}

#left-icons-col{
float: left;
position: relative;
width: 510px;
height: 570px;
background: url(../images/iconsBG.jpg) no-repeat;
margin-left: 40px;
margin-top: -20px;
}

#right-text-col{
float: left;
position: relative;
width: 350px;
}
#icon-services{
position: relative;
}

.icon-text{
color: #005798;
font: normal 11px Arial, verdana,sans-serif;
}
#icon-services img{
margin-right: 3px;
}


#cabletv{
position: absolute;
top: 42px;
left:195px;
}

#landphone{
position: absolute;
top: 102px;
left: 50px;
}

#satv{
position: absolute;
top: 130px;
left: 215px;
}

#internet-service{
position: absolute;
top: 95px;
left: 375px;
}

#digital-voice{
position: absolute;
top: 270px;
left:17px;
}

#home-security{
position: absolute;
top: 265px;
left: 410px;
}

#number-garage{
position: absolute;
top: 425px;
left:160px;
}

#request-info{
position: absolute;
top: 150px;
left:700px;
z-index: 30000;
}

#wireless-service{
position: absolute;
top: 362px;
left:45px;
}

#two-videos{
margin-top: 20px;
float: left;
}

#video-opp{
margin-right: 15px;
float: left;
}

#video-comp{

float: left;
}