/* CSS Document */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #666666;
	}

a, a:link, a:hover, a:visited {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

	a {color: #7f9db9}
	a:link {color: #7f9db9}
	a:hover {color: #a5c7e7}
	a:visited {color: #5581aa}

img {border: none;}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	}

h1 {
	font-size: 14px;
	color: #005278;
	font-weight: bold;
	}

h2 {
	font-size: 18px;
	color: #6ab7de;
	font-weight: normal;
	}

h3 {
	font-size: 22px;
	color: #bbb;
	padding: 0px 0px 5px 0px;
	border-bottom: #666666 1px dotted;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-size: 100%;
	color:#666666;
	}

b {
	color:#005278;
	}

li {
	color: #666666;
	}

.main-title-text {
    background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; 
	font-weight: bold;
    text-align: left;
	margin: 0px;
	padding: 0px;
    color: #990000;  
	}
	
.main-title-text2 {
    background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; 
	font-weight: bold;
    text-align: left;
	margin: 0px;
	padding: 0px;
    color: #333333;  
	}
	
.large-title-text {
    background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 110%; 
	font-weight: bold;
    text-align: left;
	margin: 0px;
	padding: 0px;
    color: #990000;  
	}
	
.large-title-text2 {
    background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 110%; 
	font-weight: bold;
    text-align: left;
	margin: 0px;
	padding: 0px;
    color: #333333;  
	}
	
.vlarge-title-text {
    background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 120%; 
	font-weight: bold;
    text-align: center;
	margin: 0px;
	padding: 0px;
    color: #990000;  
	}

.homebox-nav-text{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color:  #666666 ;
	
}
.homebox-nav-text:link{
	text-decoration: none;
	color:  #666666 ;
	
}
.homebox-nav-text:visited{
	text-decoration: none;
	color:  #666666 ;
	
}
.homebox-nav-text:hover{
	text-decoration: none;
	color:  #990000 ;
	
}
.homebox-nav-text:active{
	text-decoration: none;
	color:  #666666 ;
	
}

.small-nav-text{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color:  #999999 ;
	
}
.small-nav-text:link{
	text-decoration: none;
	color:  #999999 ;
	
}
.small-nav-text:visited{
	text-decoration: none;
	color:  #999999 ;
	
}
.small-nav-text:hover{
	text-decoration: none;
	color:  #990000 ;
	
}
.small-nav-text:active{
	text-decoration: none;
	color:  #999999 ;
	
}

/* ------Container and upper page contents, navigation etc------ */

#container {
	margin: 0px auto 20px auto;
	width: 960px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#navBanner {
	background-image: url(../assets/topBanner.gif);
	background-repeat: no-repeat;
	width: 960px;
	height:80px;
}

#navHolder {
	width:470px;
	height:25px;
	position:relative;
	top:60px;
	left:310px;
	text-align:left;
	margin: 0;
}

#list {
	height: 25px;
	margin: 0;
	padding:0;
}

/*ul#list a {
	margin: 0px 10px 0px 0px;
	display: block; 
	text-decoration: none; 
	height: 25px;
}*/

li#spacer, li#spacer2, li#spacer3, li#spacer4, li#spacer5 {
	margin: 0px 5px 0px 5px;
	list-style-type: none;
	float: left;
	height: 25px;
	color:#7f9db9;
	font-size:85%;
}

li#button1, li#button2, li#button3, li#button4, li#button4, li#button5, li#button6, li#presentPage {
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: none;
	float: left;
	height: 25px;
	color:#7f9db9;
	font-weight:900;
	margin: 0px 0px 0px 0px;
	font-size:90%;
}

			li#button1 {}
			li#button2 {}
			li#button3 {}
			li#button4 {}
			li#button5 {}
			li#button5 {}
			li#button6 {}
			
			li#button1 a:hover {color:#cc6600}
			li#button2 a:hover {color:#cc6600}
			li#button3 a:hover {color:#cc6600}
			li#button4 a:hover {color:#cc6600}
			li#button5 a:hover {color:#cc6600}
			li#button5 a:hover {color:#cc6600}
			li#button6 a:hover {color:#cc6600}
			
			li#presentPage{
				color:#ccc;	
			}


#flashBanner{
	width:960px;
	height:160px;
	margin: 0 0 0 0;
	background-image: url(../assets/flash-holder.jpg);
	background-repeat: no-repeat;
}

#flashBannerSmall {
	width:960px;
	height:100px;
	margin: 0 0 0 0;
	background-image: url(../assets/content-banner.gif);
	background-repeat: no-repeat;
}


/* ------Home Pages Container and contents------ */
		
