body {width:785px; margin: 0 auto 0 auto; background-color:#C8C8C8}
h1 {width:785px; height:51px; margin:0; padding:0; border:0; background-image:url(images/bg_head.jpg);font-size:1px; color:#EBEBEB}
.logo {width:785px; height:75px; background:#FFF url(images/logo.gif) no-repeat; color:#FFF; text-align:right; clear:both; margin:0; padding:0; border:0}
.logo p { margin:0; padding:0; border:0}
.logo hr {display:none}
/* Navigation */
#nav {width:725px; height:16px; clear:both; background-color:#FFF; padding:0 30px 0 30px}
#nav ul {width:479px; height:16px; float:left; margin:0; border:0; padding:0; clear:both}
#nav li {float:left; list-style:none; padding:0}
#nav li a {height:16px; font-size:1px; color:#FFF; display:block}
#nav li a:hover {background-position: bottom}
.navhome {width:35px; background-image:url(images/nav_home.gif)}
.navwebdes {width:70px; background-image: url(images/nav_webdesign.gif)}
.navmarketing {width:89px;background-image:url(images/nav_marketing.gif)}
.navgd {width:88px; background-image: url(images/nav_graphdes.gif)}
.navportf {width:65px; background-image: url(images/nav_portfolio.gif)}
.navabout {width:62px; background-image: url(images/nav_about.gif)}
.navcontact{width:70px; background-image: url(images/nav_contact.gif)}
.update {width:246px; height:13px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999; float:left; text-align:right; padding:3px 0 0 0}
/* Navigation END*/
h2 {
	width: 755px;
	height: 30px;
	background-image: url(images/headend.jpg);
	clear: both;
	color: #FFF;
	padding: 0 0 0 30px;
	margin: 0;
	border: 0;
	font-size: 9px;
	font-family: Arial;
}
#main {
	width: 739px;
	background-color: #FFF;
	padding: 0 16px 0 30px;
	clear: both;
}
.lc {
	width: 284px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	color: #999;
	font-size: 11px;
	line-height: 17px;
}
.lc a {
	color: #999;
	font-style: italic;
	text-decoration: none;
}
.lc a:hover {
	color: #109BC3;
	font-style: italic;
	text-decoration: underline;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	letter-spacing: -2px;
	padding: 18px 0 12px 0;
	margin: 0;
	border: 0;
}
h4 {
	font-size: 11px;
	padding: 3px 0 0 0;
	margin: 0;
	border: 0;
}
.wrap {
  clear: both
}
.colsep {
	width: 31px;
	height: 360px;
	float: left;
	background-image: url(images/bg_colsep.jpg);
}
.rc {
	width: 424px;
	float: left;
}
.thumbselect {
	width: 424px;
	height: 212px;
	clear: both;
}
/*testimonial */
.quote {
	width: 408px;
	border: 2px solid #FFF;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.quote h5 {
	background-image: url(images/bg_quote_title.gif);
	width: 393px;
	height: 34px;
	padding: 10px 0 0 15px;
	margin: 0;
	border: 0;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	letter-spacing: -2px;
	clear: both;
}
.quote p {
	padding: 0;
	margin: 0;
	border: 0;
}
.quote a {
	color: #666;
  text-decoration: none;
}
.quote a:hover {
	color: #109BC3;
  text-decoration: underline;
}

.quotebody {
	width: 320px;
	background-image: url(images/bg_quote.gif);
	background-repeat: no-repeat;
	background-color: #CCC;
	clear: both;
	padding: 0 24px 0 64px;
	font-size: 10px;
	color: #666;
	line-height: 16px;
}
.quotefin {
	background-image: url(images/bg_quote_fin.gif);
	width: 408px;
	height: 14px;
	clear: both;
}
.quoteauthor {
	width: 320px;
	background-color: #CCC;
	clear: both;
	padding: 0 24px 0 64px;
	font-size: 10px;
	color: #666;
	line-height: 16px;
}
.quoteend {
	background-image: url(images/bg_quote_end.gif);
	width: 408px;
	height: 20px;
	clear: both;
}
.quote hr {
  display: none;
}
/*Testimonial END*/
/*Footer Begins*/
#footer {
	width: 725px;
	height: 76px;
	clear: both;
	padding: 0 30px 0 30px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}
.footl {
	width: 225px;
	height: 38px;
	background-image: url(images/bg_footer.gif);
	padding: 38px 0 0 0;
	float: right;
}
#footer ul {
	width: 500px;
	height: 38px;
	background-image: url(images/bg_footer.gif);
	padding: 38px 0 0 0;
	float: right;
	text-align: right;
	margin: 0;
	border: 0;
}
#footer li {
	float: right;
	list-style: none;
	padding: 0 0 0 5px;
}
#footer li a {
	color: #999;
	text-decoration: none;
}
#footer li a:hover {
	color: #109BC3;
	text-decoration: underline;
}
/*Footer ENDS*/
/* ToolTip Styles BEGIN*/
div#tipDiv {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 10000;
  background-image: url(images/ttbg.gif);
  background-repeat: no-repeat;
	width: 128px;
  height: 48px;
	padding: 5px 4px 4px 7px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 9px;
}
.thumb {
	width: 106px;
	height: 106px;
	float: left;
}
.thumb a img{
  border: 2px solid #FFF;
}
.thumb a:hover img {
  border: 2px solid #109BC3;
}
.ttt {
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	display: block;
}
/* ToolTip Styles END*/
.folio {
	width: 196px;
	height: 196px;
	padding: 0 16px 16px 0;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.folioimg {
	width: 196px;
	height: 156px;
	clear: both;
}
.folioinfo {
	width: 190px;
	height: 36px;
	background-image: url(images/folio_bg.gif);
	clear: both;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	font-style: italic;
	padding: 4px 0 0 6px;
	line-height: 15px;
}
.folioinfo a {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	display: block;
}
.folioinfo a:hover {
  color: #109BC3;
}
.linklist {
	width: 408px;
	height: 22px;
	clear: both;
	border-top: 1px dotted #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	padding-top: 6px;
}
.linklist a {
	font-size: 12px;
	font-weight: bold;
	color: #109BC3;
	float: left;
	text-decoration: none;
	background-image: url(images/bullet_arc.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 8px;
}
.linklist a:hover {
	text-decoration: underline;
}
.llend {
	font-weight: bold;
	float: right;
	padding: 1px 7px 0 17px;
}
.lldetail {
	font-style: italic;
	float: right; 
	padding-top: 1px;
}
.cttl {
	width: 54px;
	height: 20px;
	font-weight: bold;
	float: left;
}
.cinf {
	width: 230px;
	height: 20px;
	float: left;
}
.cinf a {
  font-style: normal;
}
.cinf a:hover {
	color: #109BC3;
	font-style: normal;
	text-decoration: underline;
}
.form {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #999;
	font-size: 11px;
	height: 240px;
	padding-top: 20px;
}
form {
	font-size: 10px;
	font-weight: bold;
}
label {
	width: 64px;
	float: left;
	display: block;
	padding-top: 4px;
}
form p {
	padding: 0 0 12px 0;
	margin: 0;
	border: 0;
}
#send {
	width: 47px;
	padding-left: 64px;
	border: 0;
}
input, textarea {
  font-size: 12px;
	border: 1px solid #CCC;
}
.terms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	line-height: 16px;
}
.terms p {
	padding: 3px 0 20px 0;
	margin: 0;
	border: 0;
}
.terms ul {
	padding-top: 0;
	padding-bottom: 20px;
	margin: 0;
	border: 0;
}
.terms a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
.terms a:hover {
	color: #666;
	text-decoration: underline;
}
.projnm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #666;
	letter-spacing: -2px;
	padding: 18px 0 12px 0;
	float: left;
}
.projc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	letter-spacing: -1px;
	padding: 18px 4px 12px 0;
	float: left;
}
#projinf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  width: 284px;
	height: 38px;
  clear: both;
	padding: 12px 0 11px 0;
}
.projinfl {
	width: 72px;
	height: 19px;
	float: left;
	color: #666;
	font-weight: bold;
}
.projinfr {
	width: 212px;
	height: 19px;
	float: left;
	color: #999;
}
.projservt {
	border-top: 1px dotted #CCC;
	width: 284px;
	font-weight: bold;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	padding-top: 10px;
}
.projservb {
	width: 284px;
	color: #999;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	padding-bottom: 11px;
}
.projovr {
	width: 284px;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;
	padding-bottom: 13px;
}
.projlink {
	width: 284px;
	height: 22px;
	clear: both;
	border-top: 1px dotted #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding-top: 6px;
}
.projlink a {
	font-size: 11px;
	font-weight: bold;
	color: #109BC3;
	float: left;
	font-style: normal;
	text-decoration: none;
	background-image: url(images/bullet_arc.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 8px;
}
.projlink a:hover {
	font-style: normal;
	text-decoration: underline;
}
.projlinkd {
	font-size: 10px;
	font-style: italic;
	float: right; 
	padding-top: 1px;
}
#pf {
width: 408px;
padding: 11px 0 0 2px;
clear: both;
}
#pf img {border: 1px solid #E4E4E4}
.pfbg {width:398px; height: 39px; background-image: url(images/bg_pf.gif); border-bottom:24px solid #FFF; border-top:12px solid #FFF; clear:both; padding:8px 0 0 10px}
.pfbg h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	background-color:#FFF;
	padding: 2px 3px 2px 8px;
	border: 0;
	margin: 0;
	display: inline;
	background-image: url(images/pficon.gif);
	background-repeat: no-repeat;
}
body#contact table {width:260px; border-collapse:collapse}
body#contact table caption {font-size:18px; font-weight:bold; text-align:left; margin:30px 0 16px 0; letter-spacing:-2px; color:#666}
body#contact table thead {display:none}
body#contact table tbody tr th {width: 100px; text-align:left}
body#contact table tfoot tr td {font-size:9px; padding-top:10px}