body {
background-color: #262626;
font-family: Helvetica, Arial, Verdana, sans-serif;
margin:0px;
text-align: left;
font-size: 12px;
} 

img{}

a img{border: 0px;}

/* type
-----------------------------------------------*/

p{
font-size: 12px;
line-height: 18px;
margin: 0px;
font-weight: normal;
padding: 0px 0px 9px 0px;
color: #333333;
}

h1{
font-size: 48px;
background-color:transparent;
background-repeat:no-repeat;
display:block;
text-indent:-9999em;
margin: 0px;
padding: 0px 0px 49px 0px;
}

h1 a{
background:transparent url(/images/logo.png) no-repeat scroll 0%;
border-bottom: medium none;
display:block;
height:100px;
overflow:hidden;
}

h1.active {
background-image: url(/images/navactive.png);
background-position: bottom;
background-repeat: no-repeat;
background-color:transparent;
}

h1:hover {
background-image: url(/images/navactive.png);
background-position: bottom;
background-repeat: no-repeat;
background-color:transparent;
}

h2, #content_col .two_col_left h2.blog {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 36px;
padding: 0px 30px 10px 0px;
color: #222222;
line-height: 38px;
background-color:transparent;
background-repeat:no-repeat;
display:block;
text-indent:-9999em;
margin: 0px 0px 10px 0px;
border-bottom: medium none;
overflow:hidden;
}



h2.home {height:110px; background:transparent url(/images/text_home.jpg) no-repeat scroll 0% top ;}
h2.tour {height:33px; background:transparent url(/images/text_tour.jpg) no-repeat scroll 0% top ;}
h2.features {height:65px; background:transparent url(/images/text_features.jpg) no-repeat scroll 0% top ;}
h2.pricing {height:33px; background:transparent url(/images/text_pricing.jpg) no-repeat scroll 0% top ;}
h2.blog {height:33px; background:transparent url(/images/text_blog.jpg) no-repeat scroll 0% top ;}
h2.signup {height:33px; background:transparent url(/images/text_signup.jpg) no-repeat scroll 0% top ;}
h2.generic {height:33px; background:transparent url(/images/text_generic.jpg) no-repeat scroll 0% top ;}

h3{
font-size: 16px; 
margin: 0px; 
padding: 0px 30px 30px 0px;
color: #333333;
line-height:20px;
}

p+h3, ul+h3 {
	padding-top: 30px;
}


h4{font-size: 18px; margin: 0px; font-weight: normal; padding: 9px 0px 9px 0px;}
h5{font-size: 18px; margin: 0px; font-weight: normal;}
h6{}

a{
text-decoration: none;
color: #bf2e1a;
}
a:hover {
color: #e4701e;
}

ul{
margin: 10px 0px 10px 0px;
padding: 0px;
list-style: none;
}
ol{}
li{}

ul.about, ul.jobs {
list-style:square inside;
padding-bottom: 1em;
}

ul.jobs {
padding-top: 1em;
padding-left: 30px;
}

ul.features {
margin: 0;
}

ul.features li {
float: left;
width: 290px;
padding: 0px 0px 7px 0px;
background:url(/images/sectionarrow_white.jpg) no-repeat top left;
padding-left: 15px;
}

hr {
border-color:#d0cec4;
border-style:solid none none;
border-width:1px 0pt 0pt;
display:block;
height:1px;
padding:0px;
margin: 20px 30px 30px 0px;
}

p.born {
font-size: 16px;
}

/* quotes from case studies
-----------------------------------------------*/

.quote, .quote_normal p {
text-align: right;
}

.quote p {
font-size: 14px;
}

.quote blockquote p {
font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Verdana, sans-serif;
line-height: 32px;
font-size: 24px;
font-weight: bold;
}

/* Class
-----------------------------------------------*/

a.readmore{
background-color: #bf2e1a;
padding: 2px 2px 0px 2px;
color: #ffffff;
}

#footer_col a.readmore{
color: #ffffff;
}

#footer_col a.readmore:hover {
color: #ffffff;
background-color: #e4701e;
}