#mainContent {
	height:330px;
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
}
		
#homeBoxHolder {
	width:880px;
	margin: 0px auto 0px auto;
	height:200px;
	background:#fff;
}
				
#homeBoxesFirst1 {
	float:left;
	height:198px;
	width:278px;
	border:1px solid #999;
	background:#f0f9ff;
	margin: 0px 20px 0px 0px;
}				
				
#homeBoxesFirst2 {
	float:left;
	height:198px;
	width:278px;
	border:1px solid #999;
	background:#f0f9ff;
	margin: 0px 20px 0px 0px;
}
				
#homeBoxesLast1 {
	float:left;
	height:198px;
	width:278px;
	border:1px solid #999;
	background:#f0f9ff;
	margin: 0px 0px 0px 0px;
}

#boxHeadline, #boxHeadline2, #boxHeadline3 {
	width:240px;
	height:28px;
	margin: 10px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bolder;
	color:#4e80b1;
}
						
#frontBoxPicture, #frontBoxPicture2, #frontBoxPicture3 {
	width:248px;
	height:117px;
	margin: 0px 0px 0px 18px;
}
						
#frontBoxText, #frontBoxText2, #frontBoxText3 {
	width:240px;
	height:30px;
	margin:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	background: url(../assets/gfx-yellow-arrow.gif) right top no-repeat;
}
				
				
/* ------Front page forms------ */
				
#frontFormHolder {
	width:880px;
	margin: 20px auto 20px auto;
	height:90px;
}
				
#customerLogin, #signUp {
	width:428px;
	height:88px;
	float:left;
	border:1px #CCC solid;
}
				
#customerLogin {
	margin: 0px 20px 0px 0px;	
}
				
#signUp {
	margin: 0px 0px 0px 0px;
}
				
#formHeadlineHolder, #formHeadlineHolder2 {
	width:388px;
	margin:15px auto 0px auto;
	height:30px;
}
				
#formTitle, #formTitle2 {
	float:left;
	font-weight: 900;
	text-align:left;
	color:#cc6600;
	font-size:80%;
}
				
#formSubHeader, #formSubHeader2 {
	float:right;
	font-size:70%;
	font-weight:bold;
	text-align:right;
	color:#666;
	margin: 2px 0px 0px 0px;
}
				
#formLine, #formLine2 {
	width:388px;
	height:20px;
	margin: 0px auto 0px auto;
					
}
				
form {
	padding: 0px;
	margin: auto;
					
}
				
.formField{
	font-size: 70%;
	width: 140px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #7f9db9;
	color: #666;
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 0px 3px;
}

.formField2{
	font-size: 90%;
	width: 180px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #7f9db9;
	color: #666;
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 0px 3px;
}

.formField3{
	width: 180px;
	height: 150px;
	background-color: #fff;
	border: 1px solid #7f9db9;
	color: #666;
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 0px 3px;
}
				
.formButton {
	font-size:70%;
	width:53px;
	height:20px;
	background:#ece9d8;
	border:1px solid #000000;
	float:right;
	position:relative;
	top:-21px;	
	padding: 0px;
	margin:auto;
}

/* ------Sign Up Form------ */

#signupFormHolder {
	float:left;
	margin: 20px 0px 0px 0px;
}

.signupFormLeft {
	width:250px;
	float:left;
}

.signupFormRight {
	width:250px;
	float:left;
}

.signupFormLabels{
	font-size:80%;
	margin-top:10px;
}

.signupFormSmall{
	font-size:70%;
	margin-top:10px;
}

/* ------Features containers and font image styles------ */
/* ------Due to a late bug each page has it's own content holder with a fixed 'height' for now. It'll be a simple fix somewhere but if you run into flow problems just change the height setting here and add a new rule for any new sections------ */
		
#featuresContent {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:785px;
	padding:0px;
	margin: 0 auto 0 auto;
}

#featuresContentPricing {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:975px;
	padding:0px;
	margin: 0 auto 0 auto;
}

#featuresContentSignup {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:525px;
	padding:0px;
	margin: 0 auto 0 auto;
}
		
#featuresContentSubscribe {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:515px;
	padding:0px;
	margin: 0 auto 0 auto;
}
		
#featuresContentReport {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:650px;
	padding:0px;
	margin: 0 auto 0 auto;
}	

#featuresContentContact {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:350px;
	padding:0px;
	margin: 0 auto 0 auto;
}	
				
#featuresSubscribeHolder {
	width:880px;
	padding: 0px 40px 0px 40px;
}
				
#featuresCreateHolder {
	width:880px;
	padding: 0px 40px 0px 40px;
}
				
