body {
	text-align: center;
	margin: auto 0;
	font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; 
	color: #555;
	background-color: #eceadb;
	font-size: 12px;
}

p.sub {

font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; 
color: #707070 ;
font-weight: bold;
font-size:10pt
}

H1 {

font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; font-size: 12pt; color: #555;

}

h1.blog {

font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; font-size: 10pt; color: #555;margin-left:0px
}

h1.in {

font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; font-size: 14pt; color: #000000;letter-spacing:1px

}


h1.services {

font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; font-size: 14pt; color: #000000;letter-spacing:1px

}


h1.offer {

font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; font-size: 14pt; color: #000000;letter-spacing:0.5px
}



#sidebox {
	float: right;
	display: inline;
	width: 280px;
	height:85px;
	margin-left: 0px;
	margin-right:20px;
	clear: both;
}


.box {
	float:right;
	display: inline;
	width:100px;
	height: 64px;
	background: url(../images/process.jpg) no-repeat;
	clear: both;
	margin-bottom: 2px;
	color: #432e3d;
	font-size: 12px;
	padding-top: 6px;
	padding-left: 2px;
	padding-right: 40px;
}




#sideboxh {
	float: left;
	display: inline;
	width: 280px;
	height:131px;
	margin-left: 105px;
	margin-right:0px;
	clear: both;
}


.boxh {
	float:left;
	display: inline;
	width:160px;
	height: 87px;
	background: url(../images/sample.jpg) no-repeat;
	clear: both;
	margin-bottom: 0px;
	color: #432e3d;
	font-size: 12px;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
}




.title01 A:visited {
text-decoration: none;
color: #fff;
}
.title01 A:hover {
text-decoration: underline;
color: #fff;
}

.title01 A:link {
text-decoration: none;
color: #fff;
}


#date {
	font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; 
	color: #555;
	background-color: #eceadb;
	font-size: 10px;
	font-weight: bold;
	margin-left: 40px
}


#header {
	height: 25px;
	background-image: url(../images/headerbg2.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	text-align:right;
	padding-top: 12px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 15px;
	font-family: Segoe UI, Myriad Pro, Lucida Grande, Verdana; ;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px
	
}








#divider {
	height: 3px;
	background-image: url(../images/divider.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
}

#menu {
	height: 200px;
	background-color: #f0eee1;
	margin: 0 auto;
}

#wrapper {
	text-align: center;
	width: 820px;
	margin: 0 auto;
	margin-top: -80px;
}

#menu .inside {
	width: 850px;
	height: 90px;
	margin-left:-20px;
	margin: 0 auto;
	text-align: right;
}



#menu .services a {
	width: 77px;
	height: 66px;
	background: url(../images/menuservices.jpg) no-repeat;
	float: left;
	display: inline;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}


#menu .process a {
	width: 77px;
	height: 66px;
	background: url(../images/menuprocess.jpg) no-repeat;
	float: left;
	display: inline;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}



#menu .home a {
	width: 50px;
	height: 68px;
	background: url(../images/menuhome.jpg) no-repeat;
	float: left;
	display: inline;
	margin-top: 30px;
	margin-left: 60px;
	margin-right: 30px;
}


#menu .portfolio a {
	width: 76px;
	height: 68px;
	background: url(../images/menuportfolio.jpg) no-repeat;
	float: left;
	display: inline;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 20px;
}



#menu .info a {
	width: 90px;
	height: 68px;
	background: url(../images/menuinfo.jpg) no-repeat;
	float: left;
	display: inline;
	margin-top: 29px;
	margin-left: 20px;
	margin-right: 20px;
}


#menu .testimonials a {
	width: 90px;
	height: 66px;
	background: url(../images/menutestimonials.jpg) no-repeat;
	float: left;
	display: inline;
	margin-top: 29px;
	margin-left: 20px;
	margin-right: 30px;
}



#menu .menudivider {
	width: 4px;
	height: 38px;
	float: left;
	display: inline;
	margin-top: 40px;
	margin-right: 30px;
	background: url(../images/menudivider.jpg) no-repeat;
}

#boxtop {
	width: 817px;
	height: 32px;
	background: url(../images/boxtop.jpg) no-repeat;
	margin: 0 auto;
	float: left;
	display: inline;
}

#boxmid {
	width: 817px;
	background: url(../images/boxmid.jpg) repeat-y;
	margin: 0 auto;
	float: left;
	display: inline;
}

#boxmidpa {
	width: 817px;
	background: url(../images/boxmid.jpg) repeat-y;
	margin: 0 auto;
	height: 600px;
}

#boxmidother {
	width: 817px;
	background: url(../images/boxmid.jpg) repeat-y;
	margin: 0 auto;
	height: 300px;
}