#content_col a.readmore:hover {
color: #ffffff;
background-color: #e4701e;
}

.nowrap{
white-space: pre;
}

.signup a{
background:url(/images/signup.jpg) no-repeat bottom;
background-repeat: no-repeat;
color:#FFFFFF;
float:left;
font-size:24px;
margin: 0px 20px 40px 0px;
padding: 8px 25px 7px 25px;
}

.signup a:hover{
background-image:url(/images/signupover.jpg);
}

#content_col ul.newinversion{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: disc;
font-size: 14px;
color: #838282;
list-style-position:inside;
}

#content_col ul.newinversion+p {
padding-bottom: 1em;
}

#content_col .bgrcolourright ul.newinversion{padding-bottom:0px;}

.backtotop{
float:right;
padding-right: 30px;
font-size: 11px;
font-weight: bold;
}

.author{
font-size:11px;
font-style:italic;
color: #777777;
line-height: 12px;
display:block;
margin-bottom:1.5em;
padding: 0px 30px 0px 20px;
}

.appgloss{
margin-left: -20px;
}

.commentslink a{
font-size:11px;
font-weight:normal;
margin-left:1em;
}

/* features content ----------*/

.features_content{
width: 930px;
padding: 15px 0px 10px 15px;
margin: 0px 0px 0px 15px;
}

.features_content p{
padding: 0px 30px 9px 0px;
}


.features_content img{
padding: 0px 9px 9px 0px;
}

.features_content p img{
float: right;
padding: 0px 9px 9px 9px;
}

.features_content p img.arrow{
float:none;
padding: 0px 0px 0px 0px;
}


.bgcolour{
background-image: url(/images/features_bgr.jpg);
background-repeat:repeat-y;
}

/* column background colour  ----------*/

#content_col .bgrcolourright{
background-repeat:repeat-y;
padding: 20px 0px;
}

#content_col .pricingsignup{
background-image: url(/images/pricing_bgr.jpg);
}

#content_col .blogcolumn{
background-image: url(/images/blog_bgr.jpg);
}

#content_col .bgrcolourright p{
padding: 0px 50px 9px 20px;
}

#content_col .bgrcolourright h3{
padding: 0px 50px 9px 20px;
}

#content_col .bgrcolourright address{
padding: 0px 50px 9px 20px;
}

#content_col .bgrcolourright ul{
padding: 0px 30px 16px 20px;
}

#content_col .bgrcolourright h4{
padding: 0px 50px 7px 20px;
font-size: 14px;
}


/* features icons----------*/

.featuresicon{
background-repeat: no-repeat;
width:60px;
height: 45px;
display: block;
float: left;
padding: 0px 7px 4px 0px;
}

.featuresicon span {
display: none;
}

.pricing{background-image: url(/images/features_pricing.jpg);}
.addvalue{background-image: url(/images/features_addvalue.jpg);}
.audience{background-image: url(/images/features_audience.jpg);}
.brand{background-image: url(/images/features_brand.jpg);}

a:hover.pricing{background-image: url(/images/features_pricing_over.jpg);}
a:hover.addvalue{background-image: url(/images/features_addvalue_over.jpg);}
a:hover.audience{background-image: url(/images/features_audience_over.jpg);}
a:hover.brand{background-image: url(/images/features_brand_over.jpg);}


/* columns----------*/
		
.two_col{
float: left;
width: 465px;
padding: 0px 0px 0px 0px;
}

.two_col_left{
float: left;
width: 691px;
padding: 0px 0px 0px 0px;
}	

.two_col_left p img{
padding: 0px 7px 4px 0px;
}

#content_col p.image {
clear:both;
margin:0 auto;
padding:15px 0 10px 0;
text-align:center;
}

#content_col p.image img {
padding:0px;
}

.two_col_right{
float: left;
width: 226px;
padding: 0px 0px 0px 0px;
}	

.three_col{
float: left;
width: 310px; 
padding: 0px 0px 0px 0px;
}

.four_col{
float: left;
width: 226px; 
padding: 0px 0px 0px 0px;
}

.case_study_col_left{
float: left;
width: 280px;
padding: 25px 0px 0px 0px;
}	

