/*
Theme Name: SKGD Theme
Theme URI: http://wordpress.org/
Description: SKGD
Version: 1.0
Author: Meghan Davis
Author URI: http://hvvs.net/
Tags: custom skgd design
*/

/*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-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; padding-top:3px;}
h1 {margin:0; color: #000;font-size:11px; word-spacing:1px;font-family: 'Trade Gothic-Bold';}
h2 {margin:0; color: #000;font-size:13px; word-spacing:1px;font-family: 'Trade Gothic-Bold'; padding: 0 0 0px 0;}
h6 {margin:0; color: #000;font-size:13px; word-spacing:1px;font-family: 'Trade Gothic-Bold'; padding: 0 0 0px 10px;}
.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';}
.port-text3 {margin:0; color: #666;font-size:10px; line-height:16px;text-transform:lowercase; font-family: Trade Gothic Extended; padding: 0 0 2px 0; border-bottom: 2px solid #afbd22;}
.port-text4 {margin:0; color: #666;font-size:10px; line-height:16px;font-family: Trade Gothic Extended; padding: 0 0 2px 0; }
.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}
.blog {background: url(images/blog.jpg) no-repeat; width: 85px; height: 33px; margin: 5px 0 10px 0;}

/* 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: 35px 0 0 20px; width:210px; height:325px; background:url(images/logo.jpg); clear:both}
.gcolumn1 {float: left; padding: 35px 0 0 20px; width:210px; 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}
.arrow-nav a:hover { background: none;color:#444; font-size:12px;} 
.arrow-nav .active a { background: none;color:#444; font-size:12px;} 

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

/* 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;} 

/* 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;}   
#contactForm form  { border:solid 1px #EECFA1;}  
#contactForm label   {display:block;color:#939393;border:solid 1px #EECFA1;}      
#contactForm input[type=text]   {display:block;border:solid 1px #EECFA1;width:190px;margin-bottom:10px;height:15px; background: #FFFFFF;}  
#contactForm textarea   {display:block;border:solid 1px #EECFA1;width:190px;margin-bottom:10px; background: #FFFFFF;padding:8px;}  
#contactForm input[type=submit] {border:solid 1px #EECFA1;color:#939393;padding:5px;background: #FFFFFF;}                
#messageSent   {color:#666;display:none;}
button {display:block; background: #FFFFFF; border:1px solid #afbd22; color:#939393;}
.list {padding:4px;border:solid 1px #afbd22}
#box {background: #b2d879; width: 10px; height: 10px; padding: 2px;border:solid 1px #afbd22;}
#select{background: #b2d879;border:solid 1px #afbd22}
input,textarea {border:1px solid #556B2F;color: #939393;}	
#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}


/*--------------------------------------------Scroll----------------------------------------------------*/

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {background: #fff; position: absolute;cursor: pointer;right: 0px;top: 0;height: 100%;}
.jScrollPaneDrag {background: #fff;position: absolute;cursor: pointer;overflow: hidden;}
.scroll-pane {overflow: auto;float: left; padding: 0 0px 0px 0; height: 100%;}
.holder {float: left;margin: 0px;}
#pane {height: 210px; width: 425px;}
#pane-1 {height: 291px; width: 200px}
#pane-2 {height: 210px; width: 425px}
#pane-3 {height: 210px; width: 425px}
.tall {height: 600px;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background: url(images/up.jpg);height: 20px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;background: url(images/down.jpg);height: 20px;}

/*--------------------------------------------Side Menu----------------------------------------------------*/

ul#menu6 {list-style-type:none; margin: 0; padding: 5px 0 0 0px;width: 200px;}
ul#menu ul {list-style-type:none; margin: 0; padding: 5px 0 0 8px;width: 200px;}
ul#menu6 a {display: block; text-decoration: none;	}
ul#menu6 li { margin-top: 1px;list-style-type:none;}
ul#menu6 li a {background: url(images/minus.png) no-repeat; color: #000; padding: 5px 5px 5px 15px;}
ul#menu6 li a:hover {background: url(images/plus.png) no-repeat; }
ul#menu6 li ul li a {background: url(images/minus.png) no-repeat;color: #000;padding: 5px 5px 5px 12px;list-style-type:none; margin: 0 0 0 -20px;}
ul#menu6 li ul li a:hover {background: url(images/plus.png) no-repeat;}
ul#menu6 li.activeparent ul {background: url(images/plus.png) no-repeat; }

.entry {margin: -20px 0 0 0;}
.entry li { display: block; list-style-type:none; text-decoration:none; margin:0; color: #000;font-size:13px; word-spacing:1px;font-family: 'Trade Gothic-Bold'; padding: 5px 0 5px -40px;}
.entry li a {margin:0; color: #000;font-size:13px; word-spacing:1px;font-family: 'Trade Gothic-Bold'; margin: 0 0 0px -40px;}
.entry li a: hover {margin:0; color: #000;font-size:13px; word-spacing:1px;font-family: 'Trade Gothic-Bold'; margin: 0 0 0px -40px;}
.entry-2 {border-bottom: 2px solid #afbd22;}
.entry-text {margin:0; color: #666;font-size:10px; line-height:12px;text-transform:lowercase; font-family: Trade Gothic Extended; padding: 0 0 2px 0; border-bottom: 2px solid #afbd22;}