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

body{ margin:0px; padding:0px; background:url(../images/page-bg.jpg) repeat-x top left; font-family:tahoma; font-size:12px; color:#828282; line-height:18px; text-align:justify;}

body.inner{ margin:0px; padding:0px; background:url(../images/inner-page-bg.jpg) repeat-x top left; font-family:tahoma; font-size:12px; color:#828282; line-height:18px; text-align:justify;}

#wrapper{ width:1003px; margin:0 auto 0 auto; padding: 0px;}

.float{ float:left; width:100%;}

#logo{ width:238px; height:102px; margin:0px 0px 0px 15px;}

#nav { float:right; width:740px; height:37px; background:url(../images/nav-bg.jpg) repeat-x top left;}
#nav-left { float:left; width:24px; height:37px; background:url(../images/nav-left.jpg) no-repeat top left;}
#nav-cont { float:left; width:710px; height:37px;}
#nav-right { float:right; width:3px; height:37px; background:url(../images/nav-right.jpg) no-repeat top right;}

#nav-cont ul { float:left; width:670px; margin:0px; padding:0px 0px 0px 17px; height:0px;}

#nav-cont ul li { float:left; margin:0px; padding:10px 14px 5px 14px; height:37px; font-family:tahoma; font-size:12px; color:#fff; list-style:none;}
#nav-cont ul li a { float:left; margin:0px; background:url(xx../images/hover-bg.png) repeat-x left top; color:#fff; text-decoration:none; display:block; padding:10px 9px 5px 9px ; margin:-10px 0 0;}
#nav-cont ul li a:hover { float:left; margin:0px; background:url(../images/hover-bg.png) repeat-x left top; color:#000; text-decoration:none; display:block; padding:10px 9px 5px 9px ; margin:-10px 0 0;}

#nav-cont ul li#selected a { float:left; margin:0px; background:url(../images/hover-bg.png) repeat-x left top; color:#000 !important; text-decoration:none; display:block; padding:10px 9px 5px 9px ; margin:-10px 0 0;}


#header{ float:left; width:1002px; height:254px; background:url(../images/header.jpg) no-repeat top left;}
#inner-header{ float:left; width:1002px; height:145px; background:url(../images/header-inner.jpg) no-repeat top left;}
#quote-btn { float:left; width:231px; height:36px; background:url(../images/quote-btn-1.png) no-repeat top left; display:block; margin:155px 0px 0px 12px;}
#quote-btn a { float:left; width:231px; height:36px; background:url(../images/quote-btn-1.png) no-repeat top left; display:block}
#quote-btn a:hover { float:left; width:231px; height:36px; background:url(../images/quote-btn-2.png) no-repeat top left; display:block;}

#inner-quote-btn { float:right; width:231px; height:36px; background:url(../images/quote-btn-1.png) no-repeat top left; display:block; margin:60px 21px 0px 0px;}
#inner-quote-btn a { float:right; width:231px; height:36px; background:url(../images/quote-btn-1.png) no-repeat top left; display:block}
#inner-quote-btn a:hover { float:right; width:231px; height:36px; background:url(../images/quote-btn-2.png) no-repeat top left; display:block;}


#middle{ float:left; width:100%; margin:0px; padding:0px;}

#right{ float:left; width:233px; margin:0px; padding:30px 20px 25px 20px ; background:#02356f; font-family:arial; font-size:12px; color:#a8b6c9}
#right a{ text-decoration:none; color:#fff;}
#right a:hover{ text-decoration:underline; color:#fff;}

#left-home{ float:left; width:715px; margin:36px 0px 0px 15px ; padding:0px 0px 0px 0px ;}

#left{ float:left; width:696px; margin:36px 0px 0px 15px ; padding:0px 16px 0px 0px; font-size:12px; line-height:17px;}
#left a{ text-decoration:none; color:#1c5d99;}
#left a:hover{ text-decoration:underline; color:#1c5d99;}

#left img{ float:left; margin:5px 10px 10px 0;  border:3px solid #b9b9b9;}

.who-we-are{ float:left; width:215px; background:url(../images/fade-line.jpg) no-repeat right top; margin:0 12px 0 0; padding:0px 10px 0px 0px; }
.who-we-are img{ float:left; margin:5px 0px 10px 0;  border:3px solid #b9b9b9; }

.welcome-text{ float:left; width:436px; background:url(../images/fade-line.jpg) no-repeat right top; margin:0 15px 0 0; padding:0 19px 0 0; }
.welcome-text img{ float:left; margin:5px 0px 10px 0;  border:3px solid #b9b9b9; }

.how-can-we{ float:left; width:230px; margin:0 12px 0 3px }
.how-can-we img{ float:left; padding:5px 10px 10px 0 }




h6{ font-family:arial; font-size:16px; color:#2d2d2d; margin:0px; padding:0px 0px 3px 0px ;}
h5{ font-family:arial; font-size:18px; font-weight:normal; color:#2073c5; margin:0px; padding:0px 0px 0px 0px ;}
h4{ font-family:arial; font-size:20px; font-weight:normal; color:#d6e8fb; margin:0px; padding:0px;}
h3{ font-family:arial; font-size:16px; font-weight:normal; color:#1c5d99; margin:0px; padding:0px;}
h1{ font-family:arial; font-size:30px; color:#2073c5; margin:0px; padding:5px 0px 0px 0px ; font-weight:normal;}



.h5-red{ font-family:arial; font-size:18px; font-weight:normal; color:#c3492e; margin:0px; padding:0px 0px 0px 0px ;}
.h5-green{ font-family:arial; font-size:18px; font-weight:normal; color:#79ba0a; margin:0px; padding:0px 0px 0px 0px ;}

.more a{ float:right; width:100px; text-align:right; color:#c3492e; text-decoration:none; background:url(../images/more-icon.jpg) no-repeat right; padding:0px 18px 0px 0px; margin:0 0px 0 0; }
.more a:hover{color:#c3492e; text-decoration:underline;}

.home-more a{ float:right; width:100px; text-align:right; color:#c3492e; text-decoration:none; background:url(../images/more-icon.jpg) no-repeat right; padding:0px 18px 0px 0px; margin:0 23px 0 0; }
.home-more a:hover{color:#c3492e; text-decoration:underline;}

.right-more a{ float:right; width:100px; text-align:right; color:#fff; text-decoration:none; background:url(../images/more-icon-2.png) no-repeat right; padding:0px 18px 0px 0px; margin:10px 0px 0 0; }
.right-more a:hover{color:#fff; text-decoration:underline;}

.testimonial { float:left; width:70%; text-align:left; color:#1c5d99; text-decoration:none; padding:0px 70px; margin:0 13px 0 40px; border-bottom:1px dashed #ccc; background:url(../images/testi-icon.png) no-repeat 45px 0px ; height:25px;  }
.testimonial a{ text-align:right; color:#1c5d99; text-decoration:none; }
.testimonial a:hover{color:#1c5d99; text-decoration:underline;}

.separater{ width:100%; height:22px; float:left; background:url(../images/seprator.jpg) no-repeat center top; margin:15px 0px 15px 0px;}

#box-main{ float:left; width:726px;}

.home-services{ float:left; width:194px; margin:10px 24px 0 0; background:url(../images/fade-line-2.png) no-repeat right; padding:0px 24px 0px 0px }
.home-services-last{ float:left; width:200px; margin:10px 18px 0px 0px; padding:0px 24px 0px 0px }


.box{ float:left; width:216px; margin:0px 18px 0px 0px ;}
.box-top { float:left; width:216px; height:15px; background:url(../images/box-top.png) no-repeat top left;}
.box-btm { float:left; width:216px; height:15px; background:url(../images/box-bottom.png) no-repeat top left;}
.box-bg { float:left; width:188px; min-height:275px; background:url(../images/box-bg.png) repeat-y top left; padding:20px 15px 10px 11px }
.box-bg img { float:left; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; border:2px solid #b9b9b9;}

#about-u{ float:left; width:245px; margin:0px;}

#right ul{ float:left; width:100%; margin:20px 0px 0px 0px ; padding:0px;}
#right ul li{ list-style:none; font-family:arial; font-size:12px; color:#a8b6c9; background:url(../images/bullet-1.png) no-repeat 0px 5px ; padding:0px 0px 0px 10px; margin:10px 0px 0px 0px ;}
#right ul li a { color:#fff; text-decoration:none;}
#right ul li a:hover { color:#fff; text-decoration:underline;}

#left ul{ float:left; width:100%; margin:0px 0px 20px 10px ; padding:0px;}
#left ul li{ list-style:none; font-family:arial; font-size:12px; color:#828282; background:url(../images/bullet-2.png) no-repeat 0px 5px ; padding:0px 0px 0px 10px; margin:10px 0px 0px 0px ;}
#left ul li a { color:#828282; text-decoration:none;}
#left ul li a:hover { color:#828282; text-decoration:underline;}


#left-home ul{ float:left; width:100%; margin:14px 0 0px 1px ; padding:0px;}
#left-home li{ list-style:none; font-family:arial; font-size:12px; color:#828282; background:url(../images/bullet-2.png) no-repeat 0px 5px ; padding:0px 0px 0px 10px; margin:1px  0px 0px 0px ;}
#left-home a { color:#828282; text-decoration:none;}
#left-home a:hover { color:#828282; text-decoration:underline;}



.right-separater{ float:left; width:100%; height:8px; background:url(../images/right-separater.png) no-repeat center top; margin:30px 0px }
.right-separater-home{ float:left; width:100%; height:8px; background:url(../images/right-separater.png) no-repeat center top; margin:5px 0px }

.white-text{ font-family:arial; font-size:12px; color:#fff;}
.white-text a{ color:#fff; text-decoration:none;}
.white-text a:hover{ color:#fff; text-decoration:underline;}

.large-text{ font-family:arial; font-size:17px; color:#828282; font-weight:bold;}
.large-text a{ color:#828282; text-decoration:none;}
.large-text a:hover{ color:#828282; text-decoration:underline;}

.blue-text{ font-family:arial; font-size:12px; color:#1c5d99;}
.blue-text a{ color:#1c5d99; text-decoration:none;}
.blue-text a:hover{ color:#1c5d99; text-decoration:underline;}

.footer-text{ font-family:arial; font-size:11px; color:#fff;}
.footer-text a{ color:#fff; text-decoration:none;}
.footer-text a:hover{ color:#fff; text-decoration:underline;}

#bottom{ float:left; width: 100%;height:90px; background:url(../images/bottom-bg.png) repeat-x top left;}

#btm-nav{ float:left; width:400px; height:33px; margin:15px 0px 0px 15px;}
#copyright{ float:right; width:300px; height:33px; margin:15px 15px 0 0}

#skype{ float:left; width:130px; height:40px; margin:0px 0 0 15px;}
#twitter{ float:left; width:155px; height:40px; margin:0px 0px 0px 10px ;}
#email{ float:left; width:155px; height:40px; margin:0px 0px 0px 10px ;}
#cms-icons{ float:right; width:128px; height:22px; margin:5px 15px 0 0;}


#slide{ width:469px; height:296px; margin:0px 0px 0px 537px; *margin:0px 0px 0px 294px; position:absolute; z-index:10; top:60px; background:url(../images/slide-3.png) no-repeat top left;}

#portfolio{ float:left; width:100%;}
#portfolio img{ float:left; padding:3px; border:3px solid #b9b9b9; margin:20px 50px 0px 0px  }

#portfolio-last-img{ padding:3px; border:3px solid #b9b9b9; margin:20px 48px 0 -3px !important; text-align:center; float:none !important  }


blockquote {
margin:22px 40px;
color:#575757;
padding: 0 50px;
background: transparent url(../images/blockquote.png) no-repeat 0 0;
}

#form-field{ width:500px; height:28px; border:1px solid #ccc; font-size:14px; color:#5c5c5c;}
#form-category{ width:500px; height:31px; border:1px solid #ccc; font-size:14px; color:#5c5c5c; padding:5px 0 0;}
#form-area{ width:500px; border:1px solid #ccc;}