.case_study_col_right{
float: left;
width: 637px;
padding: 0px 0px 0px 0px;
}

.greysubhead{
color: #777777;
}
		
.clear_both {
clear:both;
position:relative;
}

.clear_left {
clear:left;
position:relative;
}

.footernav{
padding: 0px 0px 0px 30px;
}
.footernav a{
color: #999999;
padding: 0px 5px 0px 5px;
}

.footernav a:hover{
color: #ffffff;
}



/* section navigation --*/

.sectionnav{
background-repeat: no-repeat;
background-position: center;
width:10px;
height: 17px;
display: block;
float: left;
margin: 0px 5px 0px 0px;
}

.sectionnav span {
display: none;
}

.left{background-image: url(/images/sectionnav_left.png);}
.circle_1{background-image: url(/images/sectionnav_circle.png);}
.circle_2{background-image: url(/images/sectionnav_circle.png);}
.circle_3{background-image: url(/images/sectionnav_circle.png);}
.circle_4{background-image: url(/images/sectionnav_circle.png);}
.circle_5{background-image: url(/images/sectionnav_circle.png);}
.right{background-image: url(/images/sectionnav_right.png);}

a:hover.left{background-image: url(/images/sectionnav_leftover.png);}
a:hover.circle_1{background-image: url(/images/sectionnav_active.png);}
a:hover.circle_2{background-image: url(/images/sectionnav_active.png);}
a:hover.circle_3{background-image: url(/images/sectionnav_active.png);}
a:hover.circle_4{background-image: url(/images/sectionnav_active.png);}
a:hover.circle_5{background-image: url(/images/sectionnav_active.png);}
a:hover.right{background-image: url(/images/sectionnav_rightover.png);}

/* Forms ----------*/

#signupform{
margin:20px 0px 7px 0px;
}

#signupform input{
margin:0px 0px 7px 0px;
border: 1px solid #bababa;
}

#signupform label {
clear:both;
display:inline;
float:left;
font-size:14px;
margin:0px 12px 7px 0px;
padding:0px 0px 0px 0px;
width:25%;
text-align:right;
color: #575757;
}

#signupform .submit {
background:url(/images/navsignup.jpg) no-repeat bottom;
border:none;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
height: 30px;
width: 76px;
padding: 0px;
margin: 0px 0px 0px 130px;
font-family:Helvetica,Arial,Verdana,sans-serif;
}

#signupform .submit:hover{
background-image:url(/images/navsignupover.jpg);
}

.required{
color: #F0037F;
}

#commentsform{
margin:0px 0px 7px 0px;
}

#commentsform input{
margin:0px 0px 7px 0px;
border: 1px solid #bababa;
vertical-align:top;
}

#commentsform label {}

#commentsform .submit {
background:url(/images/navsignup.jpg) no-repeat bottom;
border:none;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
height: 30px;
width: 76px;
padding: 0px;
margin: 0px;
font-family:Helvetica,Arial,Verdana,sans-serif;
}



#commentsform .submit:hover{
background-image:url(/images/navsignupover.jpg);
}



/* Div
-----------------------------------------------*/

#wrapper{
background-image: url(/images/bgrgradient.jpg);
background-repeat: repeat-x;
background-color: #f9f8f1;
}

#header_container{}

#header{
width: 960px;
height: 160px;
margin:0pt auto;
background-image: url(/images/headerbgr.png);
}

#logo{
float: left;
width: 351px;
padding: 0px 0px 0px 0px;
left:-46px !important;
position:relative;
top:0pt;
}
		
#nav{
float: right;
}

#nav ul{
position: relative;
top: 81px;
left: 0px;
margin: 0px;
padding: 0px;
}

#nav li{
display:inline;
padding: 0px 10px 48px 10px;
}

#nav li.active {
background-image: url(/images/navactive.png);
background-position: bottom;
background-repeat: no-repeat;
background-color:transparent;
}

#nav li:hover {
background-image: url(/images/navactive.png);
background-position: bottom;
background-repeat: no-repeat;
background-color:transparent;
}

