/* global style */

body{ background: #d0e4a5 url(images/body1_bg.jpg) repeat-x top; padding:0; margin:0;font: normal 13px/20px  trebuchet MS, Arial, Helvetica, sans-serif;margin:0px 0px 0px 78px }

.spacer{ clear:both;}

img{ border:none;}

h2{ font-size:28px;color:#008ca8; text-transform:lowercase; padding:0; margin:10px 0 10px 0;}

h2 a{color:#008ca8; text-decoration: none}

.cyantext{color:#008ca8;}



/* wrapper style */

#wrapper{ background:url(images/content-wrap-mid-page.jpg) repeat-y center}

#wrapper-top{ background: url(images/body-page_bg.jpg) no-repeat top }

#wrapper-bottom{ background:  url(images/wrap-bottom-page.jpg) no-repeat bottom; }



#twocolumn #wrapper,#portfolio #wrapper{ background:url(images/content-wrap-mid.jpg) repeat-y center}

#twocolumn #wrapper-top,#portfolio #wrapper-top{ background: url(images/body_bg.jpg) no-repeat top }

#twocolumn #wrapper-bottom,#portfolio #wrapper-bottom{ background:  url(images/wrap-bottom.jpg) no-repeat bottom; position:relative; }



/* header style */

#header{ height:147px; position:relative;margin:0 auto; width:774px;}

#logo{

	position:absolute;

	left: -133px;

	top: 31px;

}



/* top menu style */

#top-menu{

	float:right;
	width:244px;
	margin:56px 0px 0px 0px;

}
#top-menu ul { list-style:none; margin:0; padding:0;}

#top-menu ul li{ float:left; color:#008ca8  }

#top-menu ul li a{ display:inline-block; padding:0 10px; font: normal 14px/14px "Century Gothic", Arial, Helvetica, sans-serif; text-decoration:none; color:#008ca8; text-transform:lowercase }
.header_phone img{ float:left; padding:3px 0px 0px 0px;   }
.header_phone{ padding:0px 0px 0px 0px;}
.phone_num{ 
	color:#299CB9;
	float:left;
	font-size:16px;
	margin:0 0 0 5px;
	padding:1px 5px 0px 0px; }


/*menu style */

#menu {

	position:absolute;

	left: 601px;

	top: 123px;

	width: 101px;

	height:26px;

}



#menu ul {list-style:none; margin:0; padding:0; 	height:25px;}

#menu ul li{ float:left;}

#menu ul li a{ display:block;  text-indent:-9999px;width:101px; height:25px; padding:0 9px 0 0 }



#menu ul li.marketing a{ background:url(images/menu-1_bg.jpg) no-repeat 0 0; }

#menu ul li.marketing a:hover{ background:url(images/menu-1_bg.jpg) no-repeat 0 -25px; }

#menu ul li.marketing.selected a{ background:url(images/menu-1_bg.jpg) no-repeat 0 -51px; }



#menu ul li.public a{ background:url(images/menu-1_bg.jpg) no-repeat -110px 0; }

#menu ul li.public a:hover{ background:url(images/menu-1_bg.jpg) no-repeat -110px -25px; }

#menu ul li.public.selected a{ background:url(images/menu-1_bg.jpg) no-repeat -110px -51px; }



#menu ul li.accounting a{ background:url(images/menu-1_bg.jpg) no-repeat -220px 0; }

#menu ul li.accounting a:hover{ background:url(images/menu-1_bg.jpg) no-repeat  -220px -25px; }

#menu ul li.accounting.selected a{ background:url(images/menu-1_bg.jpg) no-repeat -220px -51px; }



#menu ul li.contact a{ background:url(images/menu-1_bg.jpg) no-repeat -330px 0; }

#menu ul li.contact a:hover{ background:url(images/menu-1_bg.jpg) no-repeat -330px -25px; }

#menu ul li.contact.selected a{ background:url(images/menu-1_bg.jpg) no-repeat -330px -51px; }







#content{padding: 24px;  min-height:400px; height:400px; height:auto !important; overflow:hidden}



#twocolumn #content,#portfolio #content{ padding:12px 12px 24px 12px; width:482px; float:left;min-height:400px; height:400px; height:auto !important; overflow:hidden}





* html #content{height:400px !important;}



#content p{ padding:10px 0; margin:0} 
#content p img{ float:left; }
#content a{color:#47A5C9}

#sidebar{ float:right;padding:15px 5px 26px 22px;width:237px;}





#content-wrap{ margin:0 auto; width:774px; padding:19px 0 0 0; position:relative}



.content-box{ padding:0 0 20px 0; margin:0 0 10px 0;}



/* portfolio style */

#portfolio { padding:0 0 0 2px}

#portfolio ul li{ float:left; padding:4px 2px 4px 6px;}





/* Left menu style */



#left-menu{

	position:absolute;

	left: -163px;

	top: 19px;

	width: 151px;

}

#left-menu ul{ margin:0; padding:0; list-style:none;}

#left-menu ul li{ width:151px; text-indent:-9999px; padding:0 0 5px 0;  }


#left-menu ul li a{ font: normal 14px/14px "Century Gothic", Arial, Helvetica, sans-serif; text-decoration:none;  display:block; width:151px; height:24px;  }



#left-menu ul li.home a{ background:url(images/left-nav_bg.gif) no-repeat 0 0; }

#left-menu ul li.home a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px 0  ; }

#left-menu ul li.home.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px 0 ; }



#left-menu ul li.who a{ background:url(images/left-nav_bg.gif) no-repeat 0 -29px; }

#left-menu ul li.who a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -29px; }

#left-menu ul li.who.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -29px; }



#left-menu ul li.what a{ background:url(images/left-nav_bg.gif) no-repeat 0 -58px; }

