body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:21px;
	margin:0;
	background: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#439cf8;
	color:#4f4f4f;
}

.respo {
	max-width: 100%;
	height: auto;
	display:block;
}

.red {color:#fc0101; font-size:30px; line-height:38px}
.blue { color:#125ba6; font-size:30px; line-height:38px}
.green {color:#125d03; font-size:30px; line-height:38px; background-color:#fefc74}
.order-now-banner {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #757575;
	}
	
.order-now {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:25px;
	}
	
.arrow li 
{ list-style:url(../images/arrow.png);
margin-left:0px;
}

.box {
	background-color:#e2f0ff;
	overflow:hidden;
	padding:10px;
	}
	
.box1 {
	border: 1px solid #e9e9e9; padding:2px; 
	overflow:hidden;
	padding:10px;
	font-size:20px;
	line-height:30px;
	}
		
.box2 {
	background-color:#85d3d8;
	overflow:hidden;
	padding:10px;
	}
		
.share-buttons {
	background-color:#ebebeb;
	overflow:hidden;
	max-width:450px;
	padding-top:10px;
	}

.g-share {padding:5px; float:left; position:relative;}
.f-share {padding:5px; float:left;  position:relative;}
.t-share {padding:5px; float:left;  position:relative;}	

.large-portfolio{
	width:80%;
	position:relative;
	overflow:hidden;
}
h2{
	color:#125ba6;
	font-size:18px;
	line-height:24px;
	padding-bottom:15px;
}

.imgLeft {
	float:left;
	margin-right:10px;
	border: 1px solid #F4F4F4; padding:2px; }

.imgRight {
	float:right;
	margin-left:20px;
	max-width:100%;
	 }
	
	
label{
float: left;
width: 75px;
font-weight:bold;
}

#label-1{
float: left;
width: 200px;
}

input { 
font-family : Trebuchet MS, Tahoma, Verdana, Tahoma, Arial ;
font-size:13px;
color : #4e4e4e;
border : 1px solid #c1c1c1;
height : 16px;
margin-bottom: 8px;
} 

textarea { 
font-family : Trebuchet MS, Tahoma, Verdana, Tahoma, Arial ;
font-size:13px;
color : #4e4e4e;
border : 1px solid #c1c1c1;
/*margin-bottom: 8px;*/
} 
select { 
font-family : Trebuchet MS, Tahoma, Verdana, Tahoma, Arial ;
font-size:13px;
color : #4e4e4e;
border : 1px solid #c1c1c1;
height:20px;
margin-bottom: 8px;
} 

.btn {
	font-family : Trebuchet MS, Tahoma, Verdana, Tahoma, Arial ;
	font-size:13px;
	font-size : 13px;
	font-weight : bold;
	text-align : center;
	color : #ffffff;
	background : #0a58a8;
	border:#000000;
	margin-left: 75px;
	height:30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor: pointer;
} 




#portfolio {}

#portfolio .display-box {
	float:left;
	background:#e6e6e6;
	border: #dadada 1px solid;
	padding:2px;
	margin-right:20px;
	margin-bottom:20px;
	text-align:center;
}


#contact {
	width:100%;

}
#contact .left{
	float:left;
	padding: 5px;
	border: 1px solid #CCC;
	line-height:23px;
	width:30%;
}
#contact .right{
	float:right;
	padding: 5px;
	border: 1px solid #CCC;
	line-height:23px;
	width:60%;
	overflow: hidden;
}

.contact-form {
	clear:both;}

input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea {
    width: 100%;
	max-width: 400px;
}

/*textarea { height: 150px; }*/


label {width:100px;}
h1, h2, h3{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
	

 	
.rslides  h1 {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 10px;
  text-shadow: none;
  color:#FFF; 
  left: 0;
  right: 0;
  top:0px;
  padding: 100px;
  margin: 0;
  max-width: none;
  text-align:center;
 }
  
.clear {
	clear:both;
}

/*****************Visual*****************/
#faq dt {
color: #004080;
cursor: pointer;
margin: 8px 0;
padding: 0;
font-weight:400;
}

#faq dt:hover {
	text-decoration:underline;
}


#faq dd {
border: 1px solid #c9c9c9;
padding: 10px 10px 10px 10px;
margin: 10px 0 20px 0;
background-color:#FFFFEC;
}


