@charset "utf-8";
/* CSS Document */

/* -----------------------------
	-: Basic Structure :-
----------------------------- */

body {
background: #515151;
font-family: Arial, Helvetica, sans-serif;
}

#shade {
width: 907px;
margin: 0 auto;
background: url(../images/main_bg.png) repeat-y;
}

#wrapper {
width: 873px;
margin: 0 auto;
}


/* -----------------------------
	-: General Classes :-
----------------------------- */
.clear {
clear: both;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

img{
	border:none;
}

/* -----------------------------
	-: Header :-
----------------------------- */


#header {
height: 118px;
background: url(../images/logo.png) no-repeat;
position: relative;
left:-6px;
}

#header h1 {
width: 94px;
height: 107px;
position: absolute;
top: 0;
left: 5px;
}

#header h1 a {
width: 100%;
height: 100%;
display: block;
text-indent: -9999px;
overflow: hidden;
}

/* |_ Navigation Bar _| */

#navmainbg {
width: 570px;
height: 43px;
background: url(../images/nav_main_bg.png) no-repeat;
position: absolute;
top: 13px;
left: 115px;
}
 
#nav {
width: 450px;
height: 35px;
position: relative;
background: url(../images/nav_bg.jpg) no-repeat;
}


#nav li {
float: left;
list-style: none;
display: inline;
}

#nav li a {
color: #FFF;
font-size: 14px;
font-weight: bold;
position: absolute;
top: 0;
margin: 0;
padding: 0;
background: url(../images/nav_bg.jpg) no-repeat;
height: 35px;
display: block;
overflow: hidden;
text-indent: -9999px;
}

#nav li#nav_ideas  a { 
left: 27px;
width: 62px;
background-position: -27px 0;
}

#nav li#nav_case_studies  a { 
left: 105px;
width: 121px;
background-position: -105px 0;
}

#nav li#nav_specialties  a { 
left: 239px;
width: 85px;
background-position: -239px 0;
}

#nav li#nav_our_blog  a { 
left: 336px;
width: 100px;
background-position: -336px 0;
}

#nav li#nav_contact  a { 
left: 433px;
width: 110px;
background-position: -433px 0;
}

/* Menu Hover  */
#nav li#nav_ideas a:hover, #nav li#nav_ideas  #ideas_active {
background-position: -27px -35px;
}

#nav li#nav_case_studies a:hover, #nav li#nav_case_studies #cstudies_active {
background-position: -105px -35px;
}

#nav li#nav_specialties a:hover, #nav li#nav_specialties #specialties_active {
background-position: -239px -35px;
}

#nav li#nav_our_blog a:hover, #nav li#nav_blog #blog_active {
background-position: -336px -35px;
}

#nav li#nav_contact a:hover, #nav li#nav_contact #contact_active {
background-position: -433px -35px;
}


