/* CSS Document */
@font-face {
 font-family: Calibri;
 src: url("calibri.eot") /* EOT file for IE */
}
@font-face {
 font-family: Calibri;
 src: url("calibri.ttf") /* TTF file for CSS3 browsers */
}
body {
 font-family: Calibri, Verdana, Arial, sans-serif;
 font-size: medium;
 color: black;
 width: 960px;
 margin: 0 auto;

}
h1{
font-family: Calibri, Verdana, Arial, sans-serif;
font-size: 2em;
color:black;
padding-bottom: 20px;
padding-top:10px;
}
#wrapper{
width: 960;
margin: 0 auto;
}
#header{
width:960px;
}
#logo{
float:left;
width:700px;
}
.site-title{
font-family: Calibri, Verdana, Arial, sans-serif;
color: #FFF;
background:#8E8E8E;
width: 200px;
float:right;
text-align:right;
padding:5;
margin-top:10;
margin-bottom:5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   
}
/*#title{
width: 70%;
float:right;

}
.site-title{
font-family: Calibri, Verdana, Arial, sans-serif;
color: #0066cc;
width: 160px;
float:right;   
}
.site-slogan{
font-family: Calibri, Verdana, Arial, sans-serif;
color: #cccccc;
font-size: 18px;
float:left; 
} */

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/*horizontal menu styles*/	
nav {
	background: #8E8E8E;
	height: 2.3em;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul {
	background: #B6B6B6;
	height: 2em;
	width: 960px;
}
li a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	color: white;
	text-decoration: none;
}
li a:hover {
	background: #8E8E8E;
	height: 2em;
	padding-top: .3em;
	position: relative;
	top: -.3em;
	border-radius: .3em .3em 0 0;
}
.current, a:hover.current  {
	background: #ACACAC;
	color: #eee;
	padding-top: .3em;
	border-radius: .3em .3em 0 0;
	position: relative;
	top: -.3em;
	border-bottom: .3em solid #ACACAC;
	cursor: default;
}
#nav-menu{
clear:both;
width: 960px;
}
#site-slider{
width: 960px;
background: #FFF;
margin:0;
padding:0;
clear:both;
}
#content {
width:700px;
margin-top:13px;
float:left;
height: auto;
margin-bottom: 75px;
}
#contentg{
width:960px;
margin-top:10px;
margin-bottom: 30px;
padding:0;
}
#contentgleft{
width:450px;
float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
border: 3px solid #8E8E8E;
padding:10px;
background-image:url('../images/satisfaction-transparent.png');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:right top;
}
#contentgright{
width:450px;
float:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
border: 3px solid #8E8E8E;
padding:10px;
background-image:url('../images/satisfaction-transparent.png');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:right top;
}

#sidebar{
width:250px;
margin-top:13px;
float:right;
}
#side-head{
margin:0;
background: #8E8E8E;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width:100%;
height: auto;
padding-bottom: 3px;
}
.text-mainpage{
border: 3px dashed #8E8E8E;
background: #8E8E8E;
width:670px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
}
.text-mainpage p{
padding:15;
line-height:1.6em;
font-size:1.2em;
color:#000; 
}
#side-content{
background: #FFF;
width: 98%;
margin: auto;
}
p.side-content{
 font-family: Calibri, Verdana, Arial, sans-serif;
 font-size: 13pt;
 font-weight: bold;
 color: #000;
 padding: 15px;
 line-height: 1.2;
}
.title-head{
 font-family: Calibri, Verdana, Arial, sans-serif;
 font-size: 17pt;
 color: white;
 padding-left: 15px;
 padding-top: 15px;
 padding-bottom: 15px;
}
#footer{
width:960px;
border-top: 5px #8E8E8E solid;
}

#footer-menu{
width:960px;
text-align:center;
margin-top: 15px;
font-size: 13pt;
line-height:1.5;
color: #000;
}
#footer-menu a{
text-decoration:none;
margin:0 auto;
padding: 0 auto;
color: #000;
}
#footer-menu a:hover{
text-decoration:none;
margin:0 auto;
padding: 0 auto;
color: #8E8E8E;
font-weight:bold;
}
#footer-menu a:visited{
text-decoration:none;
margin:0 auto;
padding: 0 auto;
color: #000;
}
img.btns{
margin-top:0;
margin-right:5px;
margin-bottom:15px;
margin-left:5px;
padding:0;
}
a.slider{
text-decoration:none;
margin:0;
padding:0;
}
#guarantee{
width:150px;
float:left;
margin:0;
padding:0;
}
h1.testimonial{
margin-top: 8;
margin-bottom: 8;
padding:0;
}
p.testimonial{
margin:0;
padding:0;
font-size: 1.2em;
}
h2.testimonial{
margin-top: 8;
margin-bottom: 8;
padding:0;
}
p.testimonial1{
margin-top:20;
padding:10;
font-size: 1em;
width:200px;
height:130px;
border: 2px #8E8E8E dashed;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
}
p.testimonial2{
margin-top:20;
margin-left:20;
padding:10;
font-size: 1em;
width:200px;
height:130px;
border: 2px #8E8E8E dashed;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:left;
}
.client-name{
font-size: 0.8em;
font-weight:bold;
color: #000;
}
#tpage{
width:100%;
margin-bottom: 15;
}
.green{
color: green;
}
.red{
color: red;
}
.blue{
color: blue;
}
.orange{
color: orange;
}
p.aboute{
margin:0;
padding:0;
font-size: 1.2em;
font-weight:bold;
border-top:3px #8E8E8E dotted;
}

a:hover {
	text-decoration:none;
}

a {
	text-decoration:none;
}

#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



/*Image Title Styling*/

.title_h2 {
 padding:12px 0 0 18px;
}

h2 {
	font-size:14px;
	padding:0;
	margin:0;
	font-family: "century gothic";
}