* {margin: 0;padding: 0;}

body {	margin: 0;	padding: 0;background: #353024 url(images/bki.gif) repeat-x;	font-family:  Arial, Helvetica, sans-serif;	font-size: 12px;	color: #eef6fb; line-height:22px;}

h1, h2 {	font-weight: normal;color: #ffffff; margin-top:5px;}
h1 {	font-size: 25px; padding-left:40px;  line-height:20px; letter-spacing:0.5px; font-weight:bold; color:#6cafc5}
h2 {	font-size:21px;  color:#caf1fc; line-height:26px; padding-bottom:10px; font-family:Arial Narrow, Helvetica, sans-serif}
h3 {font-size:18px; padding-left:20px;  line-height:20px; color:#caf1fc; margin:10px 0px 10px 0px; text-transform:uppercase}
.smalltext {font-size:10px; line-height:14px;}
.smalltextg {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal; line-height:20px; letter-spacing:1px; color: #66ccff;}
p, ul, ol {}
p {}
.sig {color:#FFFFFF; padding-left:20px;}
blockquote {	font-style: italic;}
ul {}
ol {}
.buffer {margin-left:40px; list-style-image:url(images/bullet.gif); }


/* link items */
a:link {text-decoration:none; color:#66ccff;} 
a:visited {text-decoration:none; color: #c5dff0;} 
a:hover {color:#c5dff0; text-decoration:none;}

a.ud {color:#66ccff; padding: 0 0 2px 0;font-size: 12px; background: url(images/line_link.gif) bottom repeat-x; text-decoration:none;line-height:20px;}
a.ud:hover {color:#c5dff0; padding: 0 0 1px 0;background: url(images/line_link_over.gif) bottom repeat-x; text-decoration:none; line-height:20px;}
a.ud.visited {color:#66ccff; padding: 0 0 2px 0;font-size: 12px; background: url(images/line_link.gif) bottom repeat-x; text-decoration:none;line-height:20px;}


img {border: none;}
img.left {	float: left;	margin: 0 15px 0 0;}
img.right {	float: left;	margin: 0 0 0 15px;}

form {	margin: 0;	padding: 0;}
input, textarea, select {	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* navigation tabs */

#rollover a {text-decoration:none;display:block;height:104px; }
* html #rollover a {width:104px;}
#rollover {list-style-type:none;margin:0px auto;padding:0px; }
#rollover li {float:left;height:104px; margin:0px auto;padding:0px; }

#rollover li#a a{background-image:url(images/who.gif);width:115px;}
#rollover li#a a:hover { background-position: 0 -104px;}
#rollover li#a {background-image:url(images/who.gif);}

#rollover li#b a{background-image:url(images/what.gif);width:126px;}
#rollover li#b a:hover { background-position: 0 -104px;}
#rollover li#b {background-image:url(images/what.gif);}

#rollover li#c a{background-image:url(images/work.gif);width:141px;}
#rollover li#c a:hover { background-position: 0 -104px;}
#rollover li#c {background-image:url(images/work.gif);}

#rollover li#d a{background-image:url(images/client.gif);width:136px;}
#rollover li#d a:hover { background-position: 0 -104px;}
#rollover li#d {background-image:url(images/client.gif);}

#rollover li#e a{background-image:url(images/contact.gif);width:136px;}
#rollover li#e a:hover { background-position: 0 -104px;}
#rollover li#e {background-image:url(images/contact.gif);}


/* Page */

#header {	width: 985px;	height: 104px;margin: 0 auto; padding:0px; }
#logo {float: left; height:104px; margin:0px;}
#page {width: 985px;margin: 0 auto;}
#post {clear:both;	width: 985px;	 height:278px ; padding: 0px; 	margin: 0px auto; background: url(images/mainbk.jpg);}
#post_i {clear:both;	width: 985px;	 height:113px ; padding: 0px; 	margin: 0px auto; background: url(images/intbk.jpg);}
#right {width: 630px; height:278px;	float:right; margin:0px; padding:0px;}
#right_i {width: 230px; height:113px;	float:right; margin:0px; padding:0px;}
#left {width: 355px;	float:left}
#left_i{width:500px;float:left; padding:40px 0px 30px 0px;}

/* 3 Columns */

#mainbar {width: 985px; height:225px; background: url(images/divbk.jpg);  margin:0px auto}
#mainbar_i {width: 985px; background: url(images/int.gif); margin:0px auto}
#side-a {	float: left;	width: 315px;}
#side-b {	float: right;	width: 280px; }
#contentleft { float: left; width:700px;  margin-left:40px;}
* html #contentleft { float: left; width:700px;  margin-left:20px;}/* IE */
#contentright {float: right; width: 200px;  margin-left:20px;}


/* Footer */
#footeri{	width: 100%; background: #212e34; text-align:center; margin: 0 auto; padding:0px;}
#footer { width: 985px; height:143px; background: url(images/footerbki.jpg) no-repeat; text-align:left;  margin: 0 auto;
}
#footer ul {	margin: 0;	padding: 0; list-style: none; 	font-family: "Tahoma", Arial, Helvetica, sans-serif;	font-size: 11px;	color: #FFFFFF; line-height:15px;}
#footer li.a {display: block;	float: left; width: 340px;padding: 30px 10px 10px 10px;}
#footer li.b {display: block;	float: left; width: 150px; padding: 0px 10px 10px 10px;}
#footer li.c {display: block;	float: left; width: 120px; padding: 30px 10px 10px 10px;}
#footer li.d {display: block;	float: left; width: 120px; padding: 30px 10px 10px 15px;}
#footer li.f {display: block;	float: right; width: 150px; padding: 0px 10px 10px 10px;}
#footer li.e {display: block;	float: left; width: 120px; padding: 30px 10px 10px 10px;}
#footer li li {display: list-item;	float: none;width: auto;padding: 0;}
#footer a {	text-decoration: underline;	color: #ffffff;}
#footer a:hover {	text-decoration: none;}

/* form items */
.textboxwh {  background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border:0px;}
.textbox {  background-color: #c5dff0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:0px; height:18px; color:#286685; padding:2px;}
.button {  background-color: #CCCCCC; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-style:outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.searchbox {  height: 18px}
.formdrop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color:  #f2f2f2; border-style: dotted; color: #333333}
.comments {	background-color: #c5dff0; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; border:0px; color:#286685; padding:2px;}
.formbut {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 8pt;}

/* sublist */

.arrowlistmenu{width: 215px; }
.arrowlistmenu .headerbar{font: bold 14px  Arial;color: #6cafc5; margin-bottom: 5px; text-transform: uppercase;padding: 4px 0 4px 0px; text-align:left; }
.arrowlistmenu ul{list-style-type: none;margin: 0px; text-align:left; }
.arrowlistmenu ul li{padding: 0px; margin:0px; width: 215px;  }
.arrowlistmenu ul li a{color: #66ccff;background: url(images/bullet.gif) no-repeat center left; display: block; padding: 5px 5px 5px 19px; text-decoration: none;border-bottom: 1px solid #6d6957;font-size: 90%;  font-size: 12px}
.arrowlistmenu ul li a:visited{color: #66ccff; background: url(images/bullet.gif) no-repeat center left; display: block; padding: 5px 5px 5px 19px; text-decoration: none;border-bottom: 1px solid #6d6957;font-size: 90%;  font-size: 12px}
.arrowlistmenu ul li a:hover{ color: #c5dff0;background-color: #6d6957;}



/* MAIN / Portfolio */

#featured {	 FLOAT: left; margin-left:0px;}
#featured UL {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#featured UL LI {	FLOAT: left; PADDING-BOTTOM: 0px;  LIST-STYLE-TYPE: none}
#featured .shift {PADDING-LEFT:20px}

#featured .site {BORDER: #ffffff 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 2px 0px;  COLOR: #3c4d56; PADDING-TOP: 6px; BACKGROUND-COLOR: #e1eff8; width:328px;}
#featured .sitef {BORDER: #ffffff 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 2px 0px;  COLOR: #3c4d56; PADDING-TOP: 6px; BACKGROUND-COLOR: #e1eff8; }

#featured .title{ PADDING-top: 5px; MARGIN-top: 0px; }
#box {BACKGROUND-COLOR: #4a4637; PADDING: 10px; border:1px #CCCCCC dotted; margin-bottom:5px;}
.box {BACKGROUND-COLOR: #4a4637; PADDING: 10px; border:1px #CCCCCC dotted; margin-bottom:5px;}
#featured IMG {	MARGIN-BOTTOM: 10px; background-color:#FFFFFF; padding:8px;}
.bTop {	BORDER-TOP: #99c4d5 1px solid}
.padT {	PADDING-TOP: 16px}



#default  {width:315px; margin:0px 0px 0px 10px; padding:0px;}
#default  td {padding-left:5px;	background:#75715f; 	}
td.hd  {	font-weight:normal;	color: #ffffff;	text-align:left;	padding-left:5px;	background:#394b53;}	
td.hdb  {	font-weight:normal;	color: #666666;	text-align:left;	padding-left:5px;	background:#eef3fe;}	