#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #333333;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #eeeeee;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active > a {
  background: #d9d9d9 url(grad_light.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #bfbfbf));
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: -ms-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d9d9d9 0%, #bfbfbf 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#bfbfbf', GradientType=0);
  box-shadow: inset 0 0 10px #979797, inset 0 10px 10px #979797;
  -moz-box-shadow: inset 0 0 10px #979797, inset 0 10px 10px #979797;
  -webkit-box-shadow: inset 0 0 10px #979797, inset 0 10px 10px #979797;
  filter: none;
}
#cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #bfbfbf));
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: -o-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: -ms-linear-gradient(top, #d9d9d9 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d9d9d9 0%, #bfbfbf 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#bfbfbf', GradientType=0);
  filter: none;
}
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #ffffff;
  -moz-box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  background: #bfbfbf url(grad_light.png) repeat-x left top;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #e5e5e5), color-stop(51%, #d7d7d7), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  line-height: 34px;
  padding: 0 35px;
  filter: none;
}
#cssmenu > ul > li a:hover {
  background: #ffffff url(grad_light.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #d9d9d9 0%, #bfbfbf 50%, #b0b0b0 51%, #c7c7c7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(50%, #bfbfbf), color-stop(51%, #b0b0b0), color-stop(100%, #c7c7c7));
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #bfbfbf 50%, #b0b0b0 51%, #c7c7c7 100%);
  background: -o-linear-gradient(top, #d9d9d9 0%, #bfbfbf 50%, #b0b0b0 51%, #c7c7c7 100%);
  background: -ms-linear-gradient(top, #d9d9d9 0%, #bfbfbf 50%, #b0b0b0 51%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #d9d9d9 0%, #bfbfbf 50%, #b0b0b0 51%, #c7c7c7 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  filter: none;
}
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #d2d2d2;
}
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #d2d2d2;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}

      body {background : url(images/templatemo_body_center.jpg) center top repeat;

background-color : #61D3EB;
background-position : top;
background-repeat : repeat;
color : #576973;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size : 12px;
line-height : 1.4em;
margin : 0;
padding : 0;
max-width:1230;
}
#background {
background : url(images/templatemo_body_center.jpg) center top repeat;
background-attachment : fixed;
width:100%;
max-width:2930px;
background-size: 100%;
}

#templatemo_wrapper {
margin : 0 auto;
width : 1240px;
}
#templatemo_header {
padding : 60px 0 10px 30px;
}
#templatmeo_menu {
background : url(images/templatemo_menu.png) no-repeat;
height : 4px;
padding : 10px 11px 0;max-width: 1200;
}
#templatemo_main {
background : url(images/templatemo_main.png) repeat-y;
padding : 40px 20px 0;
max-width : 1200px;
width:100%;
}
#templatemo_footer {
background : url(images/templatemo_footer.png) top center no-repeat;
padding : 40px 0 20px;
text-align : center;
}
#site_title {
display : block;
width : 260px;
}




