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

body{ margin:0px; padding:0px; background:url(../images/bg.jpg) top left repeat-x #fff;}
div, h1, h2, h4, p, form, label, input, textarea, img, span{margin:0; padding:0;}
#container{ width:1029px; margin:auto; }
#menu{ width:1029px; height:54px;}
#logo{ width:220px; height:188px; background:url(../images/logo.png) top left no-repeat; position:absolute; z-index:100; margin:16px 0px 0px 60px;}
#logo span { visibility:hidden}

.banner{ background:url(../images/banner.jpg) top left no-repeat; width:1029px; height:377px;}

.inner-bg{ background:url(../images/inner-bg.jpg) bottom left repeat-x #fff; border-left:1px solid #a8b7ba; border-right:1px solid #a8b7ba;}

.matter{ font-family:"Trebuchet MS"; font-size:13px; line-height:22px; color:#342f2f; padding:10px 30px;}
.matter span{ font-size:22px; color:#af1017;}
h1{ font-size:18px; color:#af1017; font-family:"Trebuchet MS"; padding:0px 30px; font-weight:normal;}
h3{ font-size:14px; color:#af1017; font-family:"Trebuchet MS"; padding:0px 30px; font-weight:normal;}
.hadingset h3 { margin:0px; font-size:16px;}
h2{ font-size:16px; color:#af1017; font-family:"Trebuchet MS"; padding:0px 30px; font-weight:normal;}
h2.hading2 { font-size:18px;}
.matter a{ text-decoration:none; color:#af1017;}
.matter a:hover{ text-decoration:underline; color:#666666;}
.list-container{ width:310px;padding:0px 0px 0px 20px; margin:0px; float:left; display:block;}
.list ul { list-style:none;padding:0px; margin:0px; }
.list li { list-style:none; padding:0px; margin:0px 0px 0px 30px; background:url(../images/arrow.png) top left no-repeat; padding-left:10px; font-family:"Trebuchet MS"; font-size:13px; line-height:20px; color:#342f2f;}
.list a{text-decoration:none; color:#af1017;}
.list a:hover{text-decoration:underline; color:#666666;}

.side-box{ background:#FFFFFF; border:1px solid #c2c2c2; border-bottom:none;}
.side-box1{ background:#FFFFFF; border:1px solid #c2c2c2;}
.heading{ text-transform:uppercase; color:#000; line-height:22px; font-family:"Trajan Pro", "Myriad Pro", "Incised901 Ct BT", Arial; padding-left:7px; font-size:15px; font-weight:bold;}

.footer-pattern{ background:url(../images/footer-pattern.jpg) bottom left repeat-x; height:267px;}
.footer{ font-family:"Trebuchet MS"; font-size:12px; line-height:24px; text-align:right; padding-right:20px;}
.footer-container{width:1004px; padding:0px; margin:0 auto;}
.footer-left{width:502px; padding:0px; margin:0px; display:block; float:left;}
.footer-computer{ padding:10px 0 0 0; margin:0px; float:left; display:block;}
.footer-no{padding:60px 4px 0px 4px; margin:0px; float:left; display:block;}
.footer-right{width:502px; padding:0px; margin:0px; display:block; float:left;}

.footer-link{padding:20px 0px 0px 75px; margin:0px; position:relative;}
.footer-link img { position:relative; left:0px; top:0px;}
.footer-link a { position:absolute; z-index:10; left:0; top:35px;}
.footer-link a.facbook{ left:120px;}
.footer-link a.twitter{ left:175px;}
.footer-link a.flicker{ left:232px;}
.footer-link a.linkedIn{ left:290px;}
.footer-link a.skype{ left:345px;}
.footer-link a.dlink{ left:400px;}
.footer-link a img { width:30px; height:30px;border:0;}
/*body work*/
#workcontainer{width:1029px; vertical-align:top; margin:auto;}
.leftshadow{width:11px; padding:0px; margin:0px; vertical-align:top; display:block; float:left;}
.rightshadow{width:13px; padding:0px; margin:0px; vertical-align:top; display:block; float:left;}
.middlecontainer{width:1003px; background:url(../images/inner-bg.jpg) bottom left repeat-x #fcfcfc; border-right:1px #a8b7ba solid; border-left:1px #a8b7ba solid; padding:0px; margin:0px;display:block; float:left;}
.textarea{width:710px; padding:0px; margin:0px; display:block; float:left;}
/*about us*/
.about-us{width:990px; padding:0px; margin:0px; display:block; float:left;}
/*end about us*/
.rightcontainer{width:290px; padding:0px; margin:0px; display:block; float:left;}
.rightarea{width:276px; padding:0px; margin:0px; display:block; position:relative;}
.rightareabox{ background:#FFFFFF; width:274px; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; padding:0px; margin:0px; display:block; float:left;}
.rightbottom{ width:276px; padding:0px 0px 30px 0px; margin:0px; float:left; display:block;} 
.bottomcurve{ background:url(../images/bottom-crv.jpg) bottom no-repeat;width:1005px; height:14px; margin:auto; }
/*end body work*/
/*contact us*/
.contact-container{width:700px; padding:0px; margin:0px; float:left; display:block; }
.contact-text{ width:120px;font-family:"Trebuchet MS"; font-size:13px; line-height:22px; color:#342f2f; padding:10px 30px; float:left; display:block;}
.contact-box{font-family:"Trebuchet MS"; width:160px; font-size:12px; line-height:16px; color:#342f2f; padding:0px; margin:10px 0px 0 0; border:1px #c2c2c2 solid; float:left; display:block;}
.contact-bigbox{font-family:"Trebuchet MS"; width:220px; font-size:12px; line-height:16px; color:#342f2f; padding:0px; margin:10px 0px 0 0; border:1px #c2c2c2 solid; float:left; display:block;}
.contact-button{ background:#0e3262; font-family:"Trebuchet MS"; color:#FFFFFF; width:100px; float:left; padding:0px 5px 0px 5px; margin:0px 0px 10px 10px; border:none; display:block;}

.top-phone{ font-size:24px; font-family:"Trebuchet MS"; color:#FFFFFF; width:200px; z-index:100; margin:16px 0px 0px 60px; float:right}
.top-phoneimg{ font-size:24px; font-family:"Trebuchet MS"; color:#FFFFFF; width:400px; z-index:100; margin:16px 0px 0px 20px; float:right}