@charset "UTF-8";



.bkgd {
	background-position: center top;
}
.toptable {
	background-image: url(KNM%20pics/top_bar_bkgd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 100px;
}
.toptable_logo {
	background-image: url(KNMpics/logo_box.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.intro {
	width:600px;
	float:left;
	verticle-align:bottom;
	padding-bottom:10px;
	font-size:10px;
	color:#FFF;
}

.topcontactemail {
	width:214px;
	float:right;
	verticle-align:bottom;
	padding-bottom:10px;
	font-size:10px;
	color:#FFF;
}

.topcontact {
	font-size:10px;
	color:#FFF;
	text-align:right;
	vertical-align:bottom;
	float:right;
	width:140px;
	padding-right:40px;
	background-image: url(KNMpics/topemail_line.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.pgbkgd {
	width:100%;
	background-color:#333333;
}

.contentwrap {
	width: 1000px;
	margin:0 auto;
}

.leftnavboxes {
	width: 240px;
	height: 300px;
	float:left;
}

.panes {
	width: 760px;
	height: 317px;
	float: left;
	background-image:url(panes/pane_bkgd.png);
	background-position:right;
	background-repeat:no-repeat;
	background-position:top;
	position: relative;
}

.panes .pane {
	height:317px;
	width:760px;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	background-color: #cccccc;
}

.panes .pane1 {
	background:url(panes/pane1.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size: 12px;
	color: white;
	font-family: arial, sans-serif;
}


.panes .pane2 {
	background:url(panes/pane2.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size: 12px;
	color: white;
	font-family: arial, sans-serif;
}

.panes .pane3 {
	background:url(panes/pane3.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size: 12px;
	color: white;
	font-family: arial, sans-serif;
}

.panes .pane4 {
	background:url(panes/pane4.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size: 1.4em;
	color: white;
	font-family: arial, sans-serif;
}

.newprojecttitle {
	width: 1000px;
	height: 50px;
	float:left;
	background-image:url(KNMpics/recent_projects.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:10px;
	line-height: 50px;
}

.newprojecttitle1 {
	width: 1000px;
	height: 50px;
	float:left;
	background-image:url(KNMpics/website_design_title_background.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding-bottom:10px;
	line-height: 30px;
	text-align:center;
}

#wd_menu	{width:1000px; height:50px; text-align:center; positition:absolute; }
	#ul_webdesign_menu {
	width:1000px;
	height:50px;
	text-align:center;
	positition:absolute;
	padding:0px;
	display:block;
	background: none;
}
	#ul_webdesign_menu li {
	display:inline;
	float:inherit;
	height: 25px;
	overflow: hidden;
	text-align: right;
	padding-right: 200px;
}
	#ul_webdesign_menu li a { float: left; height: 25px; overflow: hidden; text-align: left; text-indent: -9999px;}
	#ul_webdesign_menu li a:hover {background-position: 0 -25px; }
	
	#website_design_wd {width: 150px; background: url(KNMpics/website_design_wd_but.png) no-repeat; outline:none; display:block; margin-right:50px; }
	#recent_projects_wd {width: 150px; background: url(KNMpics/recent_projects_wd_but.png) no-repeat; outline:none; display:block; }
	#e_website_design_wd {width: 150px; background: url(KNMpics/ecommerce_wd_but.png) no-repeat; outline:none; display:block; }
	#seo_wd {width: 600px; background: url(KNMpics/seo_wd_but.png) no-repeat; outline:none; display:block; }
	#ppc_wd {width: 600px; background: url(KNMpics/ppc_wd_but.png) no-repeat; outline:none; display:block; }
	#photography_wd {width: 600px; background: url(KNMpics/photography_wd_but.png) no-repeat; outline:none; display:block; }
	#contact_wd {width: 600px; background: url(KNMpics/contact_wd_but.png) no-repeat; outline:none; display:block; }


.newprojectwdtitle {
	width: 1000px;
	height: 50px;
	float:left;
	background-repeat:no-repeat;
	background-position:center top;
	padding-bottom:10px;
	line-height: 30px;
	text-align:center;
}
}

.ecommercetitle {
	width: 1000px;
	height: 30px;
	float:left;

	padding-bottom:10px;
	line-height: 30px;
}

.seotitle {
	width: 1000px;
	height: 30px;
	float:left;
	background-image:url(KNMpics/seo.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:10px;
	line-height: 30px;
}

.ppctitle {
	width: 1000px;
	height: 30px;
	float:left;
	background-image:url(KNMpics/ppc.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:10px;
	line-height: 30px;
}

.photographytitle {
	width: 1000px;
	height: 30px;
	float:left;
	background-image:url(KNMpics/photography.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:10px;
	line-height: 30px;
}

.contacttitle {
	width: 1000px;
	height: 30px;
	float:left;
	background-image:url(KNMpics/contact.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:10px;
	line-height: 30px;
}

.botproject1 {
	width: 500px;
	height:220px;
	float: left;
	background-image:url(KNMpics/bot_project1.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:30px;
}

.project1 {
	width: 1000px;
	height:auto;
	float: left;
	background-image:url(KNMpics/bot_project1.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:20px;
}

.projecttext1 {
	width:750px;
	height:auto;
	float:right;
	color:#FFF;
	font-size:11px;
	font-family:arial;
}
.project2 {
	width: 1000px;
	height:auto;
	float: left;
	background-image:url(KNMpics/bot_project2.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:20px;
}

.projecttext2 {
	width:750px;
	height:auto;
	float:right;
	color:#FFF;
	font-size:11px;
	font-family:arial;
}

.bottext1 {
	width:250px;
	height:220px;
	float:right;
	color:#FFF;
	font-size:11px;
	font-family:verdana;
}

.botproject2 {
	width: 500px;
	height:260px;
	float: left;
	background-image:url(KNMpics/bot_project2.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.bottext2 {
	width:250px;
	height:220px;
	float:right;
	color:#FFF;
	font-size:11px;
	font-family:verdana;
}

.footer {
	background-image: url(KNMpics/footer_bkgd.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	height: 160px;																														
	float: left;
	width: 100%;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	
}	

.footer a {
	font-size:10px;
	line-height:20px;
	padding-right:30px;
	color:#FFF;
}

.address1 {
	width:150px;
	float:left;
	height:160px;
}

.addresstext1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	color:#fff;
	vertical-align:top;
	height:156px;
	padding-top:4px;
}

.address2 {
	width:150px;
	height:160px;
	float:right;
}

.addresstext2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	color:#fff;
	vertical-align:top;
	height:156px;
	padding-top:4px;
}

.orangetext {
	color:#F90;
}

.addressline {
	background-image:url(KNMpics/address_line.png);
	background-repeat:no-repeat;
	background-position:-20px;
	height:120px;
	width:4px;
}

.bottomlinks {
	background-image:url(KNMpics/address_line.png);
	background-repeat:no-repeat;
	background-position:right top;
	font-weight: lighter;
}

.acknowledge {
	width:100%;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	margin: 0 auto;
	background-color:#000000;
	float:left;
	height:1000px;
}

.whitetext {
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #ffffff;
}

	#top_menu	{width:740px; height:74px; text-align:right; postition:absolute; left:260px;}
	#ul_top_menu {
	width:750px;
	height:74px;
	text-align:right;
	postition:absolute;
	margin:0 0 0 260px;
	padding:0px;
	display:block;
	background: none;
}
	#ul_top_menu li {
	display:inline;
	float: left;
	height: 74px;
	overflow: hidden;
	text-align: right;
	padding-left: 0px;
}
	#ul_top_menu li a { float: left; height: 74px; overflow: hidden; text-align: left; text-indent: -9999px;}
	#ul_top_menu li a:hover {background-position: 0 -74px; }
	
	#home {width: 74px; background: url(KNMpics/toplinks/but_home.png) no-repeat; outline:none; display:block; }
	#contact {width: 96px; background: url(KNMpics/toplinks/but_contact.png) no-repeat; outline:none; display:block; }
	#photo {width: 126px; background: url(KNMpics/toplinks/but_photo.png) no-repeat; outline:none; display:block; }
	#seo {width: 130px; background: url(KNMpics/toplinks/but_seo.png) no-repeat; outline:none; display:block; }
	#ecommerce {width: 105px; background: url(KNMpics/toplinks/but_ecommerce.png) no-repeat; outline:none; display:block; }
	#website_design {width: 83px; background: url(KNMpics/toplinks/but_webcms.png) no-repeat; outline:none; display:block; }
	#ppc {width: 106px; background: url(KNMpics/toplinks/but_ppc.png) no-repeat; outline:none; display:block; }
	
.toptable .toptable_logo table {
	background-image: url(KNMpics/top_table_bkgd_line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.round, .tabs li a {
	cursor: pointer;
}