
/* Body */
body {
background: #fff url(../images/gradient.png) repeat-x;
color: #000305;
font:13px Arial, sans-serif;
margin: auto;
width: 915px;
padding: 0;
text-align: left;
}

/* Headings */
h1 {
font-size: 23px;
color: #5b9bea;
font-weight: bold;}
h2 {
font-weight: bold;
font-size: 18px;}	
h3 {font-weight: bold; 
font-size: 15px;
margin-top: 20px;
}	
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h5, h6 {
line-height: 1.1;
margin-bottom: .8em;
}

/* Anchors */
a {outline: 0;
text-decoration: !important underline; 
}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
color: #427ecc;
padding: 0 1px;
}
a:hover, a:active {
text-decoration: underline;
}

#screen a{
}

/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

/* Lists */
ul {
list-style: none;
padding: 0px;
}

ol {
list-style: none;
padding: 0px;
}

li {
padding: 0px 0px 0px 23px;
background: url(../images/dot.gif) no-repeat;
background-position: 0px 3px;
margin: 0px 0px 7px;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/*Header*/

#header {
    width:100%;
    background:#ceddf5;
    overflow: auto;
    margin-top: 15px;
}

#nav {
	padding-top: 30px;
    background:#ceddf5;
    line-height:normal;
    margin: auto;
    width: 830px;
	overflow: auto;}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li {
    float:left;
    background:url("../images/norm-right.png")no-repeat right top;
    margin-right:5px;
    padding:0;
    margin-bottom: 0px;
}

#nav a {
	font-weight: bold;
	color: #696968;
    display:block;
    background:url("../images/norm-left.png")no-repeat left top;
    padding:5px 25px;
    text-decoration: none;
}

#nav a:hover, #nav a:active {
text-decoration: none;
}
/*Long Tabs*/

#nav #choke a {
    padding:5px 15px;
}

#nav .current {
    background-image:url("../images/active-right.png");
    }
#nav .current a {
	color: white;
    background-image:url("../images/active-left.png");
    }

.logo{
float: left;
}
.badge{
margin-top: 10px;
text-align: right;
font-size: 13px;
}
.badge a{
color: #696968;

}
.quote-number{
color: #427ecc;
font-size: 24px;
font-family: Helvetica, Arial;
}

/*Canvas*/

#canvas {
position: absolute;
z-index: 2;
margin-top: -3px;
margin-bottom: 10px;
height:628px;
width: 915px;
background: url(../images/bg.png) no-repeat;

}

.hero{
text-align: center;
width: 900px;
height: 202px;
margin: 7px 7px 0px 7px;

background: #fff url(../images/hero.jpg) no-repeat;

}

.hero-box{
margin-top: 10px;
margin-right: 10px;
width: 450px;
float: right;
}
.bold-hero{
font-size: 32px;
color: #fff;
font-weight: 500;
line-height: 40px;
}
.text-hero{
font-size: 18px;
color: #fde662;
}

.content{
overflow: auto;
margin-top: 20px;
}
.columns{
margin-left: 15px;
width: 580px;
float: left;
margin-top: 10px;
}


.one{
float: left;
width: 270px;
overflow: auto;
padding-right: 40px;
}
.two{
width: 270px;
overflow: auto;
}
.three{
margin-top: 0px;
width: 585px;
height: 65px;
background: url(../images/partners.png) no-repeat;
}

.icon{
float: left;
width: 40px;
}
.feature{
overflow: auto;
margin-bottom: 30px;
}

.description{
float: right;
font-size: 13px;
width: 230px;
}
.title{
font-weight: bold;
font-size: 18px;
}

.sidebar{
background: url(../images/sidebar.png) no-repeat;
height: 372px;
width: 287px;
float: right;
margin-right: 15px;
}

.sidebar p{
margin-top: 0px;
padding: 8px;
margin-bottom: 0px;
}

.sidebar h2{
padding: 8px;
margin-bottom: 0px;
margin-top: 0px;
}
.separator{
background: url(../images/separator.png) no-repeat;
width: 264px;
height: 2px;
margin-left: 7px;
}
.footer{
margin-bottom: 30px;
text-align: center;
font-size: 13px;
color: #427ecc;
}

.canvas-top{
position: absolute;
margin-top: -3px;
z-index: 1;
width: 915px;
height: 15px;
background: url(../images/canvas-top.png) no-repeat;
}

.wrapper{
margin-top: 12px;
padding: 10px 45px 30px 45px;
background: url(../images/canvas.png) repeat-y;
}

.canvas-bottom{
margin-bottom: 10px;
width: 915px;
height: 15px;
background: url(../images/canvas-bottom.png) no-repeat;
}

.bold{ font-weight: 600}

.clients{
width: 820px;
height: 600px;
background: url(../images/clients.jpg) no-repeat;
text-align: center;

}

.partners-full{
width: 820px;
height: 600px;
background: url(../images/partners-full.png) no-repeat;

}

.testimonial-wrap{
overflow: auto;
}
.testimonial{
text-align: center;
float: left;
padding: 5px;
}

.address-wrap{
overflow: auto;
margin-top: 20px;
}
.address {
float: left;
padding: 5px;
border: 1px solid #f2efe9;
margin-right: 5px;
}

.contactpage{
overflow: auto;
}

.contact-wrap{
overflow: auto;
float: left;
}
.contact-info{
float: left;
width: 250px;
}

 #contact_form{
 padding: 5px 5px 5px 20px;
 background-color: #f2efe9;
 margin-right: 10px;
 float: right;
 }
 
 #contact_form label {
  padding-right: 5px;
  }
 #contact_form td.padded{
  padding-left: 10px;
  }


.pic{
float: left;
border: 2px solid #ceddf5;
padding: 5px;
margin: 0px 5px 0px 0px; 
}

.gallery{
overflow: auto;
}