.button {
   border-top: 1px solid #004b98;
   background: #f13d3d;
   background: -webkit-gradient(linear, left top, left bottom, from(#b00000), to(#f13d3d));
   background: -webkit-linear-gradient(top, #b00000, #f13d3d);
   background: -moz-linear-gradient(top, #b00000, #f13d3d);
   background: -ms-linear-gradient(top, #b00000, #f13d3d);
   background: -o-linear-gradient(top, #b00000, #f13d3d);
   padding: 8px 15px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFF;
   text-decoration: none;
   vertical-align: middle;
   }
   
.button:hover {
   border-top-color: #f13d3d;
   background: #b00000;
   color: #fff;
   text-decoration:none;
   }

.social-network {
	float:left;
	margin-top:10px;
	padding:5px;
	width:180px;
	background:#fdfdfd;
	-webkit-box-shadow: 0 10px 6px -6px black;
	-moz-box-shadow: 0 10px 6px -6px black;
	box-shadow: 0 10px 6px -6px black;
}

.spacer {
	height:10px;
	clear:both;
}

ul li {
	list-style:none;
	padding:0;
	margin:0;
}

#content-container > section > ul li{
	text-decoration: none;
	list-style-image: url(../images/arrow.jpg);
	list-style-type: none;
	padding:0;
	margin:0;
}

section > .box{
	padding:2px 10px 5px 10px;
}

section > .shading {
	background:#f1eff0;
}

aside > .box{
	float:left;
	padding:5px;
	margin-top:10px;
	text-align:center;
}

aside > .shading {
	background:#e6e6e6;
	border: #dadada 1px solid;
	font-size:11px;
}
/*Anchor style for all normal links*/
a{
	color:#125ba6;
	text-decoration:none;
}


a:hover{
	text-decoration:underline;
}

.opacity-img:hover{
	opacity:0.75;
	-moz-opacity:0.75;	
	filter:alpha(opacity=75);
}



/*****************************************/

#body-container {
	max-width:1000px;
	margin:0 auto;
	overflow:auto;
}

header {
	margin-top:9px;
	margin-left:10px;
	margin-right:10px;
}

header hgroup {  width:100%; }

hgroup .hgroup-left {
	float:left;
	width:50%;
}

hgroup .hgroup-col-right{
	float:right;
	width:50%;
}

.hgroup-middle {
	float:left;	
	margin-left:50px;
	margin-top:22px;
	}


.hgroup-right {
	float:right;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	margin-right:10px;
}



header > .left {
	/*background: url(../images/bg-logo.jpg);*/
	height:87px;
	width:494px;
	float:left;
}

.logo {
	width:87;
	height:95;
	float:left;
}
.logo-text {
	float:left;
	font-family:Arial,"Times New Roman", Times, serif;
	font-size:34px;
	font-weight: bold;
	font-style:italic;
	color:#FFF;
	margin:15px 0 0 5px;
	line-height:50px;
	text-shadow: 2px 2px #000;	
}

.logo-text a{
	color:#FFF;
	text-decoration:none;
}

.logo-text a:hover {
	text-decoration:none;
}



.middle {
	float:left;	
	margin-left:20px;
	margin-top:22px;
	}



.hgroup-right > a {
	text-decoration:none;
	color: #FFF;
}

.hgroup-right a:hover {
	text-decoration:none;
	color: #cbe5ff;
}
.phone {
	font-size:20px;
	font-weight:bold;
	margin:6px 0 8px 4px;
	float:left;
	color:#fff;
	/*text-shadow: 1px 1px #AAA;		*/
}
	
#nav {
	clear:both;
	background-color:#cbe5ff;
	margin-top:10px;
	padding:0;
}

#nav  ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav  ul  li {
	display:inline-block;
	background:url(../images/separator-nav.jpg) no-repeat right;
	margin:0;
	padding:0;
}

#nav  ul  li a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:15px;
	color:#125ba6;
	text-shadow: 1px 1px #FFF;
	text-decoration:none;
	padding:10px 20px 11px 20px;	
	display:block;
	font-weight:bold;
}

#nav  ul  li a:hover {
	background:#4a96e4;
	display:block;
	color:#FFF;
	text-shadow: 1px 1px #2c79c8;
	

}

