/*CSS by HVVS.net*/

/*Page styles*/
body { padding:0; margin:0; font:12px Verdana, Geneva, sans-serif; letter-spacing: 0px; background: #fff;}
#wrapper { margin:0px auto; width:705px;  padding:0;}
@font-face { font-family: Trade Gothic Extended;
src: url('TradeGothicLH-Extended.otf'); src: local('TradeGothicLH-Extended.otf'), format('opentype');}
@font-face { font-family: 'Trade Gothic Extended';
src: url('TradeGothicLH-Extended.otf'); src: local('TradeGothicLH-Extended.otf'), format('opentype');}
@font-face { font-family: 'Trade Gothic-Bold';src: url('TradeGothicLH-BoldExtended.otf'); src: local('TradeGothicLH-BoldExtended.otf'), format('opentype');}

/*Text Styles*/
a { color:#4c4c4c; text-decoration: none;background:none;font-family: 'Trade Gothic Extended';}
a:hover { color:#444; background:none; text-decoration:none; font-family: 'Trade Gothic-Bold';}
a:active { color:#444; background:none; text-decoration:none; font-family: 'Trade Gothic-Bold';}
p { margin:0; color: #939393;font-size:12px; font-family: 'Trade Gothic Extended';}
h1 {margin:0; color: #000;font-size:11px; word-spacing:1px;font-family: 'Trade Gothic-Bold';}
.p2 {margin:0; color: #333;font-size:12px; word-spacing:1px;}
.abouttitle {color: #000;font-size:12px; font-family: 'Trade Gothic Extended';line-height:19px;}
.about-t {font-family: 'Trade Gothic-Bold';font-size:12px;}
.port-t {font-family: 'Trade Gothic-Bold';font-size:11px;}
.clienttitle {margin:0; color: #666;font-size:12px; word-spacing:2px;}
.contact {font-size: 12px; color: #FFA500; word-spacing: 0px;}
.contact a {font-size: 12px; color: #FFA500;}
.contact a:hover {font-size: 12px; color: #FFA500;}
.cborder { color:#4c4c4c; text-decoration: none;background:none;}
.hborder { color:#FFA500; text-decoration: none;background:none;}
.home-text {margin:0; color: #444;font-size:11px; word-spacing:1px; line-height:13px;}
.about-text {margin:0; color: #000;font-size:12px; line-height:16px; font-family: 'Trade Gothic Extended';}
.client-text {margin:0; color: #666;font-size:11px; word-spacing:2px; line-height:14px; font-family: 'Trade Gothic Extended';}
.client-text2 {margin:0; color: #666;font-size:11px; word-spacing:2px; line-height:14px; padding: 3px 0 6px 0; font-family: 'Trade Gothic Extended';}
.required {margin:0; color: #bbb;font-size:11px; word-spacing:2px; line-height:14px;}
.port-text {margin:0; color: #666;font-size:11px; line-height:16px;font-family: 'Trade Gothic Extended';}
.port-text1 {margin:0; color: #666;font-size:11px; line-height:16px; text-transform:uppercase; font-family: 'Trade Gothic Extended';}
.port-text2 {margin:0; color: #666;font-size:10px; line-height:16px;text-transform:lowercase; font-family: 'Trade Gothic-Bold';}
.space {line-height: 14px}
.space2 {line-height: 12px}
.space3 {line-height: 11px}
.space4 {line-height: 0px}
.space5 {line-height: 13px}
.space6 {line-height: 8px}
.space7 {line-height: 19px}
.tele {font-size:10px}

/* Content */
#header {width:705px; height:45px; clear:both; }
.copyright {font-size: 11px;  color: #bbb; width: 190px; float: right; padding: 26px 18px 0 0;font-family: 'Trade Gothic Extended';;}
#content {width:705px; height: 494px; background:#fff; clear:both; }
#content2 {width:705px; background:#fff;clear: both;}
#content3 {width:705px; height: 360px; background:#fff url(../images/full.jpg) no-repeat;clear: both;}
.logo {float: left; padding: 0px 0 0 0; width:230px; height:360px; background:url(../images/logo.jpg);}
.gcolumn1 {float: left; padding: 31px 0 0 21px; width:209px; height:320px;}
.gcolumn1a {float: left; padding: 25px 0 0 20px; width:210px; height:330px;}
.gcolumn2 {float: right; padding: 25px 35px 0 30px; width:410px; height:335px;}
.gcolumn2a {float: right; padding: 25px 35px 0 20px; width:420px; height:335px;}
.gcolumn3 {float: right; padding: 25px 35px 0 30px; width:210px; height:335px;}
.column1 {float: left; padding: 0px 0 0 0; width:230px; height:360px;}
.column2-home {float: right; padding: 0px 0 0 0; width:475px; height:360px;background:url(../images/column2a.jpg);}
.column2 {float: right; padding: 0px 0 0 0; width:475px; height:360px;background:url(../images/column2.jpg);}
.copy-home {float: left; width: 390px; padding: 40px 30px 0px 31px; text-align:justify;}
.copy-about {float: left; width: 390px; padding: 30px 25px 0px 30px; text-align:justify;}
.copy-client {float: left; width: 410px; padding: 27px 25px 0px 30px; clear:both; }
.copy-contact {float: left; width: 420px; padding: 16px 15px 0px 15px; text-align:justify;}
.client-c1 {width: 190px; float: left; padding: 0 25px 0 0;}
.client-c2 {width: 190px; float: left; padding: 0px 0px 0 0;}
.client-c3 {width: 190px; float: left; padding: 31px 0px 0 0;}
.client-c4 {width: 210px; float: left; padding: 31px 0px 0 0;}
.client-c5 {width: 190px; float: left; padding: 31px 0px 0 0;}
.client-c6 {width: 190px; float: left; padding: 31px 0px 0 0;}
.column3 {float: left; padding: 0px 0 0 0; width:705px; height:134px;background:url(../images/column3.jpg);clear: both;}
.column3a {float: left; padding: 0px 0 0 0; width:705px; height:134px;background:url(../images/column3a.jpg);clear: both;}
.menubar {float: left; padding: 360px px 0 230px; width:420px; height: 37px}
.client-title {float: left; width: 410px; height: 40px;padding: 0 0 0px 0;}
.client-big {float: left; width: 200px; clear: both;}
.client-big2 {float: right; width: 200px; clear: both;}

/*Next and Previous */
.arrow-nav {float: right; width: 420px; height: 40px;padding: 3px 0 0px 0; text-align:right;clear: both; font-family: 'Trade Gothic Extended';}
.arrow-l {float: left; width: 15px; height: 40px;padding: 0px 0 0px 0; text-align:left;}
.arrow-r {float: right; width: 80px; height: 40px;padding: 0px 0 0px 0; text-align:center;}
.arrow-nav li { display:inline;line-height: 11px; }
.arrow-nav a {  color:#666; text-decoration:none; padding:0px 3px 0px 3px; background:none;font-size:12px; font-weight:100; font-family: 'Trade Gothic Extended';}
.arrow-nav a:hover { background: none;color:#444; font-size:12px;} 
.arrow-nav .active a { background: none;color:#444; font-size:12px;} 

/* Menu */
#menu { float:left; margin:0px; height: 30px; padding: 18px 0 3px 0px; text-align:center; line-height: 8px;z-index: 999;font-family: 'Trade Gothic Extended';}
#menu li { display:inline; }
#menu a {  color:#999; text-decoration:none; padding:0px 1px 0px 1px; background:none; font-size:11px;}
#menu a:hover { background: none;color:#333; font-size:11px;font-family: 'Trade Gothic Extended';} 
#menu .active a { background: none;color:#333; font-size:11px;} 

/* Menu */
#menu2 { float:right; margin:0px 0 0 0; padding:10px 40px 0 0; text-align:right;font-family: 'Trade Gothic Extended';}
#menu2 li { display:inline;line-height: 11px}
#menu2 a {  color:#666; text-decoration:none; padding:0px 2px 0px 2px; background:none;font-size:12px;}
#menu2 a:hover { background: none;color:#444; font-size:12px;font-family: 'Trade Gothic Extended';} 
#menu2 .active a { background: none;color:#444; font-size:12px;} 

/* Menu */
#menu3 { margin:0px 0 0 0; padding:0px 0px 0 0; text-align:center;font-family: 'Trade Gothic Extended';}
#menu3 li { display:inline;line-height: 12px}
#menu3 a {  color:#FFA500; text-decoration:none; padding:0px 5px 0px 5px; background:none;font-size:12px;}
#menu3 a:hover { background: none;color:#FFA500; font-size:12px;font-family: 'Trade Gothic Extended';} 
#menu3 .active a { background: none;color:#FFA500; font-size:12px;} 

/* Footer */
#footer { width:705px; height: 40px; text-align:center; padding: 4px 0 0 0;background:#fff;clear: both;}

/* Contact Form */
#contactFormContainer {position:absolute;float:right;z-index: 999;border:solid 1px #afbd22;font-family: 'Trade Gothic Extended';}
fieldset  { padding: 10px 20px 20px 20px;border:solid 0px #a7b522; font-family: 'Trade Gothic Extended';}   
#contactForm form  { border:solid 1px #EECFA1; font-family: 'Trade Gothic Extended';}  
#contactForm label   {display:block;color:#939393;border:solid 1px #EECFA1; font-family: 'Trade Gothic Extended';}      
#contactForm input[type=text]   {display:block;border:solid 1px #EECFA1;width:190px;margin-bottom:10px;height:15px; background: #FFFFFF; font-family: 'Trade Gothic Extended';}  
#contactForm textarea   {display:block;border:solid 1px #EECFA1;width:190px;margin-bottom:10px; background: #FFFFFF;padding:8px; font-family: 'Trade Gothic Extended';}  
#contactForm input[type=submit] {border:solid 1px #EECFA1;color:#939393;padding:5px;background: #FFFFFF; font-family: 'Trade Gothic Extended';}                
#messageSent   {color:#666;display:none; font-family: 'Trade Gothic Extended';}
button {display:block; background: #FFFFFF; border:1px solid #afbd22; color:#939393;font-family: 'Trade Gothic Extended';}
.list {padding:4px;border:solid 1px #afbd22; font-family: 'Trade Gothic Extended';}
#box {background: #b2d879; width: 10px; height: 10px; padding: 2px;border:solid 1px #afbd22; font-family: 'Trade Gothic Extended';}
#select{background: #b2d879;border:solid 1px #afbd22; font-family: 'Trade Gothic Extended';}
input,textarea {border:1px solid #556B2F;color: #939393; font-family: 'Trade Gothic Extended';}	
#name{padding: 5px;border:solid 1px #afbd22;color: #aaa; font-family: 'Trade Gothic Extended';}
#phone{padding: 5px;border:solid 1px #afbd22;color: #aaa; font-family: 'Trade Gothic Extended';}
#email{padding: 5px;border:solid 1px #afbd22;color: #aaa; font-family: 'Trade Gothic Extended';}
#message  {padding: 5px;color:#939393; font-size:12px;border:solid 1px #afbd22; width: 330px; font-family: 'Trade Gothic Extended';}
#security_code{padding: 7px;border:solid 1px #afbd22;color: #aaa; font-family: 'Trade Gothic Extended';}
#send {padding: 5px;color: #aaa; font-family: 'Trade Gothic Extended';}
.slist {padding:4px;margin:10px 0 0 0;font-family: 'Trade Gothic Extended';}
.yay {margin:0; color: #939393;font-size:12px;font-family: 'Trade Gothic Extended';}
.oops {margin:0; color: #939393;font-size:12px;font-family: 'Trade Gothic Extended';}
/* Contact Form Rows*/
.contactrow1 {padding: 15px 0px 0px 0px;width:400px;height: 50px;clear: both;} 
.contactrow1-left {float: left;padding: 2px 10px 0px 0px;width:175px;} 
.contactrow1-right {float: right; padding: 0px 65px 0px 0px; width:150px; } 
.contactrow2 {padding: 0px 0px 0px 0px;width:400px;height: 50px;clear: both;} 
.contactrow2-left {float: left;padding: 0px 10px 0px 0px;width:175px;} 
.contactrow2-right {float: right; padding: 0px 62px 0px 0px; width:150px; color: #666} 
.contactrow3 {padding: 15px 0px 0px 0px;width:400px;height: 50px;clear: both;} 
.contactrow3-left {float: left;padding: 0px 10px 0px 0px;width:175px;} 
.contactrow3-right {float: right; padding: 0px 58px 0px 0px; width:150px; } 
.contactrow4 {padding: 0px 0px 0px 0px;width:400px;height: 50px;clear: both;} 
.contactrow4-left {float: left;padding: 0px 10px 0px 0px;width:100px;} 
.contactrow4-right {float: right; padding: 5px 65px 0px 0px; width:175px; text-align:right } 

/*Gallery*/
.gallery {width:700px; }
.gbody {padding: 20px 0 0 0px;}
.gcontent {float: right; width: 425px; padding: 0;}
.navigation {float: right; width: 690px;}
.sliderwrapper{position: relative;overflow: hidden;width: 705px;height: 360px;}
.sliderwrapper .contentdiv{visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px 0 0 0;background: none ;width: 705px; height: 150px;}
.pagination{width: 680px; /*Width of pagination DIV. Total width should equal slider's outer width*/text-align: left;background: none;padding: 0px 0px;}
.pagination a{padding: 0 0px;text-decoration: none; color: #ddd;background: none;}
.pagination a:hover, .pagination a.selected{width: 100%; height: 100%;}
div.content {display: none;float:left;width:705px; clear:both;}
.row {float: left; padding: 6px 0px 0px 10px; width: 650px; display: block;}
.single {float: left; width: 38px; height:56px; padding: 0 5px 0 5px; margin: 0; border: none;}
.single2 {float: left; width: 240px; height:56px; padding: 0 20px 0 5px; margin: 0; border: none;}
.caption {width: 370px; text-align:center; color: #838383;font-size:11px}
.toc {border:none}