/* CSS Document */


/*Varnish stripping**/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquot
e,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none;}
address { font-style:normal; }
abbr, acronym {border: none;}
a {text-decoration: none;}

/* preloaders*/
.hiddenPic {
display:none;
}

/*browser normalisation*/ 
#force-scrollbar { 
	position: absolute; 
	top: 0; 
	bottom: -1px;
	width: 1em;
	z-index: -1;
}

body {
background-color:#293039;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
margin-top: 30px;
font-size: 62.5%;
font-family:Arial, Helvetica, sans-serif;
line-height: 170%;
color:#FFFFFF; 
padding:0; 
background-image:url(images/grey-background2.jpg);
background-repeat:repeat-x;
}

h1 {
font-size: 3.5em;
font-weight: normal;
line-height: 120%;
margin-top: -5px;
border-bottom: 1px solid #2A313A;
padding-bottom:25px;
margin-bottom: 25px;
}

h1#hidden {
font-size: 3.5em;
font-weight: normal;
line-height: 120%;
margin-top: -5px;
border-bottom: 1px solid #2A313A;
padding-bottom:25px;
margin-bottom: 25px;
display: none;
}

p {
margin-bottom: 10px; 
font-size: 1.3em;
line-height: 170%;
}

a {
color:#FFFFFF;
text-decoration:none;
font-weight: normal;
}

a:hover {
color: #0099FF;
}

.texthighlight {
background-color:#0099FF;
padding: 0px 2px 0px 2px;
}

.texthighlight2 {
background-color:#FF0099;
padding: 0px 2px 0px 2px;
}

.texthighlight3 {
background-color:#669900;
padding: 0px 2px 0px 2px;
}



/*call to acrtions*/
#calltoaction1 {
text-align: center;
font-size: 1.4em;
font-weight: normal;
width: 900px;
color: #FFFFFF;
margin-right: auto;
margin-left: auto;
padding: 8px 0px 5px 0px;
background-color: #1E2329;
height: 20px;
margin-bottom: 24px;
}

#number {
color:#0099FF;
}

#calltoaction2 {
text-align: right;
font-size: 1.2em;
font-weight: normal;
width: 240px;
color: #FFFFFF;
float:right;
line-height: 110%;
}


/*page heading*//*
#pageheading {
float: left;
width: 550px;
}*/

/*top navigation and logo*/

#logo {
text-align: left;
font-weight: bold;
width: 900px;
color: #FFFFFF;
margin-right: auto;
margin-left: auto;
padding-bottom: 60px;
}

#topnav {
text-align: center;
font-size: 1.3em;
font-weight: normal;
width: 900px;
color: #8B959C;
height: 20px;
margin-right: auto;
margin-left: auto;
padding-bottom: 5px;
margin-bottom: 2px;
}

#topnav a {
padding-right: 14px;
color: #8B959C;
font-size: 1.2em;
}

#topnav a:hover {
color:#FFFFFF;
}

#topnav-left {
text-align: left;
float: left;
}

#topnav-right {
float:right;
text-align: left;
}

#topnav a#last {
padding-right: 0px;
color:#8B959C;
}

#topnav a:hover#last {
padding-right: 0px;
color:#FFFFFF;
}


#section-nav {
text-align: center;
font-size: 1.4em;
font-weight: bold;
width: 900px;
color: #FFFFFF;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
margin-bottom: 55px;
border-top: 1px solid #1E2329;
}

/* wrappers*/
#mainwrapperhome {
width: 900px;
margin-right: auto;
margin-left: auto;
margin-bottom: 45px;
}

#mainwrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
}

/*#mainwrapper2 {
width: 820px;
margin-top: 24px;
background-color:#1E2329;
padding:30px 40px 20px 40px;
margin-right: auto;
margin-left: auto;
}*/

#mainwrapper3  /*needed for faux columns*/
{
float: left;
width: 820px;
background-color:#1E2329;
padding:30px 40px 30px 40px;
margin-bottom: 45px;
}


#mainwrapper p a {
padding: 0px 2px 0px 2px;
background-color:#3D4552;
color:#FFFFFF;
}

#mainwrapper p a:hover {
background-color:#0099FF;
color:#FFFFFF;
}




/* section boxes (links)*/
#sectionlinks-wrapper {
margin-right: auto;
margin-left: auto;
width: 897px;
margin-top: 25px;
}

#blue-section-holder p, #pink-section-holder p, #green-section-holder p {
line-height: 150%;
}

#blue-section-holder, #blue-section-holder2 {
float: left;
width: 290px;
margin-right: 13px;
font-size: 1.1em;
}

#pink-section-holder, #pink-section-holder2 {
float: left;
width: 290px;
font-size: 1.1em;
}