#left-menu ul li.what a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -58px; }

#left-menu ul li.what.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -58px; }



#left-menu ul li.media a{ background:url(images/left-nav_bg.gif) no-repeat 0 -84px; height:18px; }

#left-menu ul li.media a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -84px; }

#left-menu ul li.media.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -84px; }



#left-menu ul li.creative a{ background:url(images/left-nav_bg.gif) no-repeat 0 -105px; height:18px;  }

#left-menu ul li.creative a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -105px; }

#left-menu ul li.creative.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -105px; }



#left-menu ul li.interactive a{ background:url(images/left-nav_bg.gif) no-repeat 0 -125px; height:18px;  }

#left-menu ul li.interactive a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -125px; }

#left-menu ul li.interactive.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -125px; }



#left-menu ul li.strategy a{ background:url(images/left-nav_bg.gif) no-repeat 0 -145px; height:18px;  }

#left-menu ul li.strategy a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -145px; }

#left-menu ul li.strategy.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -145px; }



#left-menu ul li.work a{ background:url(images/left-nav_bg.gif) no-repeat 0 -168px; }

#left-menu ul li.work a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px  -168px; }

#left-menu ul li.work.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px  -168px; }



#left-menu ul li.blog a{ background:url(images/left-nav_bg.gif) no-repeat 0 -197px; }

#left-menu ul li.blog a:hover{ background:url(images/left-nav_bg.gif) no-repeat -151px -197px; }

#left-menu ul li.blog.selected a{ background:url(images/left-nav_bg.gif) no-repeat -302px -197px; }





/* footer style */

#footer{margin:0 auto; width:784px; padding:0 0 40px 0}

#footer ul{ margin:0 auto; padding:5px 0 0 0; list-style:none; width:700px;  }

#footer ul li{ float:left; color:#008ca8 }

#footer ul li a{padding:0 5px; display:inline-block; font: normal 13px/13px "Century Gothic", Arial, Helvetica, sans-serif; text-decoration:none; color:#008ca8; text-transform:lowercase }



/* sidebar style */

#sidebar-box,#portfolio{padding:0 0 20px 0; margin:0 0px 10px 6px;}

#sidebar-box p{ padding:0; margin:0;}

#sidebar ul{ margin:0; padding:0; list-style:none;}

#sidebar ul li .date{ float:left; width:55px;color:#008ca8; font-weight:bold }

#sidebar ul li .content-box{ float:left; width:161px; background:none;  font: normal 12px/12px Arial, Helvetica, sans-serif; padding:0;}

#sidebar ul li .content-box h3{ font-size:12px; margin:0; padding:0;color:#008ca8;}

#sidebar ul li .content-box h3 a{ color:#008ca8; text-decoration:none}

#sidebar ul li .content-box a.read-more{ color:#4eb4dc; text-decoration:none}



#imgholder{ margin:20px 0; text-align:center}



/* sociable style */

#shareit-box{ float:right; margin:50px 0px 0px 0px; }
html*#shareit-box{margin:60px 0px 0px 0px;}

.sociable_tagline{ float:left; height:22px; text-decoration:underline; color:#0089a5;padding:4px 4px 0 0px; font:bold 16px/16px Arial, Helvetica, sans-serif; width:85px;}
#shareit li{ list-style:none;}
.sociable ul{ list-style:none; padding:0 10px; float:left; width:111px; margin:0;}

.sociable ul li{ float:left; padding:0 4px; width:26px;}

#sidebar ul#shareit{ margin:20px 0 0 0; padding:0 0 0px 0; list-style:none;}

* html #sidebar ul#shareit{padding:0 0 0px 0;}



.stwrapper a{color:008CA8;font:Arial;}

.stbuttontext {color:#008CA8;font:Arial;}

/* css for sidebar */
.search_form{ float:left;height:50px;}
.screen-reader-text{ display:none;}
#s{ border: 1px solid #A4A097; background:#FFFEDF; height:20px; padding:5px; width:223px; color:#666666;}
#search input .submit{ background:#fff; float:right;}
/*--------------css for custom field-------------------*/
.custom_field_wrapper{ width:220px; float:left;}
.custom_field{ width:100px;float:left;  background:#fff; margin:10px 0px 0px 10px; }
.testimonial_wrapper{ font-size:11px; width:200px; float:left; padding:10px 5px 0px 10px; text-align:left; color:#666666;}
.testimonial_wrapper b{ color:#000; float:right; font-weight:bold;text-align:right;}
/* css for sidebar brown image*/
.brownimg{ width:100%;text-align:center;}
/* css for comment list */
#commentlist{ float:left; width:440px;}
#commentlist p{ float:left; width:440px}


/* Overlay */
.bgCover { background:#9F5000; position:absolute; left:0; top:0; display:none; overflow:hidden }
.overlayBox {

	border:2px solid #CCCCCC;
	position:absolute;
	display:none;
	width:400px;
	height:490px;
	background:#3A250E;
	font-family:Arial, Helvetica, sans-serif; 

}



.overlayContent {

	padding:0px;

}



.overlayContent span{ 

	font-family:Arial, Helvetica, sans-serif; 
	color:#ccc; 
	font-size:8pt;
	font-weight:bold; 
	display:block; 
	margin:10px 0px 0px 0px; 
	text-align:left;

}



.overlayContent input{ width:173px;} 

.closeLink {

	float:right;

}



.overlayContent .tittle{

	padding:5px;
	margin:0px 0px 0px 0px;
	font-size:19px;
	color:#D6D6D6;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
}


.close{ width:100%; float:left}
.overlayContent span.text{color:#ccc; font-size:8pt;font-weight:bold; text-align:center}