body {
 background-image: url(../images/bg1.png);
 background-repeat: repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #e1e1e1;

}

#wrapper {
 margin:0 auto;
 width:938px;
}

#wrapper2 {
 margin:0 auto;
 width:938px;
}



#header {
height: 115px;


}


.logo {
height: 38px;
width: 213px;
background-image: url(../images/logo.png);
float: left;
margin-top: 35px;
}


#toplinks{
float: right;
margin-top: 15px;
color: gray;
height: 15px;


}

#toplinks ul{
padding-left: 20px;

float: right;

}


#toplinks ul li{
padding-left: 20px;
float: right;

}

#toplinks ul li a{
color: gray;
text-decoration: none;

}

#toplinks ul li a:hover{
color: white;


-webkit-transform: translate(0em,1px);
-moz-transform: translate(0em,1px);
-o-transform: translate(0em,1px);

}

#toplinks ul li:last-child{
margin-right: 0px;
font-weight: bold;



}



#nav {
float: right;
margin-top: 25px;
color: white;
clear: right;


}


#nav ul {
float: right;
list-style-type: none;
height: 30px;
padding-left: 20px;
display:inline;

}

#nav ul li{
margin-right: 15px;
font-weight: bold;

display: inline;


}

#nav ul li:last-child{
margin-right: 0px;
font-weight: bold;



}



#nav ul li a{
position: relative;
color: white;
text-decoration: none;


}



#nav ul li a:hover{
color: red;
text-decoration: none;

-webkit-transform: translate(0em,1px);
-moz-transform: translate(0em,1px);
-o-transform: translate(0em,1px);


}


#block1 {
height: 166px;
background: url(../images/header.png);
padding: 20px;
background-repeat: no-repeat;
}




.title1 {


}

.title1 h1 {
font-weight: bold;
font-family: Helvetica;
font-size: 26px;
text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);

color: white;
letter-spacing: -2px;

}

h2{
font-family: Helvetica;
font-size: 17px;

text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
color: white;
letter-spacing: -1px;
}


h3{
line-height: 28px;
margin-left: 8px;
}



#block2 {
margin-top: 25px;
height: 227px;
background: url(../images/block2_bg.png);
}

.seefeatures {
text-align: right;
color: white;
height: 35px;
line-height: 39px;
margin-right: 20px;
font-style: italic;
text-decoration: underline;
}

.seefeatures a {
color: white;
text-decoration: none;

}

.cases_link a {
color: black;
text-decoration: none;

}

.testimonials_link {
text-align: right ;
color: gray;
width: 560px;
height: 45px;
line-height: 65px;
font-style: italic;
text-decoration: underline;
padding-right: 20px;
float: left;
}

.testimonials{
float: left;
width: 510px;
padding: 20px;
margin-top: 15px;
line-height: 15px;

}




.cases_link {
text-align: right ;
float: right;
color: gray;
width: 40px;
height: 45px;
line-height: 65px;
font-style: italic;
text-decoration: underline;
padding-right: 20px;
}

.featureboxes {
width: 895px;
margin: 0 auto;
margin-top: 10px;
height: 150px;
}

.box1{
height: 165px;
width: 220px;
float: left;
margin-right: 13px;
margin-top: 0px;

}

.box1 ul {
list-style: square;
list-style-position: inside;
margin-left: 19px;

}

.box1 ul li{
line-height: 18px;
list-style-position: outside;
}


.box1 ul li a{
text-decoration: none;
color: #333333;
font-size: 13px;

}

.box2{
height: 165px;
width: 420px;
float: left;


}

.box2 ul {
list-style: square;
list-style-position: inside;
margin-top: 13px;
}

.box2 ul li{

line-height: 23px;
list-style-position: outside;
text-align: left;
}


.box2 ul li a{
text-decoration: none;
color: #333333;
font-size: 13px;
}

.graphic {
height: 150px;
width: 100px;
margin-left: 5px;
margin-top: 16px;
float: left;
}

.box2list {


float: left;
margin-left: 35px;


}

.graphictxt p.subtext {
font-size: 12px;
font-weight: 400;
line-height: 15px;
margin-top: 10px;
}

#block3 {

margin-top: 25px;
height: 248px;
background: url(../images/block3_bg.png);
}

#footer {
text-align: center;
margin-top: 13px;
margin-bottom: 10px;
line-height: 18px;
}


#featurebanner {
height: 91px;
width: 938px;
background-image: url(../images/features_header.png);
}

#faqbanner {
height: 91px;
width: 938px;
background-image: url(../images/faqheader.png);
}

#casesbanner {
height: 91px;
width: 938px;
background-image: url(../images/cases_header.png);
}