#green-section-holder, #green-section-holder2 {
float: left;
width: 290px;
margin-left: 13px;
font-size: 1.1em;
}


#blue-section-content {
width: 234px;
border-left: 8px solid #FFFFFF;
border-right: 8px solid #FFFFFF;
border-bottom: 8px solid #FFFFFF;
background-image:url(images/blue-background3.jpg);
padding: 20px;
margin-bottom: 40px;
}

#pink-section-content {
width: 234px;
border-left: 8px solid #FFFFFF;
border-right: 8px solid #FFFFFF;
border-bottom: 8px solid #FFFFFF;
background-image:url(images/pink-background3.jpg);
padding: 20px;
}

#green-section-content {
width: 234px;
border-left: 8px solid #FFFFFF;
border-right: 8px solid #FFFFFF;
border-bottom: 8px solid #FFFFFF;
background-image:url(images/green-background3.jpg);
padding: 20px;
}

#blue-section-holder a{
	display: block;
	font-weight:normal;
	color:#FFFFFF;
	font-style:normal;
	text-transform:uppercase;
	font-size: 1em;
	background-color:#32A0EA;
	padding: 6px 6px 5px 6px;
	margin-top: 23px;
	width: 120px;
	text-align:center;
	line-height:1.5em;
}

#pink-section-holder a{
	display: block;
	font-weight:normal;
	color:#FFFFFF;
	font-style:normal;
	text-transform:uppercase;
	font-size: 1em;
	background-color:#ED4CAD;
	padding: 6px 6px 5px 6px;
	margin-top: 23px;
	width: 120px;
	text-align:center;
	line-height:1.5em;
}

#green-section-holder a{
	display: block;
	font-weight:normal;
	color:#FFFFFF;
	font-style:normal;
	text-transform:uppercase;
	font-size: 1em;
	background-color:#84A83D;
	padding: 6px 6px 5px 6px;
	margin-top: 23px;
	width: 120px;
	text-align:center;
	line-height:1.5em;
}


#green-section-holder a:hover, #pink-section-holder a:hover, #blue-section-holder a:hover
{
	background-color:#2A313A;
}


/*columns*/

.column1 {
float: left;
}

.column2 {
float: left;
width: 185px;
}

.column3 {
float: right;
width: 585px;
border-left: 1px solid #2A313A;
padding-left: 25px;
}

.column3 ul {
font-size: 1.3em;
margin-bottom: 30px;
margin-top: 10px;
margin-left: 18px;
}

.column3 ul li {
list-style:outside;
list-style:disc;
margin-top: 10px;
}



/*features*/
#features {
clear:both;
margin-top: 24px;
width: 900px;
margin-right: auto;
margin-left: auto;
}

#features ul a {
display:block;
color:#999999;
}

#features ul a:hover {
color:#FFFFFF;
}

#features ul li{
border-bottom: 1px solid #666666;
font-size: .9em;
font-weight: bold;
color: #FFFFFF;
padding: 10px 40px 10px 20px;
text-align:right;
height: 15px;
}

li#emailit {
background-image:url(images/emailit.gif);
background-repeat:no-repeat;
}

li#reviewit {
background-image:url(images/reviewit.gif);
background-repeat:no-repeat;
}

li#orderit {
background-image:url(images/orderit.gif);
background-repeat:no-repeat;
}

li#buyit {
background-image:url(images/buyit.gif);
background-repeat:no-repeat;
}

li#discussit {
background-image:url(images/discussit.gif);
background-repeat:no-repeat;
}


/*footer*/

#footer-wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
}

#footer-wrapper p {
font-size: .9em;
margin-bottom: 0;
color:#9DABB1;
}

#footer {
float: left;
text-align:left;
}

#footer2 {
float: left;
text-align: left;
width: 570px;
}

#footer3 {
float: right;
text-align: right;
margin-right: 195px;
}

#footer4 {
float: right;
text-align: right;
}

#footer-wrapper a {
color:#FFFFFF;
}

#footer-wrapper a:hover {
color:#BEC5CD;
}




#copyright {
clear: both;
width: 900px;
margin-right: auto;
margin-left: auto;
padding-bottom: 50px;
color:#BEC5CD;
}

#copyright2 {
clear: both;
width: 745px;
padding-bottom: 50px;
color:#BEC5CD;
}

#copyright a, #copyright2 a {
font-size: .9em;
color:#9DABB1;
}

#copyright a:hover, #copyright2 a:hover {
color:#FFFFFF;
}


/* quick links */
h2#quicklinks1 {
font-size: 2.5em;
line-height: 120%;
color:#343B43;
font-weight: normal;
margin-bottom: 10px;
}

h2#quicklinks1 a {
color:#9DABB1;
font-weight: normal;
}

h2#quicklinks1 a:hover {
color:#FFFFFF;
}