@import "reset.css";
@import "typography.css";
@import "nav.css";

body {
	
}

a {
	zoom: 1;
}

a:focus {
	outline: none;	
}

#main {
	width: 100%;
	margin: auto auto;
}

#header {
	width: 940px;
	height: 86px;
	margin-left: auto;
	margin-right: auto;
}

#topBar {
	height: 37px;
	background: url(/images/top-bar-BG.gif) repeat-x;
}

#phoneNumber {
	float: right;
	border-right: 1px #272727 solid;
	margin: 7px 0 0 0;
	padding-right: 10px;
}

#galleryLink {
	float: right;
	border-right: 1px #272727 solid;
	border-left: 1px #989797 solid;
	margin: 7px 0 0 0;
	padding: 0 10px;
}

#portalLink {
	float: right;
	margin: 7px 160px 0 0;
	_margin: 7px 70px 0 0;
	padding-left: 10px;
	border-left: 1px #989797 solid;
}

#portalLink a, #galleryLink a {
	background-image: url(../images/linkArrowYellow.png);
	_background-image: url(../images/linkArrowYellow.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

#logo {
	float: left;
	margin: 12px 0 0 0;
}

#nav {
	width: 479px;
	height: 40px;
	float: right;
}

#flash {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

#indexFlash {
	width: 940px;
	height: 251px;
	background: orange;
}

#indexLinks {
	width: 940px;
	height: 110px;
	margin: 40px auto 0 auto;
}

#indexLink1 {
	width: 284px;
	height: 110px;
	border-left: 1px solid #CCC;
	padding: 0 0 0 15px;
	float: left;
}

#indexLink1 p {
	margin-bottom: 25px;	
}

#indexLink2 {
	width: 284px;
	height: 110px;
	margin: 0 320px;
	_margin: 0 20px;
	_float: left;
	padding: 0 0 0 15px;
	border-left: 1px solid #CCC;
}

#indexLink3 {
	width: 284px;
	height: 110px;
	padding: 0 0 0 15px;
	float: right;
	border-left: 1px solid #CCC;
}

.indexContentWrap {
	float: left;
	width: 100%;
}

.indexContentBoxLeft {
	float: left;
	width: 290px;
}

.indexContentBoxRight {
	float: right;
	width: 290px;
}


.mail {
	background-image: url(../images/icon-mail.png);
	_background-image: url(../images/icon-mail.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 3px 0 3px 45px;
}

.magGlass {
	background-image: url(../images/icon-magglass.png);
	_background-image: url(../images/icon-magglass.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 3px 0 3px 35px;
}

.indexLinkP {
	padding-top: 5px;	
}

#indexLinkBar {
	background-image: url(../images/indexLinkBar_01.png);
	_background-image: url(../images/indexLinkBar_01.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 22px;
}

#indexLinkBar a {
	background-image: url(../images/indexLinkBar_02.png);
	_background-image: url(../images/indexLinkBar_02.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	padding: 2px 10px 0 4px;
	margin: 0 0 0 10px;
}

#line {
	height: 1px;
	clear: both;
	border-bottom: 1px #d3d1d1 solid;
}

#indexWrapper{
	width: 940px;
	margin: 27px auto 0 auto;
}


#indexContent {
	width: 670px;
	float: left;
	text-align: justify;
}

#home #indexContent {
	width: 600px;

}

#indexContent ul {
	margin: 10px 0 10px 0;
}

#indexContent li {
	background: url(../images/linkArrowYellow.png) no-repeat 0 6px;	
	_background: url(../images/linkArrowYellow.gif) no-repeat 0 6px;
	padding: 5px 0 0 25px;
	margin-bottom: 10px;
}

#indexTestimonial {
	float: right;
}

#haveQuestions {
	width: 200px;
	height: 86px;
	background-image: url(../images/haveQuestions.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
	float: left;
}

#ourProducts {
	clear: both;
	float: left;
	margin: 30px 0 0 0;
}

#ourProductsRepeat {
	width: 215px;
	background-image: url(../images/products_02.jpg);
	background-repeat: repeat-y;
}

#ourProductsTop {
	width: 215px;
	background-image: url(../images/products_01.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#ourProducts li {
	border-bottom: 1px #e4e4e4 solid;
	border-top: 1px #f8f8f8 solid;	
}

#ourProducts a {
	display: block;
	width: 185px;
	text-decoration: none;
	padding: 5px 0 5px 20px;
	margin: 0 0 0 10px;
	font-weight: bold;
}

#ourProducts a:hover {
	background-image: url(../images/listArrowRed.png);
	_background-image: url(../images/listArrowRed.gif);
	background-position: left;
	background-repeat: no-repeat;	
}

#ourProducts #prolink-5 {
	border-bottom: none;	
}

#ourProductsBottom {
	width: 215px;
	height: 11px;
	background-image: url(../images/products_03.jpg);
	background-repeat: no-repeat;
}

#footerBG {
	background: url(/images/footer-BG.gif) repeat-x;
	height: 229px;
	margin: 30px 0 0 0;
}

#footer {
	height: 209px;
	width: 940px;
	margin: auto auto;
	padding: 20px 0 0 0;
}