#featuresTitle {
	width:580px;
	color:#981418;
	float:left;
	font-weight:900;
	font-size:105%;
	margin: 0px 0px 10px 0px;
}
						
#featuresMainParagraph {
	width:580px;
	color:#666;
	float:left;
	font-size:75%;
	border-bottom:1px solid #999999;
	font-weight:900;
	padding: 0px 0px 20px 0px;
}
						
#featuresSubjectHolder, #featuresSubjectHolder2, #featuresSubjectHolder3, #featuresSubjectHolder4, #featuresSubjectHolder5 {
	width:580px;
	float:left;
	margin: 20px 0px 0px 0px;
}
						
#featuresSubjectImageHolder, #featuresSubjectImageHolder2, #featuresSubjectImageHolder3, #featuresSubjectImageHolder4, #featuresSubjectImageHolder5 {
	width:278px;
	float:left;
	border:1px solid #ccc;
	margin: 0px 18px 0px 0px;
}
								
#featuresSubjectTitle, #featuresSubjectTitle2, #featuresSubjectTitle3, #featuresSubjectTitle4, #featuresSubjectTitle5 {
	width:280px;
	float:right;
	color:#666;
	font-size:95%;
	color:#7f9db9;
	font-weight:900;
	margin: 0px 0px 5px 0px;
}								
								
#featuresSubjectText, #featuresSubjectText2, #featuresSubjectText3, #featuresSubjectText4, #featuresSubjectText5 {
	width:280px;
	float:right;
	color:#333;
	font-size:70%;
}

.pricesSubjectText{
	width:280px;
	float:right;
	color:#000;
	font-size:70%;
}
						
#featuresNav {
	width:240px;
	float:right;
	margin: 0px 0px 0px 0px;
	height:300px;
	padding: 0px 20px 0px 20px;
}

#featuresNavLinkTitle, #featuresNavLink, #featuresNavLink2 {
	font-size:80%;
	width:240px;
	font-weight:bolder;
	height:25px;
	color:#999;
}

#featuresNavLinkTitle {
	
}

#featuresNavLink, #featuresNavLink2 {
	background: url(../assets/gfx-yellow-arrow-small.gif) right top no-repeat;
	padding: 3px 0px 0px 0px;
}

#featuresNavLink, a:hover{

	color:#ffcc67;
}

#featuresDeadLink {
	font-size:80%;
	width:240px;
	font-weight:bolder;
	height:25px;
	color:#ffcc67;
	background: url(../assets/gfx-yellow-arrow-small.gif) right top no-repeat;
	padding: 3px 0px 0px 0px;
}

/* ------Contact Form------ */


#contact-container{
	width:580px;
	float:left;
	margin-top:20px;
}

.form-holder{
	float:left;
	width:250px;
}

/* ------General Content------ */

#areaContentAntispam {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:1250px;
	padding:0px;
	margin: 0 auto 0 auto;
	}

#areaContentPrivacy {
	background-image: url(../assets/bg-tile.gif);
	background-repeat: repeat-y;
	height:1375px;
	padding:0px;
	margin: 0 auto 0 auto;
	}

#contentMainArea {
	width:580px;
	float:left;
	margin: 20px 0px 0px 0px;
	font-size:70%;
	}

/* ------Lower-Links------ */

#lowerLinksHolder {
	width:958px;
	height:25px;
	border:1px solid #ccc;
	background:#FFFFFF;
	}

#lowerLinks {
	width:954px;
	height:21px;
	margin: 2px auto 2px auto;
	background-color:#ffffcc;
	}

#lowerLinksText {
	font-size: 70%;
	padding: 4px 0px 0px 37px;
	}


/* ------Footer and W3C links and copyright info------ */

#footer {
	width:960px;
	height:50px;
	background-image: url(../assets/borderBottom.gif);
	background-repeat: no-repeat;
	}

#w3cLinks {
	width:880px;
	height:20px;
	padding:0px 40px 0px 40px;
	}

#w3cRollovers{
	float:left;
	width:57px;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#w3cRolloversCSS{
	float:left;
	width:57px;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
		
#w3cSpacer {
	width:10px;
	height:20px;
	float:left;
	}
		
#w3cCopyright {
	float:right;
	height:15px;
	font-size:70%;
	text-align:right;
	color:#999;
	margin: 2px 0px 0px 0px;
	}

#w3cKomodo {
	float:right;
	height:15px;
	font-size:70%;
	text-align:right;
	color:#999;
	margin: 2px 0px 0px 0px;
	}
		
#w3cKomodoLogo{
	float:right;
	margin: 0px 5px 0px 5px;
	}