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

* {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


body,
	html {
		margin:0;
		padding:0;
		background:#262626;
	/*	background-image:url(images/web/bg.gif); */
		color:#000;
	}
	body {
		min-width:1000px;
		scrollbar-base-color: #212121;
		scrollbar-arrow-color: #A3BD0B;
		scrollbar-DarkShadow-Color: #111111; 
	}
	
	body#homepage a#homenav,
	body#about a#aboutnav,
	body#core a#corenav,
	body#clients a#clientsnav,
	body#work a#worknav,
	body#contact a#contactnav {
	color:#a3bd0b;
	font-weight:bold;
	}
	
	#wrap {
	width:1000px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	}
	
	#header {
	height: 146px;
	background-image: url(images/web/header.gif);
	}
	
	#nav {
	/*background:#c99;*/
	height: 113px;
	width: 480px;
	float: right;
	margin-top: 20px;
	}
	
#nav ul
{
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.875em;
	list-style: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;

}

#nav li
{	
	width:auto;
	float: left;
	background-image:url(images/web/seperator.jpg);
	background-repeat: no-repeat;
	background-position:right;
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 0.75em;
	margin: 0px;
	
}


#nav li.last
{
	width:auto;
	float: left;
	margin: 0px;
	background-image:none;
	
}

#nav ul li.here
{

	color: #FEFEFE;
	text-decoration:underline;
}


#nav li a
{
/*background: url(background.gif) #fff bottom left repeat-x;*/

/*line-height: 2em;*/
width:auto;
float: left;
display: block;
color:#A4A3A7;
font-size:12px;
font-weight:bold;
text-decoration: none;
text-align: center;
}

	#kgkcreative_logo{
	background-image:url(images/web/kgkcreative_logo.gif);
	height: 64px;
	width: 185px;
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 48px;
	}


#nav li a:hover
{
color:#A3BD0B;
}

.active_nav
{
color:#A3BD0B;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
}


/* Hide from IE5-Mac \*/
#nav li a{
width:auto;
float: none;
}
/* End hide */

#nav-menu
{
width:30em
}


	#hero1 {
	background-image: url(images/web/stop.jpg);
	height: 208px;
	width: 1000px;
	background-repeat: no-repeat;
	}
	
	#hero2 {
	background-image: url(images/web/cravat.jpg);
	height: 208px;
	}
	
	
	#hero3 {
	background-image: url(images/web/dimension.jpg);
	height: 208px;

	}
	
	#hero4 {
	background-image: url(images/web/design_carries.jpg);
	height: 208px;

	}
	
	#content_area {
	height: 216px;
	}
	
	#about_content_area {
	height: 311px;
	}
	
	#work_content_area {
	height: 424px;
	}
	
	#work_content_area_left {
	height: 424px;
	width: 332px;
	margin-left: 6px;
	background-color: #262626;
	background-image:url(images/web/work_left_area.png);
	float: left;
	}
	
	#clients_area {
	background-image: url(images/web/clients_bg.gif);
	height: 515px;
	width: 1000px;
	background-repeat: no-repeat;
	}
	
	#work_div1_left {
	height:93px;
	}
	
	#work_div2_left {
	overflow:auto;
	height:70px;
	margin-top:20px;
	margin-bottom:16px;
	}
	
	#work_div3_left {
	height:111px;
	}
	
	#work_div4_left {
	height:105px;
	}
	
	#work_sections1{
	width:89px;
	margin-left: 20px;
	float: left;
	margin-top: 17px;
	line-height: 20px;
	
	}
	
	#work_sections2{
	float:left;
	width:130px;
	margin-left: 25px;
	margin-top: 20px;
	
	}
	
	#work_image_nav{
	height:20px;
	float: left;
	width: 662px;
	background-image: url(images/web/work_image_nav_area.png);
	}
	
	#work_content_area_right {
	height: 389px;
	width: 642px;
	background-color: #000000;
	float: left;
	background-image: url(images/web/work_content_right_bg.png);
	padding-left: 20px;
	padding-top: 15px;
	}
	#work_large_image_area {
	width:616px;
	height:375px;
	margin-left: 21px;
	margin-top: 21px;
	margin-bottom: 12px;
	
	
	}
	
	
	#work_back_btn {
	width:49px;
	height:18px;
	float: left;
	margin-top: 2px;
	
	}
	
	#work_next_btn {
	width:49px;
	height:18px;
	margin-left:605px;
	margin-top: 2px;
	}
	
	#work_sect1_text{
	margin-left:40px;
	height: 100px;
	margin-bottom: 10px;
	}
	
	#index {
	/*background:#9c9;*/
	float:left;
	width:603px;
	background-image: url(images/home.gif);
	height: 422px;
	}
	

	#footer {
	/*background:#cc9;*/
	clear:both;
	background-image: url(images/web/footer_bg.png);
	height:96px;
	}
	
	#about_footer {
	background-image: url(images/web/about_footer.png);
	height:95px;
	width: 670px;
	float: right;
	}

