@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px}
body{font-family:Arial, Helvetica, sans-serif; background-color:#f9f6f2; font-size:12px; color:#333333}

h1{font-family: 'Roboto Slab', serif; font-size:22px; margin-top:10px; color:#000000; text-decoration:none; font-weight:bold;}

.main-wrap{width:100%; margin:auto}
.head-wrapper{width:1004px; margin:auto; clear:both;}
.logo-wrap{width:357px; float:left;}
.search-wrap{width:288px; float:right; margin-top:50px}

.main-nav-wrap{width:100%; background-image:url(../images/nav-bg.png); background-repeat:repeat-x; height:76px; z-index:9999; position:absolute}
.nav-wrap{width:1004px; margin:auto; clear:both}
.banner-wrap{background-color:#c74933; background-image:url(../images/banner-bg.png); background-position:center top; width:100%; background-repeat:no-repeat; text-align:center;  padding-top:90px; border-bottom:4px solid #bc432e;}

.main-content-wrap{width:100%; background-color:#f9f6f2; padding-top:25px;}
.content-wrap{width:1000px; margin:auto;}

.home-serv-box{float:left; width:220px; padding-right:30px;}
.serv-head{background-image:url(../images/home-serv-head-bg.png); font-family: 'Roboto Slab', serif; background-repeat:no-repeat; font-size:22px; color:#FFFFFF; text-decoration:none; text-align:center; padding:22px 20px 34px; font-weight:bold}
.serv-img-wrap{background-color:#e8e1dd; padding:0px 10px;}
.home-serv-text{background-color:#e8e1dd; padding:25px; text-align:center; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
.serv-btn{margin-top:40px; margin-bottom:10px;}

.welcome-text{line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

.welcome-wrap{padding-top:40px; padding-bottom:30px; width:1000px; margin:auto; border-bottom:1px solid #ccc}
.welcome-head-wrap{width:200px; float:left; padding-left:15px; font-family: 'Roboto Slab', serif; font-size:25px; color:#bd442f; font-weight:bold}

.welcome-text-wrap{width:720px; float:left; padding-left:25px; border-left:3px solid #e2dbd7;}

.main-head{font-family: 'Roboto Slab', serif; font-size:18px; color:#000; line-height:20px; margin-bottom:15px;}

.serv-wrap{width:1000px; margin:auto; margin-top:45px;}

.serv-box{width:280px; float:left; margin-right:53px;}
.serv-img-sec{width:280px; margin:auto}
.serv-img-wrap{ }
.serv-head-wrap{width:168px; float:left; border-top:3px solid #bd442f}
.big-bold-text{font-family: 'Roboto Slab', serif; font-size:24px; padding-top:20px; color:#000000; text-decoration:none; font-weight:bold;}

.get-touch-wrap{width:980px; padding:20px; background-color:#e8e1dd; margin:45px auto 30px; height:auto}
.get-text-wrap{width:700px; padding-left:20px; float:left}
.get-img-wrap{width:250px; float:left}

.footer-wrap{width:100%; clear:both; background-color:#3b323f; height:123px}
.footer-box{width:980px; margin:auto}
.footer-logo-wrap{width:650px; float:left; margin-top:35px;}
.footer-social-wrap{width:150px; float:right;  margin-top:35px;}





/*search box*/

#searchwrapper {
	width:288px; /*follow your image's size*/
	height:39px;/*follow your image's size*/
	background-image:url(../images/search-box.png);
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
	position:relative; /*important*/
}
#searchwrapper form {
	display:inline;
}
.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:0px;
	left:20px;
	width:249px;
	height:39px;
	color:#666666;
}
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:249px;
	width:39px;
	height:39px;
}

/*end search box*/

/* menu styles */
#jsddm {
	margin-left:25px;
	padding:0px;
}
#jsddm li {
	float: left;
	list-style: none;
	font-family: 'Roboto Slab', serif;
	font-size:16px;
}
#jsddm li a {
	display: block;
	padding:25px 44px 38px;
	top:20px;
	text-decoration: none;
	border-right: 0px solid #bc432e;
	color: #ffffff;
	white-space: nowrap
}

#jsddm li a:hover {
	color:#FFFFFF;
	/*background-image:url(../images/menu-hover-img.png);
	background-repeat:no-repeat;*/
	border:1px #000000 solid;
	background-position:center;
	
}
#jsddm li a:active {
	color:#FFFFFF;
	background-image:url(../images/menu-hover-img.png);
	background-repeat:no-repeat;
	background-position:center;
}
#jsddm li ul {
	margin-top:-10px;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white
}
#jsddm li ul li {
	float: none;
	display: inline;
	
}
#jsddm li ul li a {
	width: auto;
	background: #382f3b;
	color: #fff;
	padding:10px 30px;
}
#jsddm li ul li a:hover {
	background: #f16149
}
/*end menu styles*/

.dark-btn {
  background: #bd442f;
  font-family: 'Roboto Slab', serif;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: solid #000000 0px;
  text-decoration: none;
  margin:10px 0px 10px 0px;
}

.dark-btn:hover {
  background: #aa2d17;
  font-family: 'Roboto Slab', serif;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: solid #000000 0px;
  text-decoration: none;
  margin:10px 0px 10px 0px;
}

.more-btn {
background-image:url(../images/more-link-bg.png);
background-repeat:no-repeat; 
  font-family: 'Roboto Slab', serif;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 13px;
  border: solid #000000 0px;
  text-decoration: none;
  margin:10px 0px 10px 0px;
}

<!--------------------add css------------------------------->
.get-text-wrap1{width:700px; padding-left:0px; float:left}
.get-touch-wrap1{width:980px; padding:20px;  margin:-20px auto 30px; height:auto}
.welcome-wrap1{padding-top:40px; padding-bottom:30px; width:1000px; margin:auto;}
.welcome-wrap2{padding-top:0px; padding-bottom:30px; width:1000px; margin:auto;}
.welcome-head-wrap1{width:250px; float:left; padding-left:0px; font-family: 'Roboto Slab', serif; font-size:25px; color:#bd442f; font-weight:bold}
.welcome-head-wrap2{width:200px; float:right; padding-left:0px; font-family: 'Roboto Slab', serif; font-size:25px; color:#bd442f; font-weight:bold}
.welcome-head-wrap3{width:200px; float:right; padding-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
.main-head1{font-family: 'Roboto Slab', serif; font-size:18px; color:#000; line-height:40px; margin-bottom:15px;}
 h3 {
font-family: 'Roboto Slab', serif;
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
color:#EF5F47;
text-decoration: none;
font-weight: bold; 
}
.serv-head-wrap2{width:275px; float:left; border-bottom:2px solid #2E2928;border-top: 1px solid #2E2928;}
a, a:hover { 
  outline: none;
  text-decoration:none;
  color: 	 #000;
}

a:hover { 
  text-decoration: none;
}
.content { 
  text-align: left;
  width: 670px;
  margin: 25px 0 0 0;
  float: left;
  font-size: 120%;
}
.content ul { 
  margin: 2px 0 22px 0px;
}

.content ul li, .sidebar ul li { 
  list-style-type: none;
  background: url(http://cynexsolutions.com/images/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  line-height: 1.5em;
}
.form_settings { 
  margin: 15px 0 0 0;
}
.form_settings p { 
  padding: 0 0 4px 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #D5D5D5; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 140% 'Yanone Kaffeesatz', arial, sans-serif; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #ddd; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#fff, #ddd);
  background: -o-linear-gradient(#fff, #ddd);
  background: -webkit-linear-gradient(#fff, #ddd);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #ddd;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  color: #222;
  text-shadow: 1px 1px #FFF;
}

.form_settings textarea, .form_settings select { 
  font: 100% arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  right: 5px;
  display: block;
  background: url(http://cynexsolutions.com/images/arrows-white.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}



ul ul span.sf-arrow { 
  right: 5px;
  top: 20px;
  background-position: 0 100%;
}