﻿* { margin: 0; padding: 0;}

body { height:100px; font-family:Arial; color:#000;background:#fff; font-size:14px;}
ul,li { list-style: none;}
p { margin: 10px 0;}
a { color: #298EEC;}
h1 { color: #298EEC; font-size: 30px;}
h2,h3 { color: #E46111; }

#Wrapper { width: 980px; margin: 10px auto;}

#Header { height: 78px; background: url(../images/HeaderBg.gif) repeat-x; color:#fff;}
	#Header p { position: relative; float: left; border:0; padding:7px 20px; margin:0px;}

#Nav {
	background: url(../images/SubHeaderBg.gif) repeat-x;
	height: 80px;
	line-height: 40px;
	margin: 0 0 20px 0;
	padding: 15px 0 0 40px;
	position: relative;
	background-image: url(../images/SubHeaderBg.gif);
}
	#Nav h2 { color: #E46111; font-size: 24px; margin: -10px}
	#Nav h1 { margin: 10px 0 0 100px; font-size: 36px;}
	#Nav ul { position: absolute; bottom:0px; /*border-bottom: 5px solid #298eec;*/ width: 880px }
	#Nav li { position: relative; float: left; list-style: none; text-align: center; margin: 0 3px}
	#Nav .first { margin: 0 3px 0 0;}
	#Nav a { text-decoration: none;color: #fff;width:140px; line-height: 23px; font-size: 14px;background: url(../images/TabOff.gif) no-repeat; display: block;}
	#Nav li a:hover { text-decoration: underline;}
	#Nav .selected a { background: url(../images/TabOn.gif) no-repeat;}
	.selected .Bullet { background: url(../images/BulletO.gif) no-repeat;}


#Content { width:100%; margin:0 auto; clear:left;}

#MainImg { height: 330px; width: 513px; background: url(../images/Main.jpg); margin: 0 0 0 100px; display: inline;}

#tvScreen { top:152px; left:247px; position: absolute; float: left; background: url(../images/tv-1.jpg) no-repeat; height: 115px; width: 198px;}

#GetStarted { height: 230px; width: 271px; background: url(../images/SearchBox.gif); margin: 50px 0 0 0;}
	#GetStarted .SearchBox { position: absolute; margin: 111px 0 0 38px; height: 18px; border: 1px solid #000; width: 154px; padding: 2px 3px; font-weight: bold;}
	#GetStarted .btn { position: absolute; margin: 160px 0 0 50px;}
	#GetStarted .copy { position: absolute; margin: 200px 0 0 45px; font-size: 12px; font-weight: bold;}

#Steps { clear: left; background: url(../images/StepBg.gif) repeat-x; padding: 5px}
	#Steps li { position: relative; float: left; width: 280px; padding: 0 20px}
	#Steps h3 { margin: 3px 0 0 5px; font-size: 22px}
	#Steps img { margin: 20px 0 0 0;}
	#Steps p { font-size: 11px;}

#btnSearch { width: 164px; }

.btn { background: url(../images/btn.gif) no-repeat; width: 164px; line-height: 23px; display: block; color: #fff; text-align: center; text-decoration: none; font-weight: bold; font-size: 16px}
input.btn { height: 23px; border: 0;cursor: pointer}
.orange { background: url(../images/btn2.gif) no-repeat;}

.fl { position: relative; float: left;}
.clr { clear: both;}

.Bullet { position: relative; float: left; background: url(../images/BulletG.gif) no-repeat; line-height: 32px; width: 32px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin: 0 5px 0 0;}
.FooterLine { background: url(../images/Footer.gif) repeat-x; height: 10px}

#CanDo { margin: 0 auto; width: 700px}
	#CanDo h4 { color: #298EEC; margin: 10px 0 20px 0; text-align: center; font-size: 20px}
	#CanDo li { position: relative; float: left; width: 150px; text-align: center;}
	#CanDo .plus { width: 19px; margin: 20px 5px 0 5px}
	#CanDo p { font-size: 11px;}
	
#Footer { background: url(../images/Footer.gif) repeat-x; padding: 15px 0; text-align: center; font-size: 11px; color: #A5A5A5; margin: 10px 0}