#sect1 {
	height:216px;
	width:334px;
	background-image:url(images/web/sect1_bg.png);
	margin-left: 0px;
	float: left;
	padding-left: 6px;
	background-repeat: no-repeat;
	background-color: #262626;
} 

#sect1_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	}

#about_sect2_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	}	

#work_title {
	margin-left: 33px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
}

#work_text{
	margin-left: 33px;
	padding-right: 20px;

	}

#about_sect2_text{
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 10px;
	}
	
.titletext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A3BD0B;
	line-height:14px;
	font-weight:bold;
	margin-top: 14px;
	}

.normtext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A4A3A7;
	font-weight:normal;
	}

#sect1_text{
	margin-left: 30px;
	margin-top: 20px;
	padding-right: 30px;
	margin-right: 10px;
	}

#about_scroll_area{
	margin-left: 40px;
	margin-top: 20px;
	padding-right: 12px;

	}

#core_text_area_1{
	margin-left: 47px;
	padding-right: 30px;
	width:250px;
	float: left;
	padding-top: 15px;
	}
	
#core_text_area{
	margin-left: 40px;
	padding-right: 12px;
	width:281px;
	}

.scrollArea {
	width: 270px;
	height: 247px;
	padding-right:10px;
	border: 1px solid #666;
	border-color: #262626;
	border-width: 1px;
	border-style: solid;
	float: left;
	overflow: auto;
}

#about_sect1 {
	height:191px;
	width:302px;
	background-image:url(images/web/sect1_bg.png);
	margin-left: 0px;
	float: left;
	padding: 25px 0px 0px 36px;
	background-repeat: no-repeat;
	background-color: #262626;
}

#core_sect1 {
	height:307px;
	width:1000px;
	background-image:url(images/web/core_bg.gif);
	padding-right: 0px;
	float: left;
}

#team_text{
	background-image:url(images/web/shadow.jpg);
	float: left;
	width: 177px;
	height: 216px;
	}

#sect2 {
	height:216px;
	width:325px;
	background-color:#262626;
	background-image:url(images/web/sect2_bg.png);
	float:left;
	}

#sect2_anim{
	background-image:url(images/web/key_services_frames.gif);
	height:215px;
	
	}

#about_sect2 {
	height:216px;
	width:430px;
	background-color:#262626;
	background-image:url(images/web/about_sect2.png);
	padding-right: 0px;
	float:left;
	}

#sect3{
	width: 335px;
	height: 216px;
	float: left;
}


#sect3a {
	height:168px;
	width:151px;
	background-image:url(images/web/sect3a_bg.png);
	padding-right: 0px;
	float:left;
}

#about_sect3 {
	height:191px;
	width:196px;
	background-image:url(images/web/about_sect3.png);
	background-position:right;
	background-repeat:no-repeat;
	padding: 25px 25px 0px 8px;
	float: left;

}

#about_sect3_title{
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	width: 209px;
	}
	
#about_sect3_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	width: 209px;
	}
	
	
#sect3a_title{
	margin-left: 22px;
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	width: 120px;
	}

#sect3a_text{
	margin-left: 22px;
	margin-right: 5px;
	}

#sect3b {
	height:168px;
	width:174px;
	background-image:url(images/web/sect3b_bg.png);
	padding-right: 0px;
	float:right;
}

#sect3b_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	}

#sect3b_text{
	margin-left: 30px;
	margin-top: 20px;
	}

#sect3c {
	height:48px;
	width:335px;
	background-image:url(images/web/sect3c_bg.png);
	padding-right: 0px;
	float: left;

}

#sect3c_text {
	margin-left: 22px;
	margin-top: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A4A3A7;
	line-height:14px;
	}

p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A4A3A7;
	line-height:14px;
	}
	
.work_menu_item{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A4A3A7;
	}

a:hover {
	text-decoration: none;
	color:#a3bd0b;
	}

a:link {
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}

	
.work_menu_active{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #A3BD0B;
	line-height:5px;
	}


h1 {
	padding-top: 15px;
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21px;
	padding-left: 30px;
}

h2 {
	padding-top: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #444444;
	padding-left: 30px;
}

h3 {
	padding-top: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #339966;
	padding-left: 30px;
}