/*menu*/
#jsddm
{	margin: 0;
	padding: 0;
	width: 800px;
	height: 35px;
	position: relative;
	background: url(../images/nav_bg.jpg) no-repeat;}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	
		background-image:url(../images/nav_bg.jpg);
		color: #FFF;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}

		/*dropdown position*/
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			top:35px;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline
				position:absolute;
			}
			
			/*dropdown*/
			#jsddm li ul li a
			{	width: auto;
				background: #666257;
				color: #666257}
			
			#jsddm li ul li a:hover
			{	background: #666257}
	#jsddm li#nav_ideas a{
		background-position:-27px 0;
		left:27px;
		width:62px;
	}
	#jsddm li#nav_ideas a:hover{
		background-position: -27px -35px;
	}
	#jsddm li#case_studies a{
		left: 105px;
		width: 121px;
		background-position: -105px 0;
	}
	#jsddm li#case_studies a:hover, #jsddm li#case_studies #cstudies_active{
		background-position: -105px -35px;
	}
	#jsddm li#nav_specialties  a { 
		left: 239px;
		width: 90px;
		background-position: -239px 0;
	}
	#jsddm li#nav_our_blog  a { 
		left: 336px;
		width: 100px;
		background-position: -336px 0;
	}
	#jsddm li#nav_our_blog  a:hover{ 
		background-position: -336px -35px;
	}
	#jsddm li#nav_contact  a { 
		left: 433px;
		width: 110px;
		background-position: -433px 0;
	}
	#jsddm li#nav_contact  a:hover { 
		background-position: -433px -35px;
	}
	
	#jsddm li ul li#nav_realtors, #jsddm li ul li#nav_realtors a{
		background-image:url(../images/realtors.jpg);
		position:relative;
		height: 29px;
		width: 100%;
	}
	#jsddm li ul li#nav_realtors a:hover{
		background-image:url(../images/realtors_hover.jpg);
		height: 29px;
		width: 100%;
	}
	#jsddm li ul li#nav_creatives, #jsddm li ul li#nav_creatives a{
		background-image:url(../images/creatives.jpg);
		position:relative;
		height: 19px;
		width: 100%;
	}
	#jsddm li ul li#nav_creatives a:hover{
		background-image:url(../images/creatives_hover.jpg);
		height: 19px;
		width: 100%;
	}
	#jsddm li ul li#nav_doctors, #jsddm li ul li#nav_doctors a{
		background-image:url(../images/doctors.jpg);
		height: 20px;
		width: 100%;
	}
	#jsddm li ul li#nav_doctors a:hover{
		background-image:url(../images/doctors_hover.jpg);
		height: 20px;
		width: 100%;
	}
	#jsddm li ul li#nav_lawyers, #jsddm li ul li#nav_lawyers a{
		background-image:url(../images/lawyers.jpg);
		height: 20px;
		width: 100%;;
	}
	#jsddm li ul li#nav_lawyers a:hover{
		background-image:url(../images/lawyers_hover.jpg);
		height: 20px;
		width: 100%;
	}
	#jsddm li ul li#nav_non-profits, #jsddm li ul li#nav_non-profits a{
		background-image:url(../images/non-profits.jpg);
		width: 100%;;
		height: 20px;
	}
	#jsddm li ul li#nav_non-profits a:hover{
		background-image:url(../images/non-profits_hover.jpg);
		width: 100%;
		height: 20px;
	}
	#dropdown{

		width:118px;
		height: 147px;
	}
/* Menu Active Class  */

/* -----------------------------
	-: Home Page :-
----------------------------- */


#home-content {
width: 665px;
margin: 0 0 0 0px;
float: left;
}

#marketing-text-home {
width: 757px;
height: 30px;
position: absolute;
bottom: 11px;
left: 121px;
text-indent: -9999px;
display: block;
background: url(../images/marketing-and-design-solutions.gif) no-repeat;
}

.sliderBox  {
width: 665px;
height: 325px;
position: relative;
}

.services-box {
width: 665px;
padding: 0 0 0 0;
margin: 17px 0 0px 0;
}

.services-box a {
padding: 2px 0 12px 0;
}

.services-bullet {
float: left;
margin: 0 30px 0 10px;
}

a.service-online {
background: url(../images/service-online-position.gif) no-repeat;
width: 291px;
height: 20px;
display: block;
float: left;


}

a.service-online:hover {
background: url(../images/service-online-position-on.gif) no-repeat; 

}

a.web-dev {
background: url(../images/service-website-develop.gif) no-repeat;
width: 334px;
height: 20px;
display: block;
float: left;
}

a.web-dev:hover {
background: url(../images/service-website-develop-on.gif) no-repeat;
}

a.service-graphic-design {
background: url(../images/service-graphic-design.gif) no-repeat;
width: 237px;
height: 20px;
display: block;
float: left;
}

a.service-graphic-design:hover {
background: url(../images/service-graphic-design-on.gif) no-repeat;
}

a.service-media-marketing {
background: url(../images/service-media-marketing.gif) no-repeat;
width: 379px;
height: 20px;
display: block;
float: left;
}

a.service-media-marketing:hover {
background: url(../images/service-media-marketing-on.gif) no-repeat;
}

a.service-strategic-planning {
background: url(../images/service-strategic-planning.gif) no-repeat;
width: 310px;
height: 20px;
display: block;
float: left;
}

a.service-strategic-planning:hover {
background: url(../images/service-strategic-planning-on.gif) no-repeat;
}

a.service-brand-consistency {
background: url(../images/service-brand-consistency.gif) no-repeat;
width: 304px;
height: 20px;
display: block;
float: left;
}

a.service-brand-consistency:hover {
background: url(../images/service-brand-consistency-on.gif) no-repeat;
}