#nav  ul  li a.current {
	background:#4a96e4;
	display:block;
	color:#FFF;
	text-shadow: 1px 1px #2c79c8;
	

}


#nav  ul  li:last-child {
	background: none;
}


#banner {
	padding:0;
	margin:0;
	clear:both;
	overflow:hidden;
	background:#f3f3f3;
}


#content-container{
	background:url(../images/bg-content-container.jpg) repeat-x top;
	background-color:#fff;
	overflow:hidden;
	padding:30px 0px 20px 20px;;

}

#content-container > section {
	float:left;
	margin-right:200px;
	/*border-right:#dddddd 1px solid;*/
	padding-right:20px;
}

#page-content {margin-left: 25px; margin-right: 35px;}

#content-container > section > h2{
	color:#125ba6;
	font-size:18px;
	line-height:24px;
	padding-bottom:15px;
}

#content-container > section > h3{
	color:#606060;
	font-size:16px;
	line-height:24px;
}


#content-container > aside {
	float:right;
	width:200px;
	margin-left:-200px;
	padding-top:10px;

}


footer {
	clear:both; 
	/*background: url(../images/bg-content-container.jpg) repeat-x;*/
	background:#439cf8;
	width:100%;
	overflow:auto;
}	

#footer-container {
	width:1000px;
	margin: 0 auto;
	padding:0;
}

#footer-container .col1 {
	float: left;}
#footer-container .col2 {
	float: left;}
#footer-container .col3 {
	float: left;}
#footer-container .col4 {
	float: left;
	margin-top:20px;
}	

#footer-container .col4 .left {
	overflow:hidden;
	background:#0a6;}	
#footer-container .col4 .right{
	overflow:hidden;
	background:#0C6;}	


#footer-container  .col1 ul, .col2 ul, .col3 ul, .col4 ul {
	list-style:none;
	padding:20px;	
	margin: 0;
}

#footer-container  .col1 ul li, .col2 ul  li , .col3 ul li, .col4 ul li{
	display:block;
	line-height:20px;
}

#footer-container  .col1 ul li a, .col2 ul li a, .col3 ul li a,  .col4 ul li a{
	font-size:13px;
	color:#fff;
	/*text-shadow: 1px 1px #777;*/
	text-decoration:none;
}

#footer-container .col1 ul li a:hover, .col2 ul  li a:hover , .col3 ul li a:hover, .col4 ul li a:hover{
	text-decoration:underline;

}

#footer-container .copyright {
	clear:both;
	font-size:11px;
	text-align:center;
	padding-bottom:10px;
	color:#d9d9d9;
}

.slicknav_menu {
	display:none;
}

/********************/
@media only screen and (max-width: 1020px) {
#body-container {
	width:inherit;
	margin:0 auto;
	overflow:auto;
}

hgroup .hgroup-left {
	float:left;
	width:50%;
	/*max-width:87px;*/
}

header {
	margin-top:12px;
	overflow:hidden;

}

header > .left {
	float:left;
}

.logo {
	width:87;
	height:95;
	float:left;
}

header > .right {
	float:right;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	margin-right:10px;
}


header > .right > a {
	text-decoration:none;
	color: #FFF;
}

header > .right a:hover {
	text-decoration:none;
	color: #cbe5ff;
}

	
#nav {
	clear:both;
	background-color:#cbe5ff;
	margin-top:10px;
	padding:0;
}

#nav  ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav  ul  li {
	display:inline-block;
	background:url(../images/separator-nav.jpg) no-repeat right;
	margin:0;
	padding:0;
}

#nav  ul  li a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:15px;
	color:#125ba6;
	text-shadow: 1px 1px #FFF;
	text-decoration:none;
	padding:10px 12px 11px 12px;	
	display:block;
	font-weight:bold;
}

#nav  ul  li a:hover {
	background:#4a96e4;
	display:block;
	color:#FFF;
	text-shadow: 1px 1px #2c79c8;
	

}


#nav  ul  li:last-child {
	background: none;
}


#content-container{
	background:url(../images/bg-content-container.jpg) repeat-x top;
	background-color:#fff;
	overflow:hidden;
	padding:20px;
	clear:both;

	
}