#footerAbout {
	width: 280px;
	height: 200px;
	float: left;
	background-image: url(../images/footerBar.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 20px 0 0;
}

#footerQuickLinks {
	width: 280px;
	height: 200px;
	_float: left;
	margin: 0 320px;
	_margin: 0 0 0 20px;
	background-image: url(../images/footerBar.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 20px 0 0;
}

#footerLinksLeft {
	float: left;
}

#footerLinksRight {
	float: right;
}

#footerQuickLinks li {
	margin: 0 0 5px 0;	
}

#footerQuickLinks a {
	background-image: url(../images/footerArrowYellow.png);
	_background-image: url(../images/footerArrowYellow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

#footerContact {
	width: 300px;
	height: 200px;
	float: right;
}

.readMore {
	background-image: url(../images/linkArrowYellow.png);	
	_background-image: url(../images/linkArrowYellow.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding: 1px 20px 2px 0;
}

#copyright {
	height: 40px;
	background: #414141;
	padding: 10px 0 10px 0;
}

#learnMore {
	background-image: url(../images/indexLinkBar_01.png);
	_background-image: url(../images/indexLinkBar_01.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 22px;
}

#learnMore a {
	background-image: url(../images/indexLinkBar_02.png);
	_background-image: url(../images/indexLinkBar_02.gif);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	padding: 2px 10px 0 4px;
	margin: 0 0 0 10px;
}

.imgRight {
	float: left;
	margin: 0 10px 10px 0px;
}

.imgHome {
	float: right;
	margin: 0 0px 10px 10px;
}

#socialFour {
	width: 670px;
	height: 56px;
	background-image:url(../images/socialFour.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.iPhone {
	float: right;
	margin-left: 10px;
}

#indexContent li.facebook {
	background-image: url(../images/facebookSmall.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 30px;
	
}

#indexContent li.twitter {
	background-image: url(../images/twitterSmall.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 30px;
	
}

#indexContent li.myspace {
	background-image: url(../images/myspaceSmall.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 30px;
	
}

#indexContent li.youtube {
	background-image: url(../images/youtubeSmall.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 30px;
	
}

/* Sign Up form */


#signUpForm {
	float: left;
	width: 340px;
}

#signUpForm label {
	font-weight: bold;
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color: #7E0902;
}

#signUpForm #signUpFormBack {
  border: 1px solid #666666;
  background: #E0E0E0;
  width: 340px;
  padding: 20px;
}

#signUpForm #signUpFormLegend {
color: #fff;
background: #7E0902;
border: 1px solid #666666;
padding: 2px 6px;
margin: -32px 0 15px 10px;
_margin: -32px 0 15px 10px;
_position: relative;
width: 130px;
text-align: left;
}


#signUpFormRight {
	float: right;
	width: 275px;
	margin: 10px 0 0 0;
}

#signUpForm input {
	border: 1px solid #666666;
	padding: 5px;
}

#signUpForm .submit {
	background: #7E0902;
border: 1px solid #666666;
color: #fff;
padding: 3px;
text-transform: uppercase;
}

#dottedDividerSub {
border-bottom:1px dotted #999999;
clear:both;
height:1px;
margin:20px auto;
}

#howitworksList li {
	margin: 0 0 10px 0;
	overflow: hidden;
	list-style: none;
	background-image: none;
	padding: 0 0 0 0;
}

.websiteNumber {
	display: block;
	float: left;
	width: 60px;
}

.howitworksTxt {
	display: block;
	margin: 0 0 0 60px;
	width: 600px;
}

#footerContactLeft p {
	margin: 0 0 10px 0;	
}

#footerContactLeft label {
	width: 50px;
	float: left;
}

.length {
	width: 212px;	
}

#footerContactBottom {
	margin: 10px 0 0 0;
}

.footerContactDD {
	float: left;	
}

#footerContactLeft .submit {
	float: right;	
	margin: 0 33px 0 0;
}

#contactForm1 {
	width: 350px;	
	float: left;
}

#getSupport {
	width: 300px;
	float: right;
	height: 231px;
	background-image: url(../images/getSupportImage.jpg);
	background-repeat: no-repeat;
}

#supportText {
	width: 260px;
	margin: 50px 0 0 20px;
	text-align: left;
}

#supportText p {
	margin: 0 0 10px 0;
	padding: 0;
}

.supportHighlight {
	font-weight: bold;
	color: #7e0902;
}

#stunClick, #edClick {
	width: 298px;
	height: 135px;
	background-image: url(../images/stunClick.jpg);
	background-repeat: no-repeat;
	float: right;
}

#edClick {
	background-image: url(../images/edClick.jpg);
	margin: 0 10px 0 0;
	float: left;
}

#stunClick a, #edClick a {
	width: 298px;
	height: 135px;
	display: block;
}

#siteClick {
	width: 298px;
	height: 103px;
	background-image: url(../images/siteClick.jpg);
	background-repeat: no-repeat;
	float: right;
	margin: 60px 0 0 0;
}

#siteClick a {
	width: 298px;
	height: 103px;
	display: block;
}

.apptImage {
	float: right;
	margin: 0 0 5px 15px;
}