#howitworksbanner {
height: 91px;
width: 938px;
background-image: url(../images/howitworks_header.png);
}

#featurewrapper {
width: 938px;
height: 900px;
min-height: 400px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color: white;

margin-top: 20px;

}

#featurewrapper2 {
width: 938px;
height: 1200px;
min-height: 400px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color: white;

margin-top: 20px;

}

#faqwrapper {
width: 938px;
height: 1250px;
min-height: 400px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color: white;

margin-top: 20px;

}

#subfeaturebox{
padding: 20px;
}

#faqbox{
padding: 60px;
height: auto;
}

#faqbox h4{
color: #60302d;
font-size: 17px;
}

#faqbox p{
line-height: 23px;
}



#operationswrapper {
width: 938px;
height: 1000px;
min-height: 400px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color: white;

margin-top: 20px;

}

#caseswrapper {
width: 938px;
height: 1900px;
min-height: 400px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color: white;

margin-top: 20px;

}

#howitoworkswrapper {
width: 938px;
height: 1400px;
min-height: 400px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color: white;

margin-top: 20px;

}

#featureslice {
width: 938px;
height: 5px;


background-color: black;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}

#featurenav2 {
width: 938px;
height: 45px;


background-color: black;


}

#leftnav{
float: left;
width: 210px;
height: 900px;
margin-top: 10px;
}

#leftnav2{
float: left;
width: 210px;
height: 1200px;
margin-top: 10px;
}

.graph2 {
margin-top: 10px;
margin-left: 80px;
}



.casesbox {

background-color: white;

width: 870px;
height: auto;
margin-bottom: 550px;

}



.screenshot{
width: 310px;
height: 225px;
clear: right;
float: right;

}

.screenshot2{
width: 150px;
height: 50px;
clear: right;
float: right;

border: 1px solid thin ;

}

#screenshottxt{
width: 310px;
height: 225px;
float: left;
clear: right;
line-height: 20px;
}

.subtitles{

line-height: 20px;
}


.caseshot{
width: 200px;
height: 170px;

float: left;

}

.fcontent {
width: 530px;
height: 225px;
float: left;
margin-left: 20px;
}

.fcontent_1 {
width: 530px;

float: left;
margin-left: 20px;
}

h4 {
font-size: 20px;
color: black;
}

.fcontent p{
line-height: 20px;
text-align: justify;
}

.fcontent_1 p{
line-height: 20px;
text-align: justify;
}


#contactbanner {
height: 91px;
width: 938px;
background-image: url(../images/contact_header.png);
}

#contactwrapper {
width: 938px;


margin-top: 30px;

}


#featurenav h1 {
color: white;
font-size: 15px;
line-height: 40px;
margin-left: 20px;

}

#featurenav2 h1 {
color: white;
font-size: 15px;
line-height: 40px;
margin-left: 20px;

}

#leftnav ul li a {
font-size: 17px;
color: black;
text-decoration: none;
font-weight: bold;
line-height: 35px;

}

#leftnav .active{
color: red;

}

#leftnav2 ul li a {
font-size: 17px;
color: black;
text-decoration: none;
font-weight: bold;
line-height: 35px;

}

#leftnav2 .active{
color: red;

}

.shadow{
background-image: url(../images/shadowfeatures.png);
height: 900px;
width: 19px;
float: left;
background-repeat: no-repeat;
margin-right: 15px;
}

.shadow2{
background-image: url(../images/shadowfeatures.png);
height: 1200px;
width: 19px;
float: left;
background-repeat: no-repeat;
margin-right: 15px;
}

#subfeaturebox p {
line-height: 20px;
}

#subfeaturebox h5 {
font-size: 25px;
}



.fcontent ul li{
list-style-type: square;
line-height: 20px;
list-style-position: inside;
}

#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }

#slider img{
margin-left: 20px;
margin-top: 15px;
}

#slider h1{
line-height: 10px;
}

.bullets li{
font-size: 15px;
font-weight: bold;
line-height: 20px;
margin-left: 20px;
}

#feature_overview {
height: 20px;
background-color: red;
}

#feature_overview h5 {

}

#featurelist{
padding: 38px;
height: auto;
}




#featurenav ul {
float: left;
list-style-type: square;
height: 30px;
padding-left: 20px;

}

#featurenav ul li{
margin-right: 25px;
font-weight: bold;
float: left;
display: inline;




}

#featurenav ul li a{
margin-right: 25px;
font-weight: bold;
float: left;
display: inline;

line-height: 40px;
color: white;

text-decoration: none;
line-height: 45px;

}

#featurenav ul li a.active{
color: red;

}

#featurenav ul li:last-child{
margin-right: 0px;
font-weight: bold;
}

#featurenav {
width: 938px;
height: 45px;


background-color: black;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}