#content-container > section {
	float:left;
	margin-right:200px;
	/*border-right:#dddddd 1px solid;*/
	padding-right:20px;
}



#footer-container {
	width:inherit;
	margin: 0 auto;
	padding:0;
}

}
/***********************************/

@media only screen and (max-width: 800px) {

#body-container {
	width:inherit;
	margin:0 auto;
	overflow:auto;
}

hgroup .hgroup-left {
	float:left;
	width:60%;
	/*max-width:87px;*/
}

hgroup .hgroup-col-right{
	float:left;
	width:100%;
	position:relative;

}

header {
	margin-top:20px;

}

header > .left {
	background: none;
	float:left;
	width:330px;
}

.logo {
	float:left;
}

.logo-text{
	float:left;
	font-family:Arial,"Times New Roman", Times, serif;
	font-size:22px;
	font-weight: bold;
	font-style:italic;
	color:#FFF;
	margin:15px 0 0 5px;
	line-height:34px;
	text-shadow: 1px 2px #939393;	
}

header > .right {
	float:right;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	margin-right:10px;
}

#body-container {
	width:inherit;
	margin:0 auto;
	overflow:auto;

}

#nav  ul  li a {
	font-family: Arial, Helvetica, sans-serif;	
	font-size:13px;
	color:#125ba6;
	text-shadow: 1px 1px #FFF;
	text-decoration:none;
	padding:10px 4px 11px 4px;	
	display:block;
	font-weight:bold;
}

#content-container > section {
	float:left;
	margin-right:200px;
	/*border-right:#dddddd 1px solid;*/
	padding-right:20px;
}


#footer-container {
	width:600px;
	margin: 0 auto;
	padding:0;
}

.logo img {
	max-width: 75px;
	height:69px;
}
}

@media only screen and (max-width: 590px) {
#body-container {
	width:100%;
	margin:0 auto;
	overflow:auto;

}

.large-portfolio{
	width:99%;
	position:relative;
	overflow:hidden;
}



hgroup .hgroup-left {
	float:left;
	width:90%;
	position:relative;
	text-align:center;
}

hgroup .hgroup-col-right{
	float:left;
	width:100%;
	position:relative;

}




header {
	margin-top:20px;
}

header > .left {
	background: none;
	float:left;
	overflow:hidden;
	width:100%;
	text-align:center;

}

.logo {
	float:left;
}

.logo-text{
	float:left;
	font-family:Arial,"Times New Roman", Times, serif;
	font-size:22px;
	font-weight: bold;
	font-style:italic;
	color:#FFF;
	margin:20px 0 0 5px;
	line-height:20px;
	text-shadow: 1px 2px #939393;	
}

header > .right {
	float:left;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	width:100%;
	padding:0;
	margin:0;
}

header > hgroup > .hgroup-right {
	float:right;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	margin-right:10px;
}


.hgroup-right > a {
	text-decoration:none;
	color: #FFF;
}

.hgroup-right a:hover {
	text-decoration:none;
	color: #cbe5ff;
}

.phone {
	font-size:20px;
	font-weight:bold;
	margin:6px 0 8px 4px;
	float:left;
	color:#fff;
	/*text-shadow: 1px 1px #AAA;		*/
}
	


#body-container {
	width:98%x;
	margin:0 auto;
	overflow:auto;

}


#nav  ul  li {
	display:block;
	margin:0;
	padding:0;
	background: none;
}

#nav  ul  li a {
	background: none;
	font-size:13px;
	color:#2c79c8;
	text-shadow: 1px 1px #FFF;
	text-decoration:none;
	padding:10px 5px 10px 5px;	
	display:block;
}


#content-container > section {
	float:left;
	width: 100%;
}

#content-container > section > h2{
	color:#125ba6;
	font-size:18px;
	line-height:24px;
	padding-bottom:15px;
}

#content-container > section > h3{
	color:#606060;
	font-size:16px;
	line-height:24px;
}


#content-container > aside {
	float:left;
	width:100%;
	margin-left:0;
	background-color:#ebebeb;
}


#footer-container {
	width:100%;
	margin: 0 auto;
	padding:0;
}


.js #menu {
	display:none;
}
	
.js .slicknav_menu {
	display:block;
}

}