a.service-blog-hyping {
background: url(../images/service-blog-hyping.gif) no-repeat;
width: 190px;
height: 20px;
display: block;
float: left;
}

a.service-blog-hyping:hover {
background: url(../images/service-blog-hyping-on.gif) no-repeat;
}

a.service-search-engine-optimi {
background: url(../images/service-search-engine-optimi.gif) no-repeat;
width: 435px;
height: 20px;
display: block;
float: left;
}

a.service-search-engine-optimi:hover {
background: url(../images/service-search-engine-optimi-on.gif) no-repeat;
}

a.service-search-engine-optimi1 {
background: url(../images/service-seo.gif) no-repeat;
width: 69px;
height: 21px;
display: block;
float: left;
}

a.service-search-engine-optimi1:hover {
background: url(../images/service-seo-on.gif) no-repeat;
}

a.service-print-advertising {
background: url(../images/service-print-advertising.gif) no-repeat;
width: 265px;
height: 20px;
display: block;
float: left;
}

a.service-print-advertising:hover {
background: url(../images/service-print-advertising-on.gif) no-repeat;
}

a.service-logo-development {
background: url(../images/service-logo-development.gif) no-repeat;
width: 276px;
height: 20px;
display: block;
float: left;
}

a.service-logo-development:hover {
background: url(../images/service-logo-development-on.gif) no-repeat;
}

a.service-email-newsletter {
background: url(../images/service-email-newsletter.gif) no-repeat;
width: 285px;
height: 20px;
display: block;
float: left;
}

a.service-email-newsletter:hover {
background: url(../images/service-email-newsletter-on.gif) no-repeat;
}

a.service-direct-mail {
background: url(../images/service-direct-mail.gif) no-repeat;
width: 186px;
height: 20px;
display: block;
float: left;
}

a.service-direct-mail:hover {
background: url(../images/service-direct-mail-on.gif) no-repeat;
}

a.service-viral-marketing {
background: url(../images/service-viral-marketing.gif) no-repeat;
width: 81px;
height: 20px;
display: block;
float: left;
}

a.service-viral-marketing:hover {
background: url(../images/service-viral-marketing-on.gif) no-repeat;
}

a.service-viral-marketing1 {
background: url(../images/service-viral-marketing1.gif) no-repeat;
width: 157px;
height: 20px;
display: block;
float: left;
}

a.service-viral-marketing1:hover {
background: url(../images/service-viral-marketing1-on.gif) no-repeat;
}

a.service-new-media-adver {
background: url(../images/service-new-media-adver.gif) no-repeat;
width: 471px;
height: 20px;
display: block;
float: left;
}

a.service-new-media-adver:hover {
background: url(../images/service-new-media-adver-on.gif) no-repeat;
}

a.service-new-media-adver1 {
background: url(../images/service-new-media-adver1.gif) no-repeat;
width: 179px;
height: 20px;
display: block;
float: left;
}

a.service-new-media-adver1:hover {
background: url(../images/service-new-media-adver1-on.gif) no-repeat;
}

a.service-non-traditional {
background: url(../images/service-non-traditional.gif) no-repeat;
width: 419px;
height: 20px;
display: block;
float: left;
}

a.service-non-traditional:hover {
background: url(../images/service-non-traditional-on.gif) no-repeat;
}

a.service-retention-strategies {
background: url(../images/service-retention-strategies.gif) no-repeat;
width: 505px;
height: 20px;
display: block;
float: left;
}

a.service-retention-strategies:hover {
background: url(../images/service-retention-strategies-on.gif) no-repeat;
}

a.service-web-2 {
background: url(../images/service-web-2.0.gif) no-repeat;
width: 115px;
height: 20px;
display: block;
float: left;
}

a.service-web-2:hover {
background: url(../images/service-web-2.0-on.gif) no-repeat;
}
/*----*/

#shade_bottom {
width: 907px;
height: 19px;
background: url(../images/botm_bg.png) no-repeat;
margin: 0 auto;
}

#footer {
background: #ccc;
height: 25px;
}

#footer p{
margin:0px;
padding:5px 0 0 10px;
font-size:16px;
color:#635e5e;
font-weight:bold;
text-transform: uppercase;
}

.text_space{
margin:0px;
padding:5px 10px 0 0;
letter-spacing:4px;
font-weight:bold;
font-size:16px;
color:#fff;
}

