body {
	margin:0 auto;
	width:100%;
	background:#ffffff;
	font-family: 'Roboto', sans-serif;
	}

/************************************************	
*	Generalized     							*
************************************************/

.fr {
	float:right;
	}
	
.fl {
	float:left;
	}
	
.clear{
	clear:both;
	}
	
.container {
	margin:0 auto;
	width:1200px;
	height:auto;
	}

img {
	border:none;
	}
	
a {
	color:#3e88b5;
	font-family: 'Roboto', sans-serif;
	font-size:inherit;
	}

h1, h2, h3 {color:#47a3de;}

h4, h5, h6 {color:#47a3de;}

h1{margin:0;padding:10px 0; font-size:48px; font-family: 'Roboto', sans-serif; text-transform: uppercase; color:#265b9f; line-height:42px;}
h2{font-size:36px; font-family: 'Roboto', sans-serif; line-height: 26px; }
h3{font-size:30px; font-family: 'Roboto', sans-serif; line-height: 26px;}
h4{margin:0;padding:5px 0; font-size:24px; font-family: 'Roboto', sans-serif; line-height: 26px;}
h5{font-size:20px; font-family: 'Roboto', sans-serif; text-transform:uppercase; margin:0; padding:0;}
h6{font-size:18px; font-family: 'Roboto', sans-serif; text-transform:uppercase; margin:0; padding:0;}

p {margin:0;padding:10px 0; font-size:16px; color:#000; line-height:20px;}
	
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.rightgutter {margin:0 10px 0 0;}
/*.rightgutter {margin-leftt:10px;}*/
.gutter {padding:0px;}
/************************************************	
*	END /Generalized     						*
************************************************/
	
.border {
	width:100%;
	height: auto;
	float:left;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(left, #5AB2E7 0%, #1D4964 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #5AB2E7 0%, #1D4964 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(left, #5AB2E7 0%, #1D4964 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #5AB2E7), color-stop(1, #1D4964));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #5AB2E7 0%, #1D4964 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to right, #5AB2E7 0%, #1D4964 100%);
	background-color:#1d4964;
	}


/* HEADER */
.divider {
	width:auto;
	height:5px;
	background-color:#fff;
	}

.top-contact {
	width:370px;
	height: auto;
	}	
.top-info {
	float:left;
	width:300px;
	padding:0;margin:3px 0 0 5px;
	font-size:16px;
	color:#f4f4f4;
	}
	
.top-info a { 
	color:#f4f4f4;
	text-decoration:none;
	}
	
.top-icons {float:right; width:55px; margin:0; padding:0;}

.header {
	margin:0;
	width:auto;
	height: auto;
	background-color:#000;
	}
	
.logo {
	padding:5px 0 10px 0;
	}
	
/* NAVIGATION */
#navbar { background:#000 url(../img/nav-bar.jpg) repeat-x top left; width:100%; margin:0px auto; padding:0px; }
nav { position:relative; margin:0px; /*background:#066f8d;*/ width:100%; }
nav ul { list-style:none; padding:0; margin:0; }
nav > ul > li { display:block; float:left; padding:0; margin:0px 1px 0px 0px; position:relative; font-size: 14px; font-family: Verdana, Geneva, sans-serif;	font-weight: normal; text-transform: none; background: url(../img/nav_divider.jpg) top right no-repeat;}
nav > ul > li a { display:block; padding:11px 20px; color:#fff; /*background:#055f79;*/ text-decoration:none; }
nav > ul > li ul { position:absolute; top:40px; background:#fff; width:200px; display:none; box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 2px; }
nav > ul > li ul ul { top:0; left:200px; }
nav > ul > li ul li { border-bottom:#ddd 1px dotted; position:relative; }
nav > ul > li ul li a { display:block; font-size:1.0em; display:block; }
nav > ul li:hover,
nav > ul li.current_page_item,
nav > ul li.current_page_ancestor { color:#5ab2e7; }
nav > ul li:hover > a,
nav > ul li.current_page_item > a,
nav > ul li.current_page_ancestor > a { color:#5ab2e7; text-decoration:none; }
nav > ul li:hover > ul { display:block; }

ul.children { list-style:none; margin:0px; padding:0px; z-index:9999; }

/* Internet Explorer */
.ie7 nav > ul > li ul ul { top:1px; }
.ie7 nav > ul > li { margin:-1px 0 0; }

/* Menu with arrows */
.arr1, .arr2, .arr3, .arr4 { background-repeat: no-repeat; }
.arr1 { /*background-image:url(images/ico-arrows.png); background-position:right 16px; padding-right:20px !important;*/}
.arr2 { /*background-image:url(images/ico-arrows.png); background-position:right -56px; padding-right:20px !important;*/}

/* Sub Menu Navigation */
.arr3 { /*background-image:url(images/ico-arrows.png); background-position:right -86px; padding-right:20px !important;*/}
.arr4 { /*background-image:url(images/ico-arrows.png); background-position:right 156px; padding-right:20px !important;*/}

/* Responsive Navigation Style */
.anchor-link, #mobile-nav { background:#0c496e; }
.anchor-link { display: none; text-align: center; padding: 0 1em 0; padding: 10px; color: #fff; text-decoration: none; margin: 0; float: none; cursor: pointer; }
/* NAVIGATION END */
	
/* SLIDER */

.slider {width:100%; margin:0 auto 8px;}
	

/* HOME-FORM */
.contact-form {
	padding:15px;
	width:100%;
	height:auto;
	text-align:center;
	}
	
.contact-form {background-color:#f1f1f1;}

p.compress {font-family: 'open_sanssemibold', sans-serif; font-size:16px; font-stretch:condensed; color:#424242;}
p.compress span{font-family: 'Roboto', sans-serif; font-size:12px; font-stretch:condensed; color:#424242;}

input {
    border:1px solid #ccc;
    width:146px;
    padding:2px;
    margin:2px 0;
	height:18px;
	font-size:11px;
}
.send {
    width:80px;
	background-color:#46a3de;
	color:#fff;
}

/* SUB-FORM */
	
.contact-form.sub { width:100%; margin:0 auto 0; padding:20px 0 20px 0;
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top right, #5BB3E7 0%, #265B9F 50%, #5BB3E7 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top right, #5BB3E7 0%, #265B9F 50%, #5BB3E7 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top right, #5BB3E7 0%, #265B9F 50%, #5BB3E7 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #5BB3E7), color-stop(0.5, #265B9F), color-stop(1, #5BB3E7));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top right, #5BB3E7 0%, #265B9F 50%, #5BB3E7 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom left, #5BB3E7 0%, #265B9F 50%, #5BB3E7 100%);
	
	background-color:#336dae;
	}

.sub h5, .sub h6, .sub p.compress, .sub p.compress span {color:#fff;}

.contact-form.sub table{ width:60%; text-align: center; margin: 0 auto 10px;}

.contact-form.sub input {
    border:1px solid #ccc;
    width:90%;
    padding:2px;
    margin:2px 0;
	height:18px;
	font-size:11px;
}
.contact-form.sub .contact-form.send {
    width:80px;
	background-color:#000;
	color:#fff;
	border:none;
}
.contact-form.sub input.send { background:#000; width:100px !important; padding:5px 5px 5px 5px!important; height:auto !important; cursor: pointer;}
.contact-form.sub input.send:hover { background: #012443;}
.contact-main{ width:100%; margin:0 0 0 0; padding:0 0 0 0; float:left;}
.contact-left{ float:left; width:30%; margin:0 0 0 0; padding:0 0 0 0;}
.contact-right{ float:left; width:70%; margin:0 0 0 0; padding:0 0 0 0;}
	
/* services */
.service-list { width:100%; text-align:center; float:left; margin:20px auto 30px;}
.boximage { width:900px; padding:0px 0px 0px 0px; margin:0px auto 0px; text-align:center;}
.boximage1 { float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center;}
.plus { float:left; padding:0px 0px 0px 0px; margin:60px 14px 0px 14px; height:85px; text-align:center;}


.consultation-btn {
	margin:30px auto;
	padding:5px 10px;
	width:300px;
	background-color:#5bb3e7;
	color:#fff;
	text-transform:uppercase;
	}
	
footer {margin:15px auto 15px;	font-size:12px;	color:#58595b;	text-align:center;	}
	
.subpage {background-color:#ffffff;}

.subpage h1 {
	background:url(../img/bg/h1-bg.png) no-repeat left top;
	color:#000;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	height: 36px;
	width: 630px;
	font-family: 'Roboto', sans-serif;
	margin: 0px 0px 6px 0px;
	padding: 6px 0px 10px 0px;
	}

/*.subpage h5 {
	color:#000;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}*/
	
/************************************************	
*	About			     						*
************************************************/


ul.about-list {
	list-style-type: none;
	margin: 10px 0;
	padding: 0px 0px 15px 0px;
	}
	
ul.about-list a{
	color:#000;
	}
	
ul.about-list li {	
	list-style: none;
	background:url(../img/icons/about-list.png);
	background-repeat: no-repeat;
	background-position: left middle;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	font-family: Verdana, Geneva, sans-serif, Calibri;
	font-size: 14px;
	color: inherit;
	text-decoration: none;
	line-height: 24px;
	}
	
ul.sociable {
	list-tyle:none;
	background: none !important;
	display: block;
	margin: 5px 0 !important;
	padding: 0 !important;
}
	
ul.sociable li {
	background: none !important;
	display: inline !important;
	float: left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	color: #1e1e1e;
	text-decoration: none;
	line-height: 24px;
	}
	
.option1_16 {
	background:url(../img/icons/sociable.png) no-repeat scroll;
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	}
	
#footer { width:100%;
	background:#000 url(../img/footer-bg.png) repeat-x top left;
	height: 56px;
	font-size: 12px;
	margin: 0px auto 0px;
	padding: 10px 0 10px 0;
	text-align: center;
	}
	
.footer-main {
	font-size: 12px;
	
	margin: 0px auto;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: center;	
	}
.footer-left{ float:left; margin:0 0 0 0; padding:8px 0px 0px 0; width:auto; text-align:left;}
.footer-right{ float:right; margin:0 0 0 0; padding:8px 0 0px 0px; width:auto; text-align:right;}
	
.footer-main a {color:#fff;}
.footer-social-icons{ margin:0 0 0 100px;}


/******  Responsive Navigation Style ******/
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%;  vertical-align: middle;}
.ie8 img { height: auto;  width: auto\9; }
/*******    Responsive css   **********/

@media screen and (max-width:1199px) {
.container{ width:100%;}
.padding-content{ padding:0 1%;}
.footer-left{padding: 8px 0px 0px 10px;}
.footer-right{padding: 8px 10px 0px 0px;}
}

@media screen and (max-width:960px) {
.boximage { width:100%;}
.boximage1 {float: none; padding: 0px 0px 0px 0px; margin: 0 auto; text-align: center; width: 100%;}
.plus {float: none; padding: 0px 0px 0px 0px; margin: 20px 14px 20px 0px; height: auto; text-align: center;}
}
@media screen and (max-width:767px) {
.logo { margin:0 auto 0; text-align:center;}
.top-contact {width: 100%; height: auto; margin: 0 auto; text-align: center; background:#0c496e;}
h1{font-size:30px; line-height:30px;}
h2{font-size:24px; line-height: 24px; }
h3{font-size:22px; line-height: 22px;}
h4{font-size:20px; line-height: 20px;}
h5{font-size:18px;}
h6{font-size:18px;}
.contact-form.sub table { width: 85%; }
.top-info{margin: 3px 0 0 0px;}
ul.about-list{ width:100%; padding: 0px 0px 0px 0px; margin: 0;}
.padding-top{ margin:10px 0 0 0 !important;}
.padding-bottom { margin:0px 0 10px 0 !important;}
.contact-left{ float:left; width:100%; margin:0 0 0 0; padding:0 0 0 0;}
.contact-right{ float:left; width:100%; margin:0 0 0 0; padding:0 0 0 0;}
.formoid-default {width: 96% !important;}
.subpage h1{ width:100%;}

}
@media screen and (max-width:600px) {
/* NAVIGATION */
.active {  display: block !important; }
nav .anchor-link { display: block; font-size: 15px; font-weight: bold; }
nav #menu-toggle > img { margin: 0 10px 0 0; vertical-align: middle; }
nav { position:relative; margin:0px; background:#000 url(../img/nav-bar.jpg) repeat-x top left; width:100%; float:left; }
nav > ul { display: none; }
nav > ul > li ul li a { background:#265b9f !important; padding: 12px 0 12px 30px !important; }
nav > ul > li ul { background: none repeat scroll 0 0 hsl(0, 0%, 100%); box-shadow: none; display: none; position: relative; top: 0; width: 100%; }
nav > ul li:hover > ul { display: none; }
nav > ul > li { margin:0; }
ul.open { display: block; list-style: none outside none; margin: 0; padding: 0; position: relative; left: 0; top:0px; width: 100%; z-index: 500; }
ul.open li { display: block; list-style: none; text-align: left; float: none; }
ul.open li a { display: block; padding: 12px 0 12px 20px; border-bottom: 1px solid #0c496e; text-decoration: none; background: #0e5885; }
ul.open li a:hover { background:#4abae9 !important; color: #fff; }
ul.open li a { color: #fff; display: block; padding: 0.8em; border-bottom: 1px solid #0c496e; position: relative; }
ul.open li.page_item_has_children > a:after { content: '+'; position: absolute; top: 6px; right: 10px; display: block; font-size: 1.5em; padding: 0; }
ul.open li.page_item_has_children > a.active:after { content: "-"; }
/* NAVIGATION END */
}
@media screen and (max-width:580px) {
#footer{ float:left; height:auto; width:98%;}
.footer-left { padding: 8px 0px 0px 0px; margin:0 auto 0; width:100%; text-align:center;}
.footer-right { padding: 8px 0px 0px 0px; margin:0 auto 0; width:100%; text-align:center;}
.footer-social-icons{ margin:0 0 0 0;}
}

@media screen and (max-width:420px) {
.rightgutter {margin: 0 auto 15px; text-align: center; display: block; float: none !important;}
}
@media screen and (max-width:380px) {
.logo{width: 96%;}
.top-info{float: none; width: 100%; padding: 0; text-align: center;}
.top-icons {float: none; width: 100%; margin: 5px auto 5px; padding:0; text-align: center;}
}