/* stylesheet for klcreativedesign.com */
/* designed and developed by Kristy lee Gogolen */


/* layout and structure */
body{margin: 0; padding: 0;}
#page{background: url('../images/background.jpg') no-repeat bottom left;min-width: 1100px;min-height: 900px;}
#maincontent{width: 740px; background: url('../images/content.gif') repeat-y; padding: 0 100px 20px 40px;}
#greenbox{float:right;padding: 0px 0px 0px 0px ;margin: 80px 0px 0 0;}
#contentbottom, #header img{margin: 0; padding: 0;}
#banner{background: url('../images/bkg-banner.png') repeat-x top left;height: 150px; margin-top: 100px;padding: 10px 200px;}
#banner{font-style:italic;color:#686868;}
#banner .right{padding-top: 0;}

/* general styles */
body{font-family:'futura', 'trebuchet', 'tahoma', 'myriad pro', arial, sans-serif;letter-spacing: 1px;font-family: 10px;}
div{padding: 0; margin: 0;}
a, img{border: none;color:white;text-decoration:none;}
.right{float: right;}
.left{float:left;}
.center{text-align:center;}
.clear{clear:both;}
.none{display:none;}
.Tnopad{padding-top: 0; margin-top: 0;}
.Bnopad{padding-bottom: 0; margin-bottom: 0;}
.title{padding-top: 0; margin-top: 0;}
#maincontent, .footer{color: #fff;}
#maincontent{text-align:justify;}
#maincontent h2{padding-top: 0; margin-top: 0;font-weight: normal;}

/* navi */
.naviblock{background: url('../images/bkg-naviblock.gif') repeat top left;}
.naviblock{width: 160px; height: 240px;float:left;margin-top: 20px;}
.naviblock ul{padding: 10px 0 10px 20px;}
.naviblock a:link, .naviblock a:visited, .naviblock a:active{color:white;}
.naviblock a:link, .naviblock a:visited, .naviblock a:hover, .naviblock a:active{text-decoration: none;}
.naviblock a:hover{color: #686868;}
.naviblock li{list-style: none;padding:8px 0px;color: white;}



/* footer */
#footer{text-align: right;color: #686868;font-size: .9em; padding: 0px 30px 30px 0;}
#footer a{color: #686868;}
#footer p{margin: 0; padding: 0 70px 0 0;}

/* banner */
#port1:link, #port1:visited, #port1:active{margin: 0 auto;background-image: url('../images/portfolio-2-hover.jpg');padding: 0px 65px 114px 65px;margin: 0 10px 5px 10px;}
#port1:hover{background-image: url('../images/portfolio-2.jpg');}
#port2:link, #port2:visited, #port2:active{margin: 0 auto;background-image: url('../images/portfolio-1.jpg');padding: 0px 65px 114px 65px;margin: 0 10px 5px 10px;}
#port2:hover{background-image: url('../images/portfolio-1-hover.jpg');}
#port3:link, #port3:visited, #port3:active{margin: 0 auto;background-image: url('../images/portfolio-1.jpg');padding: 0px 65px 114px 65px;margin: 0 10px 5px 10px;}
#port3:hover{background-image: url('../images/portfolio-1-hover.jpg');}


.Lskill ul, .noBpad{padding-bottom: 0; margin-bottom:0;}
.noTpad{padding-top: 0;margin-top: 0;}
.skillset{padding-top: 20px;}
.click{font-size: .8em;padding: 0; margin: 0;}



/* home page */
.homeleft{width: 58%;float:left;padding: 0 10px 0 0;}
.homeleft img{padding: 0 0 20px 0;}




/* services */
.Lskill ul{float:left;}
.Iskill{float:right;}
.Iskill img{border: 7px solid #666;}
.homeright{width: 38%; float:right;padding: 0 0 0 10px;}
.homeright ul{padding-top: 0; margin-top: 0;}
.skillset{height: 150px;margin-top: 40px;}


/* featured works */
.thumbbox{padding: 10px;}
.thumbbox .arrow{border: 0px; padding: 35px 5px 0 5px;}
.box .rightBox h2{font-size: 1.1em;margin-bottom: 0; padding-bottom: 0px;font-style:italic;}
.thumbbox .box p{margin-top: 0;padding-top: 0;}
.box{clear:float;width: 100%;}

.rightBox{float:right;width: 42%;}


/* featured work */
div.nav, div.nav2, div.nav3, div.nav4, div.nav5, .div.nav6, div.nav7{margin:0;padding:0;}

div.nav {height: 99px;width: 383px;background-image:url("../images/port-somb.jpg");}
div.nav2 {height: 99px;width: 383px;background-image:url("../images/port-tandem.jpg");}
div.nav3 {height: 99px;width: 383px;background-image:url("../images/port-lazarus.jpg");}
div.nav4 {height: 99px;width: 383px;background-image:url("../images/port-executive.jpg");}
div.nav5 {height: 99px;width: 383px;background-image:url("../images/port-robot.jpg");}
div.nav6  {height: 99px;width: 383px;background-image:url("../images/port-pioneer.jpg");}
div.nav7  {height: 99px;width: 383px;background-image:url("../images/marazul-portbox-on.jpg");}

div.nav a, div.nav a:link, div.nav a:visited {display:block;}
div.nav2 a, div.nav2 a:link, div.nav2 a:visited {display:block;}
div.nav3 a, div.nav3 a:link, div.nav3 a:visited {display:block;}
div.nav4 a, div.nav4 a:link, div.nav4 a:visited {display:block;}
div.nav5 a, div.nav5 a:link, div.nav5 a:visited {display:block;}
div.nav6 a, div.nav6 a:link, div.nav6 a:visited {display:block;}
div.nav7 a, div.nav7 a:link, div.nav7 a:visited {display:block;}


div.nav img,div.nav2 img,div.nav3 img,div.nav4 img,div.nav5 img,div.nav6 img, div.nav7 img {width:100%;height:100%;border:0;}

div.nav a:hover img, div.nav2 a:hover img, div.nav3 a:hover img, div.nav4 a:hover img, div.nav5 a:hover img, div.nav6 a:hover img , div.nav7 a:hover img{visibility:hidden;}

.box h2{color: #bdbdbd;text-align:right;}
.box{letter-spacing: 0px;font-family: 8px;}
.box .rightBox{font-size:.9em;}
.box{height: 130px;}
.siteLink{text-align:right;padding: 0; margin: 0;}
.box p{padding-bottom: 0;margin-bottom: 0;}
.siteLink a{color: #bdbdbd;}

/* wordpress specific page */
.RColumn{float:right;border: 7px solid #666;margin-top: 40px;}
.Lcolumn{float:left;width: 60%;}
.Lcolumn li{padding: 5px 0;letter-spacing: .8px;}

#maincontent .wordContact{text-align:center; margin: 40px 0 0 0;}
.wordTitle{font-weight:normal;font-size: 1.1em;font-style:italic}