/*** Project Info

Author   : Wes Smith | wes@redbullet.co.uk | Red Bullet Web Design
Client   : North Kent Commercials
URL      : http://
Desc     : Default Stylesheet
Created  : 18 January 2008

---------------------------------

Styles Index:

Section 01: Site Structure Styles
Section 02: Content ID Styles
Section 03: Content Classes Styles
Section 04: Navigation Styles
Section 05: Footer Styles
Section 06: Form Styles

Project Info ***/

/*** Section 01: Site Structure Styles ***/

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px; padding:0; margin:0; background:#333333;}
a{outline:none;}
a:link, a:visited{text-decoration:underline;}
a:hover{text-decoration:underline; color:#333333;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-size:16px; padding:0; margin:5px 0 5px 0; color:#351555;}
h2{font-size:12px; padding:0; margin:5px 0 5px 0; color:#351555; font-weight:100;}
ul{padding:0; margin:0; list-style:none;}

/*** Section 01: Site Structure Styles End ***/

/*** Section 02: Content ID Styles ***/

#container{width:950px; height:auto; padding:0; margin:0 auto 0 auto;}
#content_container{width:950px; height:auto; padding:0; margin:125px 0 0 0;}
#page_top{width:950px; height:10px; background:url(../Images/pg_bg_top.gif) no-repeat;}
#page_body{position:relative; width:733px; height:auto; padding:0 0 0 217px; background:url(../Images/pg_bg_body.gif) top repeat-y;}
#page_bottom{width:950px; height:10px; background:url(../Images/pg_bg_bottom.gif) no-repeat;}
#left_column{position:absolute; top:0; left:0; width:217px; height:auto; padding:0 0 50px 0;}
#right_column{position:relative; width:733px; height:auto; padding:0 0 10px 0;}
#info_box_container{position:relative; height:auto; padding:0 20px 0 20px;}
#info_box_left{float:left; height:auto; width:250px; margin:0 20px 0 0;}
#info_box_right{float:left; height:auto; width:423px;}
#gallery_container{position:relative; width:693px; height:auto; padding:0 20px 0 20px;}
#case_study_container{position:relative; width:693px; height:auto; padding:0 20px 0 20px; margin:20px 0 0 0;}
#case_study_container span{font-size:12px; padding:0; margin:5px 0 5px 0; color:#351555; font-weight:bold;}
/*** Section 02: Content ID Styles ***/

/*** Section 03: Content Classes Styles ***/

.clear{clear:both;}
.nkc_logo{position:absolute; top:20px; left:50px; z-index:2;}
.nkc_title{position:absolute; top:90px; right:50px;}
.left_column_title{font-size:16px; font-weight:bold; font-style:italic; padding:20px 20px 15px 20px; margin:0;}
.right_column_title{font-size:16px; font-weight:bold; color:#351555; padding:20px 20px 15px 20px; margin:0;}
.welcome_text{min-height:120px; height:auto !important; height:120px; padding:130px 50px 30px 320px; background:url(../Images/welcome_text_bg.jpg) top left no-repeat;}
.sub_welcome_text{min-height:120px; height:auto !important; height:120px; padding:130px 50px 30px 320px; background:url(../Images/subpg_bg_img.jpg) top left no-repeat;}
.info_left_title{height:32px; background:url(../Images/info_box_left_title_bg.gif) no-repeat; color:#FFFFFF; font-style:italic; line-height:28px; padding:0 0 0 20px;}
.info_left_text{padding:10px 20px 10px 20px;}
.info_left_text p{padding:0; margin:10px 0 10px 0;}
.info_right_title{height:32px; background:url(../Images/info_box_right_title_bg.gif) no-repeat; color:#FFFFFF; font-style:italic; line-height:28px; padding:0 0 0 20px;}
.gallery_top_right{width:408px; height:auto; padding:0 0 0 285px;}
.cs_text{float:left; width:245px; height:auto; padding:5px 0 10px 0; margin:0 20px 0 0; border-top:1px solid #e5e5da; border-bottom:1px solid #e5e5da;}
.cs_before{float:left; width:195px; height:auto; margin:0 20px 0 0;}
.cs_after{float:left; width:195px; height:auto;}
.cs_img{padding:10px; background:#e5e5da;}

/*** Section 03: Content Classes Styles ***/

/*** Section 04: Navigation Styles ***/

#menu{position:absolute; width:100%; height:35px; top:15px; left:0; background:url(../Images/nav_bg.gif) top left repeat-x; z-index:1;}
#menu ul{margin:0; padding:0; float:left; width:100%;}
* html #menu ul{ /*IE only rule, reduce menu width*/width: 99%;}
#menu ul li{display:inline;}
#menu ul li a{float:right; color:#351555; padding:0 20px 0 20px; text-decoration:none; line-height:28px; border-left:1px solid #333333;}
#menu ul li a:visited{color:#351555;}
#menu ul li a:hover{color:#351555; background-color:#e6d717;}
#menu ul li a#current{background-color:#e6d717;}

.sub_menu{width:auto; height:auto; background:url(../Images/nav_bg_top.gif) top left repeat-x; padding:2px 0 0 0; margin:0 0 55px 0;}
.sub_menu_style{width:auto; padding:0; color:#351555; height:auto; font-weight:100; font-style:normal;}
* html .sub_menu_style{ /*IE 6 only */w\idth:167px;}
.sub_menu_style ul{list-style:none; margin:0; padding:0; border:none;}
.sub_menu_style li{margin:0; padding:0;}
.sub_menu_style li a, .sub_menu_style li a:visited{display:block; padding:0 10px 0 40px; line-height:30px; color:#351555; text-decoration:none; width:100%; font-weight:100; background:url(../Images/sub_nav_bg_off.gif) center left no-repeat;}
html>body .sub_menu_style li a, .sub_menu_style li a:visited{ /*Non IE6 width*/width:167px; color:#351555;}
.sub_menu_style li a:hover{text-decoration:none; color:#351555; background:url(../Images/sub_nav_bg_on.gif) center left no-repeat;}

/*** Section 04: Navigation Styles ***/

/*** Section 05: Footer Styles ***/
#footer{position:relative; width:930px; padding:0 20px 0 0; margin:10px 0 0 0; text-align:right; line-height:25px; color:#FFFFFF;}
#footer a:link, #footer a:visited{text-decoration:none; color:#ffffff;}
#footer a:hover{text-decoration:underline; color:#ffffff;}
/*** Section 05: Footer Styles ***/

/*** Section 06: Form Styles ***/
/*** Section 06: Form Styles ***/