#nav a{
color: #330000;
font-weight: normal;
font-size: 18px;
padding:0px;
margin: 0px;
}

#nav a:hover{}

#nav a.navsignup{
color: #ffffff;
background: url(/images/navsignup.jpg) no-repeat bottom;
padding:5px 16px;
}

#nav a:hover.navsignup{
background-image: url(/images/navsignupover.jpg);
}

#content_container{}

#content{
width: 960px;
margin:0pt auto;
background-image: url(/images/contentbgr.jpg);
padding-top: 4px;
}

#content_col{
width: 930px;
padding: 0px 0px 0px 30px;
}

#content_col p {
padding: 0px 30px 10px 0px;
color: #3b3b3b;
}

#content_col h4, #content_col h5 {
padding: 10px 30px 5px 0px;
color:#333333;
font-weight:bold;
}


#content_col img {
padding-bottom: 9px;
}

#content_col ul {
font-size: 12px;
margin: 0px 30px 0px 0px;
}


#content_col li {
padding: 3px 0px 3px 0px;
color:#3B3B3B;
}

#features_col{
background-color:#F9F9F1;
margin:0px 15px;
padding:15px 0px 10px 15px;
width:910px;
}

#features_col p{
font-size: 14px;
padding: 0px 30px 9px 0px;
color: #999999;
line-height: 18px;
}

#features_col p strong{
font-size: 14px;
color: #222222;
line-height: 18px;
}

#features_col p img{
float:left;
padding: 0px 7px 4px 0px;
vertical-align:top;
}

#features_col h3{
padding-bottom: 10px;
}

#features_col h3 img{
float:right;
padding: 0px 0px 4px 30px;
vertical-align:top;
}

#threepercent{
float: left;
width: 430px;
padding: 0px 0px 0px 0px;
}

#threepercent h4{
font-size: 48px;
background-color:transparent;
background-repeat:no-repeat;
display:block;
text-indent:-9999em;
margin: 0px;
padding: 0px 0px 10px 0px;
}

#threepercent h4 a{
background:transparent url(/images/pricing_signup.jpg) no-repeat scroll 0%;
border-bottom: medium none;
display:block;
height: 94px;
overflow:hidden;
}

#threepercent h4 a:hover {background-image: url(/images/pricing_signupover.jpg);}

#comments{
margin-top: 30px;
}

#comments-list ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 10px 0px;
padding: 0px;
}

#comments-list li {
margin-bottom: 10px;
padding-left:65px;
position:relative;
}

#comments-list img.avatar {
position:absolute;
left:0px;
top:0px;
}

#roundedcorners_container{}

#roundedcorners{
width: 960px;
height: 52px;
margin:0pt auto;
background-image: url(/images/roundedcorners.png);
background-repeat: no-repeat;
}

#footer_container{
background-color: #262626;
}

#footer{
width: 960px;
margin:0pt auto;
padding: 0px 0px 20px 0px;
}

#footer_col{
padding: 20px 0px 20px 30px;
}

#footer_col .three_col{
width: 310px; 
}

#footer_col p {
padding: 0px 30px 10px 0px;
color: #adadad;
font-size: 12px;
line-height: 18px;
}

#footer_col p img{
float: left;
vertical-align: top;
padding: 3px 7px 4px 0px;
}

#footer_col img{
padding: 4px 7px 4px 0px;
}

#footer_col h4 {
padding: 0px 30px 9px 0px;
color: #a1a0a0;
font-family: Georgia, 'Times New Roman', Times, serif;
}

#footer_col h5 {
padding: 0px 30px 9px 0px;
color: #ffffff;
line-height: 22px;
}

#footer_col a {
color: #bf2e1a;
}

#footer_col a:hover {
color:#e4701e;
}
		
#footer_copyright{
padding: 0px 0px 0px 30px;
}

#footer_copyright p {
color: #555555;
font-size: 12px;
padding: 0px 30px 0px 0px;
}

	
#footer_logo{
width: 994px;
height: 64px;
background-image: url(/images/footerlogo.jpg);
background-repeat: no-repeat;
margin-left: -3px;
}