.copyright{
margin:0px;
padding:5px 16px 0 0;
float:right;
color:#e1dddd;
font-size:10px;
}

#fvoice-media-title {
width: 757px;
height: 96px;
position: absolute;
bottom: -34px;
left: 121px;
text-indent: -9999px;
display: block;
background: url(../images/full-voice-media-title.gif) no-repeat;
/*z-index: 10;*/
}

#fvoice_case_sutdies {
width: 757px;
height: 49px;
position: absolute;
bottom: 12px;
left: 121px;
text-indent: -9999px;
display: block;
background: url(../images/case-studies-title.gif) no-repeat;
/*z-index: 10;*/
}


#content_left h3{
	margin:0px;
	padding:180px 0 0 6px;
	color:#cc2229;
	font-size:11px;
	font-weight:bold;
}

#content_left p{
	margin:0px;
	padding:10px 5px 0 6px;
	color:#413c33;
	line-height:12px;
	font-size:10px;
}

/* -----------------------------
	-: Sub Page :-
----------------------------- */
.font_color_635e5e {
	color: #635e5e;
}

.font_color_red {
	color: #ed1c24;
}

.font_color_green {
	color: #009900;
}

a.link26c6b6b {
	color: #6c6b6b;
	text-decoration: underline;
}

#content {

width: 873px;
height: 700px;
}

#content-realtors{
	background-image:url(../images/realtors.png);
	background-repeat:no-repeat;
	height:696px;
	width:892px;
	position:relative;
	top:58px;
	left:6px;

}

#content_left {
width: 114px;
height: 700px;
float: left;
position: relative;
}

#left_tabs_links {
width: 100px;
margin: 0 0 0 13px;
border: 1px solid #bfbfbf;
border-right: none;
}

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

#left_tabs_links li {
background: url(../images/bullet-red.png) no-repeat 5px 12px;
padding: 0;
}

#left_tabs_links li a {
color: #413c33;
font-size: 10px;
font-family: Helvetica, sans-serif, Arial;
text-decoration: none;
display: block;
padding: 6px 0 6px 15px;
font-weight: bold;
text-transform: capitalize;
}

/* IE6 Hack*/

/*\*/
* html #left_tabs_links li a {
width: 85px;
}
/**/

#left_tabs_links #green a.selected {
background: #cccccc url(../images/bullet-red.png) no-repeat 5px 12px;
}

#left_tabs_links #orange a.selected {
background: #f8941d url(../images/bullet-red.png) no-repeat 5px 12px;
}

#left_tabs_links #rose a.selected {
background: #f26d7d url(../images/bullet-red.png) no-repeat 5px 12px;
}

#left_tabs_links #purple a.selected {
background: #a186be url(../images/bullet-red.png) no-repeat 5px 12px;
}

#left_tabs_links #tan a.selected {
background: #c6741f url(../images/bullet-red.png) no-repeat 5px 12px;
}

#content_right {
width: 759px;
float: right;
}

#content_right_txt {
width: 729px;
padding: 35px 30px 0 0;
}

#content_right_txt h1 {
color: #050505;
font-family: Helvetica, sans-serif, Arial;
font-size: 18px;
margin: 0 0 5px 0;
letter-spacing: -0.05em;
}

#content_right_txt p {
color: #8e8d8c;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-weight: bold;
text-align: justify;
}

/*Tabs*/

#tabs_box {
width: 748px;
border: 1px solid #c9c9c9;
border-right: none;
margin: 15px 0 0 0;
padding: 10px 0 0 10px;
}

.tabcontent{
display:none;
width: 741px;
height: 425px;
overflow: auto;
padding: 5px 10px 10px 5px;
}

.tabcontent_img {
width: px;
height: px;
}

.tabcontent h3 {
font-size: 12px;
font-weight: bold;
margin: 0 0 6px 0;
background: url(../images/bullet-red.gif) no-repeat left;
padding: 0 0 0 10px;
text-transform: uppercase;
}

.tabcontent .tabcontent_left_box {
width: 350px;
float: left;
}

.tabcontent .tabcontent_right_box {
width: 355px;
float: right;
margin: 18px 0 0 0;
}

.red_bottom_border {
	border-top: 1px solid #ed1c24;
	margin: 15px 0 15px 0;
}