#boxbot {
	width: 817px;
	height: 30px;
	background: url(../images/boxbot.jpg) no-repeat;
	margin: 0 auto;
	float: left;
	display: inline;
}

#logo {
	width: 742px;
	height: 70px;
	background-color: #f3f3eb;
	margin: 0 auto;
	text-align: left;
	padding-top: 30px;
	padding-left: 6px;
}

#banner {
	width: 748px;
	height: 180px;
	background: url(../images/banner.jpg) no-repeat;
	color: #fff;
	margin: 0 auto;
}

#banner_blink {
	width: 748px;
	height: 180px;
	/*background: url(../images/blinker.swf) no-repeat;*/
	color: #fff;
	margin: 0 auto;
}


.bannertxt {
	margin: 10px;
	float: left;
}

#bannerother {
	width: 748px;
	height: 23px;
	background: url(../images/bannerother.jpg) no-repeat;
	margin: 0 auto;
}

#spotlight {
	width: 733px;
	height: 35px;
	background: url(../images/spotlightbg.jpg) repeat-x;
	margin: 0 auto;
	text-align: left;
	padding-top: 0px;
	margin-bottom: -5px;
	padding-left: 15px;
	font-family: Franklin Gothic, Arial;
	color: #747267;
	font-weight: bold;
	font-size: 12px
}

#spotlight_home {
	width: 733px;
	height: 18px;
	background: url(../images/spotlightbg.jpg) repeat-x;
	margin: 0 auto;
	text-align: left;
	padding-top: 8px;
	margin-bottom: -19px;
	padding-left: 15px;
	font-family: Franklin Gothic, Arial;
	color: #747267;
	font-weight: bold;
	font-size: 12px
}

#content {
	background-color: #f3f3eb;
	width: 708px;
	height: 500 px;
	margin: 0 auto;
	margin-bottom: -10px;
	margin-left: 34px;
	text-align: left;
	padding: 20px;
	float: left;
}

#contentother {
	background-color: #f3f3eb;
	width: 708px;
	margin: 0 auto;
	margin-left: 34px;
	text-align: left;
	padding: 20px;
	float: left;
	display: inline;
}

.cw_button_copy a{
	background: url(../images/port_copyh.jpg) no-repeat;
	float: left;
	display: inline;
	width: 140px;
	height: 29px;
	margin-top: 6px;
	margin-left: 20px;
}

.cw_button_copy a:hover{
	background: url(../images/port_copyh.jpg) no-repeat;
}

.cw_button_pub a{
	background: url(../images/port_pubh.jpg) no-repeat;
	float: left;
	display: inline;
	width: 140px;
	height: 29px;
	margin-top: 6px;
	margin-left: 42px;
}

.cw_button_pub a:hover{
	background: url(../images/port_pubh.jpg) no-repeat;
}

.cw_button_design a{
	background: url(../images/port_designh.jpg) no-repeat;
	float: left;
	display: inline;
	width: 140px;
	height: 29px;
	margin-top: 6px;
	margin-left: 42px;
}

.cw_button_design a:hover{
	background: url(../images/port_designh.jpg) no-repeat;
}

.cw_button_about a{
	background: url(../images/port_about.jpg) no-repeat;
	float: left;
	display: inline;
	width: 140px;
	height: 29px;
	margin-top: 6px;
	margin-left: 32px;
}

.cw_button_about a:hover{
	background: url(../images/port_abouth.jpg) no-repeat;
}

.btn_moreabout a{
	background: url(../images/btn_moreabout.jpg) no-repeat;
	float: left;
	display: inline;
	width: 130px;
	height: 30px;
	margin-top: 6px;
	margin-left: 0px;
}

.btn_moreabout a:hover{
	background: url(../images/btn_moreabouth.jpg) no-repeat;
}

#pacontainer {
	float: left;
	display: inline;
	width: 300px;
	height: 300px;
	margin-left: 40px;
}

.patext {
	float: left;
	display: inline;
	width: 300px;
	height: 150px;
}

.paimage {
	float: left;
	display: inline;
}

.paread {
	float: left;
	display: inline;
	margin-top: 40px;
	margin-left: 10px;
}

.paread a {
	color: #f0961e;
	font-size: 10px;
}

.paread  a:hover {
	color: #444444;
}

.title {
	float: left;
	display: inline;
	font-variant: small-caps;
	font-size: 18px;
	margin-left: 40px;
	width: 700px;
	margin-bottom: 20px;
}

.subcontent {
	float: left;
	display: inline;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 500px;
}

#content_compass {
	float: left;
	display: inline;
	width: 450px;
	height: 300px;
	margin-top: 20px;
}

#compass {
	background: url(../images/compass.jpg) no-repeat;
	margin-top: 20px;
	margin-left: 80px;
	width: 173px;
	height: 175px;
	float: left;
	display: inline;
}