a, a:link, a:visited {
color : #354954;
font-weight : 400;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
p {
margin : 0 0 10px;
padding : 0;
}
img {
border : #fff solid 5px;
}
em {
color : #000;
}
blockquote {
font-style : italic;
margin : 0 0 20px;
}
cite {
color : #354954;
font-weight : 700;
}
cite a, cite a:link, cite a:visited {
font-size : 12px;
font-style : normal;
text-decoration : none;
}
cite span {
color : #576973;
font-weight : 400;
}
h1, h2, h3, h4, h5, h6 {align :center;
color : #011517;
font-weight : 400;
}
h1 {text-align:center;
font-size : 36px;
margin : 0 0 30px;
padding : 5px 0;
}
h2 {align :center;
font-size : 24px;
margin : 0 0 25px;
padding : 5px 0;
}
h3 {
font-size : 20px;
margin : 0 0 20px;
padding : 0;
}
h4 {
font-size : 16px;
margin : 0 0 15px;
padding : 0;
}
h5 {
font-size : 14px;
margin : 0 0 10px;
padding : 0;
}
h6 {
font-size : 12px;
font-weight : 700;
margin : 0 0 5px;
padding : 0;
}
.cleaner {
clear : both;
}
.h10 {
height : 10px;
}
.h20 {
height : 20px;
}
.h30 {
height : 30px;
}
.h40 {
height : 40px;
}
.h50 {
height : 50px;
}
.divider {
background : url(images/templatemo_divider.png) bottom repeat-x;
margin-bottom : 40px;
padding-bottom : 20px;
}
.float_l {
float : left;
}
.float_r {
float : right;
}
.tmo_list {
list-style : decimal-leading-zero;
margin : 10px 0 10px 30px;
padding : 0;
}
.tmo_list li {
background : url(images/templatemo_list.png) 0 5px no-repeat scroll;
color : #576973;
margin : 0 0 10px;
padding : 0 5px 0 0;
}
.tmo_list li a {
color : #576973;
font-weight : 400;
}
.tmo_list li a:hover {
color : #576973;
}
#site_title a {
display : block;
height : 60px;
text-indent : -10000px;
width : 260px;
}
#templatmeo_menu ul li {
background : url(images/templatemo_menu_divider.png) center right no-repeat;
display : block;
float : left;
margin : 0;
padding : 0 2px 0 0;
}
#templatmeo_menu ul li a {
background-position : 0 10px;
background-repeat : no-repeat;
display : block;
font-size : 14px;
font-weight : 700;
height : 54px;
line-height : 52px;
margin : 0 30px;
padding : 0 0 0 45px;
text-shadow : 0 1px 1px #d1feff;
}
#templatmeo_menu ul li a:hover {
text-decoration : none;
text-shadow : 0 1px 1px #237072;
}
.main_box {
min-height : 600px;
padding-bottom : 30px;
}
.img_float_l {
float : left;
margin : 3px 30px 5px 0;
}
.img_float_r {
float : right;
margin : 3px 0 5px 30px;
}
#gallery li a {
display : block;
float : left;
margin : 0 5px 5px 0;
}
#contact_form {
padding : 0;
width : 380px;
}
#contact_form form .input_field {
background : #f2f2f9;
border : #669 solid 1px;
color : #036;
padding : 3px;
width : 380px;
}
#contact_form form label {
color : #036;
display : block;
font-size : 12px;
margin-bottom : 4px;
}
#contact_form form textarea {
background : #f2f2f9;
border : #669 solid 1px;
color : #036;
font-family : Arial, Helvetica, sans-serif;
height : 150px;
padding : 3px;
width : 380px;
}
#contact_form form .submit_btn {
background : #BCE;
border : #669 solid 1px;
color : #036;
cursor : pointer;
font-size : 12px;
margin : 0;
padding : 5px 10px;
}
.twitter_post li {
margin : 0 0 20px;
}
.main_bottom {
background : url(images/main_bottom.png) bottom repeat-x;
clear : both;
height : 45px;
margin-top : 40px;
text-align : center;
width : 100%;
}

.main_bottom a {
background : url(images/go_to_top.png);
display : block;
height : 48px;
margin : 0 auto;
width : 48px;
}
.col {
float : left;
margin-right : 30px;
}
.col_12 {
width : 430px;
}
.col_13 {
width : 280px;
}
.col_23 {
width : 590px;
}
#templatmeo_menu ul, #gallery, .twitter_post {
list-style : none;
margin : 0;
padding : 0;
}
#gallery li, #contact_form form {
margin : 0;
padding : 0;
}
#gallery li a.no_margin_right, .no_margin_right {
margin-right : 0;
}
#services h3, #services p {
margin-bottom : 30px;
}
#lbOverlay {
position : fixed;
z-index : 9999;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : #000;
cursor : pointer;
}
#lbCenter, #lbBottomContainer {
position : absolute;
z-index : 9999;
overflow : hidden;
background-color : #fff;
}
#lbImage {
position : absolute;
left : 0;
top : 0;
border : #fff solid 10px;
background-repeat : no-repeat;
}
#lbPrevLink, #lbNextLink {
display : block;
position : absolute;
top : 0;
width : 50%;
outline : none;
}
#lbPrevLink {
left : 0;
}
#lbNextLink {
right : 0;
}
#lbBottom {
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size : 10px;
color : #666;
line-height : 1.4em;
text-align : left;
border : #fff solid 10px;
border-top-style : none;
}
#lbCaption, #lbNumber {
margin-right : 71px;
}
#lbCaption {
font-weight : bold;
}
p.sansserif {
font-family : MingLiU, Helvetica, Tsans-serif, Arial;
}
p.serif {
font-family : "Times New Roman", Times, serif;
}
#canvasImg {
border : #030401 solid 0;
}
#customers {
border-collapse : collapse;
}
#customers td, #customers th {
border : gray solid 1px;
width : 256px;
height : 32px;
}
.styled-select select {
background : transparent;
width : 268px;
padding : 5px;
font-size : 16px;
line-height : 1;
border : 0;
border-radius : 0;
height : 34px;
}
table1, td1,th1,tr1
{
text-align:center;
}
input[type=range]:first-of-type {
  width: 900px;
}
      
.regular-checkbox {
    display: none;
}
 
.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 13px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 25px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: black;
}
 

 
.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}
.selectClass {
   font-size: 25px;

}​