.social_list ul {
margin: 0;
padding: 0;
}

.social_list li {
color: #8e8d8c;
font-size: 12px;
text-align: justify;
margin: 0px 0 0 5px;
font-weight: bold;
line-height: 20px;
}

p.maintext {
margin: 0 0 0 0;
font-size: 12px;
letter-spacing: inherit;
color: #8e8d8c;
line-height: 20px;
font-weight: bold;
text-align: justify;
}

p.orangecolor {
color: #e77f18;
}

.principle_list {
	margin: 0;
}

.principle_list ul {
	padding: 0 0 0 0px;
	list-style: none;
}

.principle_list li {
	color: #d94808;
	margin: 6px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	line-height: 20px;
}

.social_marketing {
	width: auto;
}

.social_marketing ul {
	margin: 0 0 14px 0;
}

.social_marketing li {
	color: #000000c;
	font-size: 12px;
	margin: 0px 0 0 17px;
	font-weight: bold;
	line-height: 26px;
}

.social_marketing li li {
	color: #8e8d8c;
	font-size: 12px;
	margin: 0px 0 0 17px;
	font-weight: bold;
	line-height: 26px;
}

#contact-title {
width: 757px;
height: 49px;
position: absolute;
bottom: 11px;
left: 121px;
text-indent: -9999px;
display: block;
background: url(../images/contact-title.gif) no-repeat;
/*z-index: 10;*/
}

#contact-box {
width: 740px;
height: 650px;
position: relative;
}

#contact-img-change {
	position: absolute;
	width: 497px;
	height: 576px;
	top: 74px;
	left: 223px;
}

#top_address {
width: auto;
height: 55px;
margin: 0 0 0 238px;
font: bold 14px Helvetica, sans-serif, Arial;
color: #A1A1A1;
}

#alec_address {
width: 230px;
float: left;
text-align: right;
padding: 0 30px 0 0;
margin: 0 0 0 0;
border-right: 1px solid #a9a7a7;
}

#mark_address {
width: 200px;
float: left;
padding: 0 0 0 30px;
}

#studio_address {
width: 720px;
font: 14px Helvetica, sans-serif, Arial;
color: #A1A1A1;
line-height: 16px;
}

#wecanhelp {
	width: 440px;
	color: #6b6a6a;
	font: bold 15px Arial, Helvetica, sans-serif;
	position: absolute;
	top: 525px;
	left: 12px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

#contact_form {
width: 240px;
margin: 170px 0 0 0;
position: relative;
}

#contact_form #ajax_loader {
	position: absolute;
	top: 62px;
	left: 79px;
	z-index: 10;
	font-size: 11px;
	line-height: 22px;
}

#contact_form p {
font: 13px Helvetica, sans-serif, Arial;
color: #A1A1A1;
font-weight: bold;
padding: 0 0 5px 0;
width: 200px;
}

#contact_form .input_box {
width: 190px;
padding: 2px 0 2px 2px;
border: 1px solid #cfcccc;
margin: 0 0 10px 0;
font: 14px Helvetica, sans-serif, Arial;
color: #A1A1A1;
}

#contact_form textarea {
width: 190px;
height: 60px;
padding: 2px 0 2px 2px;
font: 14px Helvetica, sans-serif, Arial;
color: #A1A1A1;
border-top: 2px solid #c2bfbf;
border-bottom: 2px solid #c2bfbf;
border-left: 1px solid #cfcccc;
border-right: 1px solid #cfcccc;
float: left;
}

#contact_form .input_img {
float: left;
margin: 24px 0 0 4px;
}

#stay_connectd {
width: 104px;
font: 12px Arial, Helvetica, sans-serif;
position: absolute;
bottom: 10px;
padding: 0 0 0 10px;
}

#stay_connectd .share_icon {
width: 24px;
height: 24px;
float: left;
margin: 7px 7px 0 0;
}
#coming_soon{
	background-image:url(../images/coming_soon.jpg);
	position:relative;
	top:100px;
	left:200px;
}
#realtors{
	position:relative;
	top:-66px;
	left:-112px;
	float:left;
}
#nav li ul{
	float: none;
	display: inline
}
	
#nav li ul a{
	width: auto;
	background: #A9C251;
	color: #24313C
}		
#nav li ul a:hover{
	background: #8EA344
}