#home
{
	display: block;
	float:right;
	width:140px;
	background-image:url(images/fin.gif);
	background-position:right;
	background-repeat:no-repeat;
	position: absolute;
	left: 610px;
	top: 632px;
}

.home
{
display: block;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
color: #3399CC;
}


/*About Rollovers*/
/*Luke Rollover*/
.luke_cssnav
{
font-family: Helvetica, Arial, sans-serif;
background: url(images/web/luke_on.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 46px;
height: 216px;
margin: 0;
padding: 0;
float:left;
}

.luke_cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 46px;
height: 216px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.luke_cssnav img
{
width: 46px;
height: 216px;
border: 0
}

* html a:hover
{
visibility:visible
}

.luke_cssnav a:hover img
{
visibility:hidden
}

.luke_cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*Paul Rollover*/
.paul_cssnav
{
font-family: Helvetica, Arial, sans-serif;
background: url(images/web/paul_on.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 42px;
height: 216px;
margin: 0;
padding: 0;
float:left;
}

.paul_cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 42px;
height: 216px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.paul_cssnav img
{
width: 42px;
height: 216px;
border: 0
}

* html a:hover
{
visibility:visible
}

.paul_cssnav a:hover img
{
visibility:hidden
}

.paul_cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*Lucy Rollover*/
.lucy_cssnav
{
font-family: Helvetica, Arial, sans-serif;
background: url(images/web/lucy_on.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 45px;
height: 216px;
margin: 0;
padding: 0;
float:left;
}

.lucy_cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 45px;
height: 216px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.lucy_cssnav img
{
width: 45px;
height: 216px;
border: 0
}

* html a:hover
{
visibility:visible
}

.lucy_cssnav a:hover img
{
visibility:hidden
}

.lucy_cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*Rod Rollover*/
.rod_cssnav
{
font-family: Helvetica, Arial, sans-serif;
background: url(images/web/rod_on.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 53px;
height: 216px;
margin: 0;
padding: 0;
float:left;
}

.rod_cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 53px;
height: 216px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.rod_cssnav img
{
width: 53px;
height: 216px;
border: 0
}

* html a:hover
{
visibility:visible

}

.rod_cssnav a:hover img
{
visibility:hidden
}

.rod_cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*Dan Rollover*/
.dan_cssnav
{
font-family: Helvetica, Arial, sans-serif;
background: url(images/web/dan_on.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 53px;
height: 216px;
margin: 0;
padding: 0;
float:left;
}

.dan_cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 53px;
height: 216px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.dan_cssnav img
{
width: 53px;
height: 216px;
border: 0
}

* html a:hover
{
visibility:visible
}

.dan_cssnav a:hover img
{
visibility:hidden
}

.dan_cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.green {
color:#a3bd0b;
font-weight:bold;
}

#thumb1{
	width:83px;
	height:83px;
	float: left;
	margin-left: 14px;
	margin-top: 18px;
	margin-right: 13px;

}

#spacer{
	width:10px;
	height:100px;
	float: left;
	clear: left;
}

	#contact_content{
	height:515px;
	background-image:url(images/web/contact_bg.gif)	
	}
	
	#contact_form {
	margin-top: 15px;
	width: 615px;

}

#contact_title {
	margin-top: 40px;
	margin-left: 45px;
}

.contact_label{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 7px;
	padding-top:7px;
	padding-right:7px;
	text-align:left;
	padding-left: 45px;
	}

.contact_req {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#a3bd0b;
	}
.contact_title_text1 {

font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
color: #FEFEFE;
font-size:21px;
}

.contact_title_text2 {

font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
color:#a3bd0b;
font-size:21px;
}

#address_block {
	width:200px;
	float: left;
	margin-top: 25px;
}
#form_area{
	width:680px;
	float: left;
}
#address_title {

}
.addresstext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 14px;
	line-height: 1.2;
	}
#address_area{
	margin-top:40px;
	width: 200px;
	float: left;
	margin-left: 10px;
	}
.textfield {
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 25px;
	width: 350px;
	background-color: #000000;
	color: #EEEEEE;
	padding-left: 5px;
	padding-top: 7px;
	}

.commentsfield {
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 50px;
	width: 350px;
	background-color: #000000;
	color: #ffffff;
	padding-left: 5px;
	padding-top: 6px;
	}
	
.contact_label_receive{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 7px;
	padding-top:7px;
	padding-right:0px;
	text-align:left;
	padding-left: 0px;
	}
	
	#contact_success{
	width:450px;
	margin-left: 46px;
	margin-top: 50px;
	}
	
	#visit_flash{
	margin-right:39px;
	height:45px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:right;
	}
	#index_flash{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		margin-top:25px
		}