@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Kogent
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet, you can remove this entire note.
Created: March 25th, 2008
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* === GENERAL STYLES === */
body {margin:0;padding:0;background:url("../images/bg.jpg") repeat-x top #c1d039;}
img {vertical-align:middle;border:none;}
.clear {clear:both;}
#body-wrap {width:850px;margin:0 auto;padding:0;background:url("../images/content-bg.png") repeat-y;}
.top {height:40px;margin-left:-6px;background:url("../images/top-round.png") no-repeat bottom;display:block;}
.bottom {height:40px;margin-left:-5px;background:url("../images/bottom-round.png") no-repeat top;display:block;}

/* === TOP AREA STYLES === */
div#top-area {width:850px;height:15px;margin:0 auto;padding:35px 0 0 0;overflow:hidden;display:block;}
   #top-area ul {width:350px;margin:0;padding:0;list-style-type:none;float:right;}
   #top-area ul li {margin:0;padding:0 10px;font-family:"Myriad Pro";font-size:12px;font-weight:normal;color:#333;border-right:1px solid #e2691b;float:left;}
   #top-area ul li a {color:#333;text-decoration:none;}

/* === HEADER STYLES === */
div#header {width:755px;margin:0 auto;padding:0;}
   #header #logo {margin:0;padding:0;clear:both;}
   
   #header #nav {width:100%;height:33px;margin:0;padding:0;background:url("../images/nav-bg.jpg") no-repeat top;}
   #header #nav ul {margin:0 15px;padding:0;list-style-type:none;}
   #header #nav ul li {margin:0 25px;padding:0;float:left;}
   
   #header #nav ul li#home a {width:41px;height:33px;background:url("../images/nav/home.gif") no-repeat top;display:block;}
   #header #nav ul li#home a:hover {background:url("../images/nav/home_over.gif") no-repeat top;}
   
   #header #nav ul li#services a {width:86px;height:33px;background:url("../images/nav/services.gif") no-repeat top;display:block;}
   #header #nav ul li#services a:hover {background:url("../images/nav/services_over.gif") no-repeat top;}
   
   #header #nav ul li#portfolio a {width:65px;height:33px;background:url("../images/nav/portfolio.gif") no-repeat top;display:block;}
   #header #nav ul li#portfolio a:hover {background:url("../images/nav/portfolio_over.gif") no-repeat top;}
   
   #header #nav ul li#contact a {width:55px;height:33px;background:url("../images/nav/contact.gif") no-repeat top;display:block;}
   #header #nav ul li#contact a:hover {background:url("../images/nav/contact_over.gif") no-repeat top;}
   
   #header #nav ul li#tools a {width:81px;height:33px;background:url("../images/nav/tools.gif") no-repeat top;display:block;}
   #header #nav ul li#tools a:hover {background:url("../images/nav/tools_over.gif") no-repeat top;}
   
/* === CONTENT STYLES === */
div#content {width:755px;margin:0 auto;padding:0;}

   /* --- CENTER CONTENT --- */
   #content #center {width:100%;margin:0;padding:30px 0 0 0;}
   #content #center a:link {color:#94ae28;}
   #content #center a:hover {color:#94ae28; text-decoration:none}
   #content #center a:visited {color:#94ae28;}
   #content #center h1 {margin:0 0 0 24px;padding:15px 0 25px 0;font-family:"Myriad Pro";font-size:22px;font-weight:normal;color:#94ae28;text-align:left;}
   #content #center p {width:430px;margin:0 0 0 24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:14px;color:#333333;text-align:left;line-height:22px;}
   #content #center p .highlight1 {color:#819824;}
   #content #center dt {width:725px;margin:0 0 0 24px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:14px;color:#94ae28;text-align:left;line-height:22px;}
   #content #center dd {width:665px;margin:0 0 0 54px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;color:#333333;text-align:left;line-height:22px;padding-bottom:10px}
   #content #center img.portfolio {float:right;}
   
   /* --- BOTTOM CONTENT --- */
   #content #bottom {width:730px;margin:0 20px;padding:10px 0 0 0;}
   #content #bottom ul {margin:0;padding:0 0 18px 0;list-style-type:none;overflow:hidden;}
   #content #bottom ul li {width:202px;margin:10px 0 0 0;padding:0 30px;text-align:center;border-right:1px solid #b2b2b2;float:left;display:block;}
   #content #bottom ul li.left {padding-left:0;}
   #content #bottom ul li.right {padding-right:0;border:none;}
   
   #content #bottom p {width:189px;margin:0 0 0 20px;padding:15px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;float:left;}  
   #content #bottom p .date {color:#819824;}
   #content #bottom p .highlight1 {color:#819824;}
   #content #bottom p a {color:#819824;text-decoration:none;}
   #content #bottom .bullet {margin:0 15px 0 -25px;position:absolute;float:left;}
   #content #bottom .tag {margin:0 0 0 -45px;position:absolute;float:left;}
   
   #content #bottom p#copyright {width:700px;height:20px;margin:5px 0;padding:0 20px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#333333;text-align:right;border-top:1px solid #b2b2b2;}
   #content #bottom p#copyright a {color:#333;text-decoration:none;}
   
   
/* === FOOTER STYLES === */
div#footer {width:100%;height:81px;margin:0;padding:0;display:block;background:url("../images/footer-bg.jpg") repeat-x bottom;clear:both;}
   #footer ul {width:590px;margin:0 auto;padding:20px 0 0 0;list-style-type:none;}
   #footer ul li {margin:0;padding:0 15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-align:center;color:#838181;border-right:1px solid #838181;float:left;}
   #footer ul li a {color:#838181;text-decoration:none;}