body{ font-family:Arial, Helvetica, sans-serif; margin:0; background:#f3f3f3 url(images/body_top_bg.png) repeat-x top; line-height:23px; font-size:13px;}
.no-background{ background:none !important;}
.no_border{ border:none !important;}
.color_red{ color:#9c0202 !important; padding:7px 0 7px 19px;}
.red{color:#9c0202 !important;}
.quote_icon{ background:url(images/quote.png) no-repeat left top; padding-left:19px;}
textarea { resize: none;}
p{ margin:0;}
img{ border:none;}
#wrapper{ width:1000px; margin:auto;}
#header{ padding:5px 0 0; }
#logo_phone{ overflow:hidden;}
#logo{ width:300px; float:left;}
#call_us{ background:url(images/phone_bg.html) no-repeat; padding:10px 20px; float:right; width:300px; margin-top:20px;}
#call_us p{  font-size: 19px; margin: 0; padding-top: 2px;}
#navigation{ clear:both;}
#navigation ul{ margin-top:0;}
#navigation ul li{ display:inline; font-size:14px; }
#navigation ul li a{ text-decoration:none; color:#FFFFFF; padding:5px 17px 15px 17px; border-right:1px solid #890808;}
#navigation ul li a:hover{ background-color:#e4b21c; color:#870303; padding:10px 17px 17px;}
/*.orange_bg{background-color:#e4b21c; color:#870303 !important; padding:10px 17px 17px !important;}*/
#middle{ overflow:hidden; }
#middle p{ color:#636363;}
#middle p a {color:#636363;}
#middle h4{ margin:10px 0; color:#3d3d3d; }
#middle h4 a {color:#3d3d3d;}
#banner_container{/* background:url(images/banner_bg.png) no-repeat;*/ height:343px; width:971px; margin:10px auto; position:relative;}
.home_qte { position:absolute; top:-7px;}
#quote{ background:url(images/quote_bg.png),url(images/quote_bg_repeat.png); background-repeat:no-repeat, no-repeat; width:338px; float:left; /*--height:312px;--*/ height:auto; min-height:312px; margin:15px 10px 10px; background-position:center top, 2px bottom;}
#quote h2{ text-align:center;}
#quote form{ padding-left:35px;}
#quote textarea{ background:url(images/textbox.png) no-repeat; width:285px; height:121px; border:none;}
#quote input[type="text"]{ background:url(images/text.png) no-repeat; border:none; width:201px; height:28px; padding:0 3px;}
#quote table tr td{ color:#FFFFFF;}
#banner{ float:right;}
#services_cont{  overflow: hidden; padding: 5px;}
.service{ width:200px; float:left;  padding-right: 36px;   margin-right: 11px; margin-bottom:10px;}
.service img{ float:left;}
.text{ width:126px; float:right;}
.service h3{ color:#5b5b5b; font-weight:bold; font-size:12px;}
.service h3 a {color:#5b5b5b;}
#footer_container{ background:url(images/footer_bg.png) repeat-x; color:#FFFFFF; font-size:12px;  }
#reviews_royal{ overflow:hidden;}
#left_section{ float:left; width: 350px;}
#left_section #reviews ul { margin:0px; padding:0px; }
#left_section #reviews ul li { list-style: none; font-size: 12px; font-family: arial; color: #636363;}
#left_section #reviews ul li strong { display: inline-block; margin-right: 10px; color: red;}



	#reviews{  no-repeat; padding:65px 0px; margin-bottom:7px; clear: both;}
	#reviews p{  color:#3d3d3d; }
	#reviews p a{  color:#3d3d3d; text-decoration:none; } 
	#reviews h2{ background:url(images/review_icon.png) no-repeat left -2px; margin:0; font-size:18px; color:#9c0202; padding:1px 10px 12px 40px;}
	#reviews p{ padding-left:0px;}
#right_section{ float:right; width:635px;}
#right_section p{ color:#636363; }
#right_section p img { float: left;}
#right_section p a { color:#636363; } 
.title{border-bottom:1px solid #c9c9c9; padding-bottom:7px; color:#3d3d3d; font-size:20px;}
#clients{ margin-bottom:10px;}
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
#footer{ width:1000px; margin:auto; overflow:hidden;}
#footer_menu{ float:left; width:700px; }
#footer_menu ul{ padding-left:0; margin:0; padding-top:16px;}
#footer_menu ul li{ display:inline; padding-right:10px;}
#footer_menu ul li a{ text-decoration:none;  color:#FFFFFF;}
#social_networks{ float:right; width:250px; padding:20px 10px 10px;}
#social_networks p{ float:left; padding-right:10px;}

/********************************** about us ********************************************************/
#banner{ margin:14px auto;}
#left_container{   margin-left: 40px; width: 599px; float:left;}
#right_container{ float:right; width:346px;}
/*********************** Testimonial *****************************************************/
.testimonial{ background:#ebebeb; border:1px solid #d1d1d1; padding:23px; margin:5px 0 10px;}
.author{ background:url(images/author.png) no-repeat left; padding-left:18px; font-weight:bold;}
.description{ padding:15px 0 5px;}
/********************** photo Gallery ******************************************/
.gallery{ width:199px; float:left;}
.gallery img { border:3px solid #d2d2d2;}
.gallery h5{ text-align:center; font-size:13px;font-weight: normal;margin: 10px 0; color:#3d3d3d;}

/********************************** Contact Us ********************************************************/
.contact{ background:#EBEBEB; border: 1px solid #D1D1D1; width:470px; float:left; height:auto; margin:15px 73px 10px;  padding-top: 38px;}
.contact h2{ text-align:center;}
.contact form{ padding-left:40px;}
.contact input[type="text"]{ background:url(images/contact_txt.png) no-repeat; border:none; width:201px; height:28px; padding:0 3px;}
.contact table tr td{ color:#3d3d3d;}
.contact textarea{ background:url(images/textbox.png) no-repeat; width:285px; height:131px; border:none;}



.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
	z-index:0;
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
}
#Survay-ContentArea {
    height: 1400px;
    width: 960px;
}
#Survey-Content {
    float: left;
    padding-top: 10px;
    width: 960px;
	padding-left:40px;
}
.Survey-Block {
    float: left;
    padding-bottom: 10px;
    width: 960px;
}
.survey-table .textfield {
    background-color: #DFDFDF;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: left;
    text-align: center;
    width: 40px;
	margin-right:10px;
	border-radius:5px;
}
.survey-table tr td {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}
.survey-table tr th {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #9b0000;
    font-size: 16px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-transform: uppercase;
}
.survey-table tr td {
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 10px 3px 10px 10px;
}
#Survey-Xtra {
    float: left;
    padding-top: 10px;
    width: 960px;
}
#extra-details {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}
#extra-details tr td #textarea {
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
}
#extra-details tr td #button {
    background-color: #0397D6;
    border-style: none;
    border-width: 0;
    color: #FFFFFF;
    padding: 8px;
    text-transform: uppercase;
    width: 90px;
}
.text-box {
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    padding: 5px;
}
.formdata {
    float: left;
    width: 250px;
}
.formdata.first, .clear {
    clear: both;
}
.line {
    border-bottom: 1px solid #666666;
    padding: 7px 0;
}
.lineb {
    border-top: 1px solid #666666;
    padding: 7px 0;
}
label.error {
    color: #FF0000;
}






@media screen and (max-width: 1023px) {
#wrapper { width: 750px; padding: 0px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#navigation ul li a { padding: 5px 8px 15px; font-size: 13px;}
#navigation ul li a:hover { padding: 5px 8px 17px;}
#navigation ul { margin: 0px;}
#banner_container { width:100%;}
#banner_container img { max-width: 100%;}
#middle { float:left; width:100%; margin: 15px 0 0 0;}
.service { width: 130px; margin-right: 5px; text-align: center;}
.service img { float: none;}
#left_section { width: 240px;}
#right_section {  width: 450px;}
#reviews { background:none; padding: 10px 15px; border:1px solid #c8c7c7; background-color: #e1e0e0;border-radius: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#footer {width: 750px; padding: 0px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#footer_menu p { text-align:center;}
#middle #banner img { max-width: 100%;}
#footer_container { float: left; width: 100%; background-color: #9c0202;}
#banner { float: left;; width: 100%;}
#social_networks p { float:none;}
#social_networks { clear: both; display: block; margin: 10px auto;text-align: center; width: auto; float: none;}
#footer_menu ul { margin: 0 0 5px 0;}
#left_container {width: 360px; margin: 0px;}
#right_container {width: 340px;}
.Survey-Block { width: 100%;}
#Survey-Content { width: 100%; padding:0px; margin-bottom: 15px;}
.survey-table tr td { font-size: 11px;}
.contact{ width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:5px 0px; }
.contact form { padding-left: 10px;}
#left_container img { max-width: 100%;}
.contact textarea { width: 100%; resize: none;}
#navigation .toggleMenu {background:url(images/icon-menu-categories.png) no-repeat; width: 31px; height: 24px; background-position: left top; text-indent:999px; overflow-x:hidden; float: right;}
#navigation .toggleMenu:hover { background-position: left 101%;}
#navigation {clear: both; float: left; margin: 5px 0 0; width: 100%; position: relative;}
#navigation ul {background: none repeat scroll 0 0 #FFFFFF; color: #000000; position: absolute; right: 0; top: 0; width: 150px; padding: 5px 10px; top: 30px; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); z-index: 99999;}
#navigation ul li { display: inline-block; width: 100%;}
#navigation ul li a { color: #000; border-right:0px; padding:5px !important; width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left;}
#quote {background-size:100%;  width: 330px;}
#quote form { padding-left: 25px;}

}

@media screen and (max-width: 767px) {
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { background:url(images/pixels_repeat.png) repeat;}
#wrapper { width: 320px;}
#logo img { max-width: 100%; margin-left: 0px !important; display: inline-block !important;}
#logo { width: 100%; text-align: center;}
#call_us { width: 100%;}
#call_us img { max-width: 100%;}
#middle {margin: 5px 0 0;}
#quote { width: 100%; /*--background: #6f7783;--*/ position: relative; top:115px; margin:0px;}
#banner_container { height:150px !important;}
#banner_container img { height: auto !important;}
#quote form { padding:0 10px; width: 100%;}
#quote form table { width: 100%;}
#quote table tr td { font-size: 12px;}
#services_cont { margin:125px 0 0; float: left; width: 100%;}
.service { background:none;}
#reviews_royal { float: left; width: 100%;}
#left_section { width: 100%;}
#right_section { width: 100%;}
#footer { width: 320px; position: relative;}
#footer_menu ul li { width: 100%; display:inline-block; }
#footer_menu { width: 320px;}
#social_networks { position: absolute; right: 0px;}
#left_container { width: 100%;}
#right_container { width: 100%;}
#right_container #quote { top: 0px; height:auto; margin-bottom: 15px;}
#reviews { margin-top: 10px; float: left;}
#right_container a img, #middle p img { max-width: 100%;}
.Survey-Block { margin: 0 0 30px 0; overflow-x: scroll; z-index: 999; position: relative;;}
#Survey-Xtra { overflow-x: scroll; width: 100%;}
#Survey-Xtra table { width: 100%;}
.contact #contactform { width: 100%; padding:0 10px;}
.contact #contactform table { width: 100%;}
.jspContainer {  overflow: visible; position: relative;}



.Survey-Block { width: auto; float: none;}

::-webkit-scrollbar {
				width: 10px;
				height: 10px;
			}
			::-webkit-scrollbar-button:start:decrement,
			::-webkit-scrollbar-button:end:increment  {
				display: none;
			}
			
			::-webkit-scrollbar-track-piece  {
				background-color: #3b3b3b;
				-webkit-border-radius: 6px;
			}
			
			::-webkit-scrollbar-thumb:vertical {
				-webkit-border-radius: 6px;
				background: #666 url(scrollbar_thumb_bg.html) no-repeat center;
			}
			
			::-webkit-scrollbar-thumb:horizontal {
				-webkit-border-radius: 6px;
				background: #666 url(scrollbar_thumb_bg.html) no-repeat center;
				height: 10px;
				float: left;
			}

}