/* CSS Document */

/*-----------------------------------------------
| K & K Shopfitters Stylesheet
| Version          : 01.00
-------------------------------------------------*/


@import url(ext.css);
@import url(mail.css);
@import url(lightbox.css);
@import url(sitemap.css);

*{ margin:0; padding:0; }


/*----------------- [Commons] ---------------------*/
/*-------------------------------------------------*/

a 						{ color:#611122; text-decoration:underline; }
a:hover					{ color:#611122; text-decoration:none; }
a:link img				{ border:none; }
a:link visited img		{ border:none; }
a img					{ border-style:none; }
form					{ margin:0px;}
.left					{ float:left;}
.right					{ float:right;}
.textField				{ border:1px solid #CECECE; background-color:#000000; font:normal 11px Arial, Helvetica, sans-serif; color:#CECECE; padding:0 3px 0 3px; }
.imageContainer			{ width:auto; height:auto; float:left; }


/*----------------- [General] ---------------------*/
/*-------------------------------------------------*/

body		{ background-color:#E8E8E8; font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:center; }
/*body h2   { height:273px; background:url(images/body_btm_line.gif) bottom left repeat-x; float:left; }*/
.wrapper	{ width:1004px; height:auto; margin:0 auto; }
.container	{ width:1004px; height:auto; margin:45px auto; text-align:left; background-color:#fff; float:left; }


/*----------------------------------- [Headre Section] ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.header			{ width:1004px; height:auto; background-color:#E8E8E8; color:#78767A; margin-bottom:30px; float:left; }

.topLnks		{ width:auto; height:auto; padding-bottom:8px; float:right; }
.topLnks a  	{ font:normal 12px Arial, Helvetica, sans-serif; color:#78767A; text-decoration:none; padding:0 6px; text-transform:lowercase; }
.topLnks a:hover{ color:#000; }
.topLnks .act	{ font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding:0 6px; }
.topLnks .last a{ padding:0; }



.homeLnk a 		{ font:normal 12px Arial, Helvetica, sans-serif; color:#78767A; text-decoration:none; padding:0 6px 0 15px; background:url(images/home_lnk_icon.gif) top left no-repeat; margin-left:18px;}
.contactLnk a 	{ font:normal 12px Arial, Helvetica, sans-serif; color:#78767A; text-decoration:none; padding:0 6px 0 15px; background:url(images/contact_lnk_icon.gif) top left no-repeat; margin-left:18px;}
.enquiryLnk a	{ font:normal 12px Arial, Helvetica, sans-serif; color:#78767A; text-decoration:none; padding:0 6px 0 15px; background:url(images/enquiry_lnk_icon.gif) top left no-repeat; margin-left:18px;}

/*----------------------------------- [Middle Section] ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.middleDiv			{ width:939px; height:auto; margin-left:33px; display:inline; float:left; }
.mainNav            { width:939px; height:auto; background-color:#949494; float:left; opacity:0.7; filter:alpha(opacity=70);  }
.mainNav li			{ width:auto; height:auto; list-style:none; float:left;  background:url(images/main_nav_division.gif) top right no-repeat;  }
.mainNav li.last 	{ background:none; }
.mainNav li a       { 
	font:normal 14px/2em "century gothic", arial; 
	color:#fff; 
	padding:0 8px 0 8px; 
	text-decoration:none; 
	float:left; 
	text-transform:uppercase;
	font-smooth:always;
	background-color:#949494;
	 }
.mainNav li a:hover { font:normal 14px/2em "century gothic", arial; color:#fff; background-color:#6C6C6C; text-decoration:none; padding:0 8px; float:left;}
.mainNav li a.act   { font:normal 14px/2em "century gothic", arial; color:#fff; background-color:#6C6C6C; text-decoration:none; padding:0 8px; float:left; }


.homepageflashDiv { width:939px; height:auto; float:left; display:inline; }
.homepageflashDiv .mainNav { position:absolute; z-index:2;}
.flashDiv           { width:939px; height:auto;  margin-top:0; position:relative; z-index:1; }


/*----------------------------------- [Footer Section] ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.footerContainer    { width:939px; height:auto; margin-left:33px; display:inline; float:left; }
.footer				{ width:939px; height:auto; padding-bottom:22px; float:left; }
.footerLnks			{ width:auto; height:auto; margin-top:4px; float:left; }
.footerLnks a		{ font:normal 12px Arial, Helvetica, sans-serif; color:#999; text-decoration:none; padding-right:15px; text-transform:lowercase; }
.footerLnks a:hover { text-decoration:underline; color:#000; }
.footerLnks span    { font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline; padding-right:15px; }

.copyright          { width:939px; height:auto; margin-top:4px; float:left; }
.copyLnkOne         { width:auto; height:auto; font:normal 10px Arial, Helvetica, sans-serif; color:#9A9A9A; float:left; }
.copyLnkOne a       { font:normal 10px Arial, Helvetica, sans-serif; color:#9A9A9A; text-decoration:underline; }
.copyLnkOne a:hover { text-decoration:none; }
.copyLnkOne a.act   { font:normal 10px Arial, Helvetica, sans-serif; color:#9A9A9A; text-decoration:none; } 
.copyLnkTwo         { width:auto; height:auto; font:normal 10px Arial, Helvetica, sans-serif; color:#9A9A9A; float:left; }
.copyLnkTwo a       { font:normal 10px Arial, Helvetica, sans-serif; color:#9A9A9A; text-decoration:none; }
.copyLnkTwo a:hover { color:#000; }
.copyLnkTwo a.webdesign,
.copyLnkTwo a.webdesign:hover{ font:normal 10px Arial, Helvetica, sans-serif; color:#9A9A9A; text-decoration:none;  }

/*----------------------------------- [Inner Page Section] ------------------------------------*/
/*---------------------------------------------------------------------------------------------*/ 

.innerMdleDiv		{ width:939px; height:auto; display:inline; float:left; }

/*----------------------------------- [Inner left Section] ------------------------------------*/

.col-left			{ width:130px; height:auto; margin-right:10px; float:left; }
.lftLnkDiv			{ width:130px; height:auto; float:left; }
.lftMainLnks		{ width:130px; height:auto; margin-top:10px; float:left; padding-bottom:110px; }
.lftMainLnks ul		{ width:130px; height:auto; display:inline; float:left; }

.lftMainLnks li.level-1		{ width:130px; height:auto; margin-bottom:5px; display:inline; float:left; }
.lftMainLnks li.level-1 a	{ width:auto; height:auto;  font:normal 13px  "century gothic", arial; color:#666; text-decoration:none; list-style:none; float:left; text-transform:uppercase; }
.lftMainLnks li.level-1 a:hover { color:#000; }
.lftMainLnks li.level-1 a.act	{ width:auto; height:auto;  font:normal 13px  "century gothic", arial; color:#000; text-decoration:none; list-style:none; float:left; text-transform:uppercase; }


.lftMainLnks li.level-2		{ width:130px; height:auto; margin-bottom:5px; display:inline; float:left; }
.lftMainLnks li.level-2 a	{ width:auto; height:auto;  font:normal 12px  "century gothic", arial; color:#000000; text-decoration:none; list-style:none; float:left; padding-left:10px; background:url(images/inner_lft_lnk_bullet.gif) top left no-repeat;  }
.lftMainLnks li.level-2 a:hover { color:#621223; }
.lftMainLnks li.level-2 a.act	{ width:auto; height:auto;  font:normal 12px  "century gothic", arial; color:#621223; text-decoration:none; list-style:none; float:left;  }

.lftMainLnks li.level-3		{ width:130px; height:auto; margin-bottom:2px; display:inline; float:left; }
.lftMainLnks li.level-3 a	{ width:auto; height:auto;  font:normal 11px  "century gothic", arial; color:#000000; text-decoration:none; list-style:none; float:left; padding-left:7px; background:url(images/inner_lft_lnk_bullet2.gif) top left no-repeat; margin-left:5px;  }
.lftMainLnks li.level-3 a:hover { color:#621223; }
.lftMainLnks li.level-3 a.act	{ width:auto; height:auto;  font:normal 11px  "century gothic", arial; color:#621223; text-decoration:none; list-style:none; float:left;  }


/*----------------------------------- [Inner right Section] ------------------------------------*/

.col-main			{ width:799px; height:auto; float:left; }

.contentDiv			{ width:100%; height:auto; padding-bottom:30px; text-align:left; float:left; }

.breadCrumb			{ width:100%; height:auto; font:normal 10px Arial, Helvetica, sans-serif; color:#B9B9B9; margin-top:6px; text-transform:uppercase;}

.breadCrumb a		{ font:normal 10px/2em Arial, Helvetica, sans-serif; color:#666; padding-right:5px; text-decoration:none; }

.breadCrumb a:hover	{ color:#B9B9B9; }
.breadCrumb span	{ font:normal 10px/2em Arial, Helvetica, sans-serif; color:#B9B9B9; padding-right:5px;  }
.contents			{ width:100%; float:left; min-height:350px; height:auto !important; height:350px; }
.contents h2		{ font:normal 22px/2em "century gothic", arial; color:#611122; }
.contentDiv p		{ margin:0 10px 10px 0; }

.portfolio-main 	{ float:left; width:100%; }
.portfolio-img		{ background-color:#FFFFFF; border:1px solid #D8D8D8; float:left; height:auto; width:674px; margin:0; padding:0 0 2px 0;}
.portfolio-img img	{ margin:2px 2px 0 2px; padding:0; }