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

body{background-color:#38d778;}

.clear{height:0px; width:100%; margin:0px; padding:0px; clear:both;}

.sitecontainer{height:866px; width:100%; background-image:url(../images/background.gif); overflow:hidden;}

.sitelogo{height:53px; float:left; margin:0px 0px 0px 10px;}
.designerlogo{width:33px; height:53px; background-image:url(../images/D_esigner.gif); margin:0px 3px 0px 0px; float:left;}
.kLlogo{width:55px; height:53px; background-image:url(../images/kL.gif); float:left;}

.navcontainer{float:left; height:53px; background-color:none; margin-top:66px;}
.navbuttons{line-height:64px; padding-left:20px; float:left; height:53px;}

.about{float:left; color:#000; font-size:36px; margin:0px 5px;}
.projects{float:left; font-size:36px; margin:0px 5px;}
.contact{float:left; font-size:36px; margin:0px 5px;}

a.aboutb:link{color:#000; text-decoration:none;}
a.aboutb:visited{color:#000000; text-decoration:none;}
a.aboutb:active{color:#000000; text-decoration:none;}
a.aboutb:hover{text-decoration:none; color:#38d778;}

a.projectsb:link{color:#000; text-decoration:none;}
a.projectsb:visited{color:#000000; text-decoration:none;}
a.projectsb:active{color:#000000; text-decoration:none;}
a.projectsb:hover{text-decoration:none; color:#be3f3f;}

a.contactb:link{color:#000; text-decoration:none;}
a.contactb:visited{color:#000000; text-decoration:none;}
a.contactb:active{color:#000000; text-decoration:none;}
a.contactb:hover{text-decoration:none; color:#e1a70b;}

a.logosb:link{color:#be3f3f; text-decoration:none;}
a.logosb:visited{color:#be3f3f; text-decoration:none;}
a.logosb:active{color:#be3f3f; text-decoration:none;}
a.logosb:hover{text-decoration:none; color:#000;}

a.websitesb:link{color:#38d778; text-decoration:none;}
a.websitesb:visited{color:#38d778; text-decoration:none;}
a.websitesb:active{color:#38d778; text-decoration:none;}
a.websitesb:hover{text-decoration:none; color:#000;}

a.printb:link{color:#e1a70b; text-decoration:none;}
a.printb:visited{color:#e1a70b; text-decoration:none;}
a.printb:active{color:#e1a70b; text-decoration:none;}
a.printb:hover{text-decoration:none; color:#000;}

a.otherb:link{color:#0bd4e1; text-decoration:none;}
a.otherb:visited{color:#0bd4e1; text-decoration:none;}
a.otherb:active{color:#0bd4e1; text-decoration:none;}
a.otherb:hover{text-decoration:none; color:#000;}

a.aboutcontactb:link{color:#FFF; text-decoration:underline;}
a.aboutcontactb:visited{color:#FFF; text-decoration:underline;}
a.aboutcontactb:active{color:#FFF; text-decoration:underline;}
a.aboutcontactb:hover{text-decoration:underline; color:#38d778;}

a.mainprojectsb:link{color:#FFF; text-decoration:none;}
a.mainprojectsb:visited{color:#FFF; text-decoration:none;}
a.mainprojectsb:active{color:#FFF; text-decoration:none;}
a.mainprojectsb:hover{color:#000; background-color:#FFF; text-decoration:line-through;}

.usaflag{width:33px; height:20px; background-image:url(../images/USAflag.gif); float:left; margin-left:3px; margin-top:35px;}

.maincontainer{width:100%; height:438px; padding-top:70px; overflow:hidden;}
.leftbar{width:5px; height:436px; background-color:#000; position:absolute; left:0; z-index:999;}
.rightbar{width:5px; height:436px; background-color:#000; position:absolute; right:0; z-index:998;}

.content{width:7000px; height:438px;}




h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:10px;}
h6{font-size:9px;}



.ultwo{margin:5px 0px 0px 8px; line-height:12px; list-style-type:square; list-style-position:outside;}




.copyright{height:22px; width:280px; float:left; margin:15px 0px 0px 20px; text-transform:uppercase;}


.websitesholder{height:436px; width:850px; overflow:hidden;}
.websitebuttonsholder{height:30px; width:850px; margin-top:6px;}

a.websitesnavb:link{color:#000; padding:0px 5px; line-height:30px; font-size:26px; background-color:#FFF; text-decoration:none;}
a.websitesnavb:visited{color:#000; padding:0px 5px; line-height:30px; font-size:26px; background-color:#FFF; text-decoration:none;}
a.websitesnavb:active{color:#000; padding:0px 5px; line-height:30px; font-size:26px; background-color:#FFF; text-decoration:none;}
a.websitesnavb:hover{color:#FFF; padding:0px 10px; line-height:30px; font-size:26px; background-color:#000; text-decoration:line-through;}

.websitescontent{height:4360px; width:850px; overflow:hidden;}
.websitespanel{height:436px; width:850px; overflow:hidden;}
.websitescontentpanle{height:400px; width:850px; overflow:hidden;}

.websitespreviewpanel{width:840px; height:249px; margin:5px; overflow:hidden;}




/* --------------- | LATEST PROJECT | --------------- */

.latestprojectholder{float:right; height:110px; width:450px;}
.latestprojecticon{width:169px; height:84px; background-image:url(http://www.kirklove.com/dkl/images/assets.png); margin:14px 8px 0px 0px; background-position:0px -166px; float:left;}
.latestprojecticonblank{width:169px; height:84px; margin:14px 8px 0px 0px; float:left;}
.latestprojecttype{color:#FFF; font-size:10px}
.latestprojectdate{color:#999999; font-size:10px;}
.latestprojecttitle{font-size:18px; color:#111111; font-weight:700; line-height:24px}
.latestprojectinfo{color:#FFF; font-size:9px;}

a.latestlink:link{color:#e1a70b;  border-bottom:1px solid #ee1818; text-decoration:none;}
a.latestlink:visited{color:#e1a70b; border-bottom:1px solid #ee1818; text-decoration:none;}
a.latestlink:active{color:#e1a70b; border-bottom:1px solid #ee1818; text-decoration:none;}
a.latestlink:hover{color:#38d778; text-decoration:none; border-bottom:1px solid #38d778;}


input.contactinput{background-image:url(../images/inputs.jpg); width:379px; height:21px; font-size:12px; background-position:0px 0px; overflow:hidden; margin:0px; border:0px; padding:4px 3px 3px 6px;}
input.contactinput:focus{background-image:url(../images/inputs.jpg); width:379px; font-size:12px; height:21px; background-position:-388px 0px; overflow:hidden; margin:0px; border:0px; padding:4px 3px 3px 6px;}

textarea.contactmessage{width:381px; height:112px; background-image:url(../images/inputs.jpg); background-position:0px -28px; background-repeat:no-repeat; overflow:hidden; border:0px;  margin:0px; padding:5px 3px 3px 4px; resize:none; font-size:12px;}
textarea.contactmessage:focus{width:381px; height:112px; background-image:url(../images/inputs.jpg); background-position:-388px -28px; overflow:hidden; border:0px; margin:0px; padding:5px 3px 3px 4px; font-size:12px;}

.submitb{cursor:pointer; width:80px; line-height:28px; font-size:16px; padding:0px 5px; background-color:#000; color:#FFF; border:0px;}
.submitb:hover{background-color:#FFF; color:#000;}


.logosholdermove{width:1169px; height:426px; overflow:hidden; margin:0px; padding:0px;}

a.logosnavb:link{color:#000; padding:0px 5px;  font-size:12px; background-color:#FFF; text-decoration:none;}
a.logosnavb:visited{color:#000; padding:0px 5px;  font-size:12px; background-color:#FFF; text-decoration:none;}
a.logosnavb:active{color:#000; padding:0px 5px;  font-size:12px; background-color:#FFF; text-decoration:none;}
a.logosnavb:hover{color:#FFF; padding:0px 10px;  font-size:12px; background-color:#000; text-decoration:line-through;}


.footer{width:100%; height:12px; color:#FFF; background-color:#000; line-height:12px; font-size:9px;}



.printholder{width:650px; height:400px; border:0px; padding:0px; overflow:hidden; margin:0px; float:left;}
.printinnerd{width:650px; height:400px; border:0px; padding:0px; margin:0px;}
.printbuttonsbase{width:650px; height:36px; background-color:#000; margin:0px; padding:0px; float:left;}
.printselectbutton{width:10px; height:16px; background-color:#000; padding:8px; float:left; color:#FFF; cursor:pointer; border-top:2px solid #000; border-right:2px solid #000; border-left:2px solid #000;}
.printselectbutton:hover{background-color:#FFF; color:#000;}