.creative a{
	font-size: 11px;
	margin-left: 187px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.casual a{
	font-size: 11px;
	margin-left: 70px;
	margin-right: -70px;
	margin-top: 16px;
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.custom a{
	font-size: 11px;
	margin-left: 14px;
	margin-top: 16px;
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.convincing a{
	font-size: 11px;
	margin-left: -20px;
	margin-right: -40px;
	margin-top: 96px;
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.concise a{
	font-size: 11px;
	margin-left: 0px;
	margin-top: 92px;
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.correct a{
	font-size: 11px;
	margin-left: 20px;
	margin-right: -80px;
	margin-top: 182px;
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.consistent a{
	font-size: 11px;
	margin-left: -88px;
	margin-top: 182px;
	float: left;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.cohesive a{
	font-size: 11px;
	margin-left: 184px;
	font-size: 12px;
	margin-top: 15px;
	float: left;
	color: #000;
	text-decoration: none;
}

.clearline {
	float: left;
	display: inline;
	width: 900px;
	height: 2px;
}

.clearlinemedium {
	float: left;
	display: inline;
	width: 900px;
	height: 30px;
}

.hometxt {
	float: left;
	display: inline;
	width: 500px;
	margin-left: -10px;
	margin-top: -75px;
	margin-bottom: -5px;
	text-align: justify;
}


p.blogtxt {

width: 600px;
text-align: justify;
margin-left: 40px;
}

.othertxt {
	float: left;
	display: inline;
	width: 575px;
	margin-left: 40px;
	margin-top: -10px;
	margin-bottom: 20px;
	text-align: justify;
}


.requesttxt {
	float: left;
	display: inline;
	width: 340px;
	margin-left: 40px;
	margin-top: -20px;
	margin-bottom: 0px;
	text-align: justify;
	font-size:10px;
}

.homefiller {
	float: left;
	display: inline;
	width: 280px;
	height: 475px;
	background: url(../images/homefiller.jpg) no-repeat;
	margin-left: 40px;
}

.previewpane {
	display:none; 
	float: left; 
	display:inline;
	line-height: 16px; 
	width: 240px; 
	height:140px; 
	background-color: #fbfbf6; 
	padding: 5px;
	border: 1px solid #f9cd91;
	font-size: 12px;
	text-align: justify;
}

.cw_title {
	font-weight: bold;
	width: 300px;
	float: left;
	display:inline;
	margin-left: 40px;
	margin-bottom: 15px;
}

.cw_txt {
	width: 300px;
	float: left;
	display: inline;
	margin-left: 40px;
	text-align: left;
}

.cw_involvement {
	font-weight: normal;
	width: 300px;
	float: left;
	display:inline;
	margin-left: 40px;
	margin-bottom: 15px;
	margin-top: 5px;
}

.cw_img {
	width: 300px;
	float: left;
	display:inline;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-top: 5px;
}

sup {
	color: orange;
	margin-left: 3px;
}

.hiddenPic {display:none;}

#footer {
	margin-top: 7px;
	padding-bottom: 20px;
	color: #aaa;
	text-align:left;
	margin-left: 0px;
	font-size: 11px;
	clear:both;
}


/* SUPER DUPER DROP DOWN */
/* tabs
*************************/

ul.tabs
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.tabs li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.tabs a
{
	position: relative;
	display: block;
}

/* dropdowns
*************************/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.dropdown li a
{
	display: block;
}


/* menu-specifc
*************************/

#menu
{

}

#menu ul
{
	margin: 0 auto;
}

#menu ul li h4
{
	margin: 0;
}

#menu ul li h4 a
{
	text-indent: -3000px;
}

#menu ul li a
{
	text-indent: -3000px;
}

#menu ul li a img
{
text-indent: -3000px;
}

#menu ul li a:hover
{
}

#menu ul li a span
{
	display: block;
	text-indent: -3000px;
}

#menu ul li a:hover span
{
}

#menu ul.dropdown
{
	background: url(../images/menuhoverbg.png) no-repeat;
	overflow:hidden;
	width: 220px;
	text-align: left;
	color: #000;
	padding-bottom: 20px;
}

#menu ul.dropdown li a
{
	line-height: 20px;
	height: 10px;
	clear: both;
	background: none;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	text-indent: 0px;
	width: 290px;
}

#menu ul.dropdown li.last a
{
	border-bottom-width: 0;
}

#menu ul.dropdown li a:hover
{
	font-weight: bold;
}

#menu ul li h4 a:hover
{font-weight: bold;
}

#menu a:hover {
font-weight: bold;
}

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
width: 220px;
visibility: hidden;
background: url(../images/menuhoverbg.png) no-repeat;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 10px 0 10px 10px;
text-decoration: none;
font-weight: bold;
color: white;
text-align: left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000;
}