body{
	margin:10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background:#515255 ;
}

.floater{display:block;clear:both; line-height:0px; height:0px; font-size:0px}
.spaw2editor #extra,.spaw2editor #extranav{ padding:0 !important;margin:0 !important}
#main{width: 1100px; min-height:900px; margin:0px auto; position:relative; /*background:#fffheight:692px*/}
#top{ background:#fff url(../images/topbg.gif) repeat-x; height:390px;position:absolute; width:1100px}
	#topleft{ position:absolute; width:258px; height:365px; top:10px; left:18px; border:1px solid #cccdce; background:#fff url(../images/tlbg.gif) repeat-x bottom	}
	#topright{  position:absolute; width:790px; height:365px; top:10px; left:290px; border:1px solid #cccdce; background:#fff url(../images/tlbg.gif) repeat-x bottom}
	.tl{position:absolute; top:-1px; left:-1px; background:url(../images/tl.gif) no-repeat; width:6px; height:6px; line-height:0px; font-size:0px}
	.tr{position:absolute; top:-1px; right:-1px; background:url(../images/tr.gif) no-repeat; width:6px; height:6px; line-height:0px; font-size:0px}
	.br{position:absolute; bottom:-1px; right:-1px; background:url(../images/br.gif) no-repeat; width:6px; height:6px; line-height:0px; font-size:0px}
	.bl{position:absolute; bottom:-1px; left:-1px; background:url(../images/bl.gif) no-repeat; width:6px; height:6px; line-height:0px; font-size:0px}
	*html .bl,*html .br{bottom:-2px;}
	
	#top .tcontent{ margin:8px; background: #f1f1f2 url(../images/tlcontbg.gif) top repeat-x;min-height:198px;}
	#top #topleft .tcontent{padding:15px 15px 0 15px }
	#top #topright .tcontent{padding:0px }
	.clientlogo{ width:160px; height:80px; float:left; overflow:hidden; text-indent:-9000px; background-position:top;margin:10px 20px 20px 10px;}
	.clientlogo:hover{ background-position:bottom}
	
	.admincontent{ position:absolute; right:0; top:0}
	
	.summary{ width:250px !important}
	.summary_shell{width:215px; position:absolute }
	#logo{ background: url(../images/logo_new.gif) top no-repeat; width:156px; height:60px; text-indent:-9999px;}
	
#nav{ background:url(../images/navbg.gif) repeat-x #d8d4ce; height:34px; position:absolute; top:390px; width:1100px }
.tag{background-image:url(../images/navtag.png); background-position:bottom; position:absolute; width:12px; height:0px;left:35px; z-index:1000; }
*html .tag{ display:none !important}

.listtag{background:url(../images/listtag.png) no-repeat; position:absolute; width:0px; height:17px;right:-20px; margin-top:12px; z-index:100; background:url(../images/listtag.png) right}

#footer{background:url(../images/footbg.gif) repeat-x top #d8d4ce; height:50px;position:absolute; bottom:0; width:1100px; }
	#legal{ font-size:11px; padding:12px 20px 0 20px; color:#7c7a77}
	#legal a{color:#7c7a77}
	#footer .right{ font-size:12px}
	
#contentshell{ background:#fff url(../images/shellbg.gif) top repeat-x; min-height:205px;  position:relative; top:424px; width:1100px; padding-bottom:50px}
*html #contentshell{height:220px;}
#contentshell .contentarea{padding:170px 15px 15px 15px}

	#quote{ position:absolute; top:36px; left:60px}
	#col1{ position:absolute; top:36px; left:430px; width:230px; font-size:11px; color:#797978}
	#col2{ position:absolute; top:36px; left:680px; width:230px; font-size:11px; color:#797978}
	#tag{ position:absolute; right:0; bottom:45px; background:url(../images/foottag.gif) top no-repeat; width:146px; height:49px; text-indent:-9999px}
	#extra{ margin:0px 80px 0px 415px;  font-size:11px; color:#797978;}
		#extra .heading h3{ border-bottom: 1px solid #c2c1c2; border-top: 1px solid #c2c1c2; padding:5px 0px; font-size:11px; font-weight:normal}
		#extra .heading .hideextra { float:right; padding-top:10px;}
		#extra .heading .topextra { float:right; padding-top:10px;}
	#extranav{ text-align:right; position:absolute; top:36px; left:60px; width:283px;}
	#extranav ul { float:right; list-style-type:none; margin:0; padding:0;border-top: 1px solid #c2c1c2;}
	#extranav li {border-bottom: 1px solid #c2c1c2; padding:5px 0px 5px 20px;}

h1{text-indent:-9000px; margin:0; position:absolute}
h2{	color:#993399;	font-size:26px; font-weight:normal; margin:0 0 20px 0; line-height:26px; }
h3{	color:#993399;	font-size:20px; font-weight:normal; margin:0 0 10px 0; line-height:24px; }
h4{	color:#000;	font-size:19px; font-weight:normal; margin:0 0 10px 0; line-height:22px;}

.sec1{ background-color:#993399}

/*section 2 - brand*/
.section2 h2{color:#4E358F}
.section2 h3{color:#4E358F}
.section2 a{ color:#4E358F}
.section2 a.button { background:#4E358F; color:#FFFFFF}
.sec2{ background-color:#4E358F}

/* section 3 - direct*/
.section3 h2{color:#CC382D}
.section3 h3{color:#CC382D}
.section3 a{ color:#CC382D}
.section3 a.button { background:#CC382D; color:#FFFFFF}
.sec3{ background-color:#CC382D}

/* section 4 - digital*/
.section4 h2{color:#C8078B}
.section4 h3{color:#C8078B}
.section4 a{ color:#C8078B}
.section4 a.button { background:#C8078B; color:#FFFFFF}
.sec4{ background-color:#C8078B}

/* section 5 - cleints*/
.section5 h2{color:#E38F04}
.section5 h3{color:#E38F04}
.section5 a{ color:#E38F04}
.section5 a.button { background:#E38F04; color:#FFFFFF}
.sec5{ background-color:#E38F04}

/* section 6 - contact*/
.section6 h2{color:#79A73C}
.section6 h3{color:#79A73C}
.section6 a{ color:#79A73C}
.section6 a.button { background:#79A73C; color:#FFFFFF}
.sec6{ background-color:#79A73C}

/* section 7 - blog*/
.sec7{ background-color:#0099CC}

a{ color:#993399;font-weight:normal;text-decoration:none; outline:none}
a:hover{text-decoration:underline;}

.content_sum {border-bottom:1px solid #b8b7b9; padding-bottom:7px; margin:7px 0; font-size:11px; display:block; width:215px}
.content_sum .thumb{float:left; border:1px solid #b8b7b9; margin-right:10px}
.content_sum .text{float:left; line-height:20px}
.content_sum .text .summary{ color:#000000; text-decoration:none}
.content_sum .text .summary br{ position:relative; display:block}
.content_sum .right{position:absolute;right:20px;}


.element_sum{ height:330px; width:774px}
.element_sum .content{padding:28px 0 0 25px; display:block; width:220px;color:#797978;font-size:11px; }
.element_sum .title{}
.element_sum .text{}

#pager{position:absolute; right:0; bottom:0; padding:0 10px 2px 0; margin:0 10px 5px 0;}
#pager a{background:url(../images/pager.png) no-repeat; width:11px; height:11px; overflow:hidden; text-indent:-9999px; margin-left:5px; display:block; float:left }
#pager a.activeSlide{ background:url(../images/pager.png) no-repeat #fff;}

.more{position:absolute; right:0; bottom:0; padding:0 10px 2px 0; margin:0 10px 5px 0; background:url(../images/more.gif) right no-repeat}
.more a{ color:#444343;}

	
#bodycopy {}
#rightcol{float:left; width:310px; margin-left:10px; clear:none;position:relative}
	#rightcol img{ float:right; margin:0 0 10px 10px; border:0}
	#rightextra{position:relative; clear:both; padding-left:10px}
	
#leftcol{float:left; width:590px;position:relative}
*html #leftcol{ position:fixed}
	

#gallery{ padding:20px 0 0 0px}
	#gallery img{border:none; margin:0 5px 5px 0; height:170px; width:170px}
	.gallery .scroll-pane{height:200px; }


.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');

}



.formelement{
	border-left:1px #d4d4d4 solid;
	border-right:1px #d4d4d4 solid;
	border-bottom:1px #f1f1f1 solid;
	border-top:1px #aaaaaa solid;
	
	background:url(../images/formbg.gif) repeat-x top #FFFFFF;
	font-size: 11px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	width:280px
}
.button{color:#fff;font-size:11px;font-weight:bold;border:solid 1px #000; background:url(../images/bg/head1.gif) repeat-x bottom #993399;text-align:center;padding:1px 5px 2px 5px; z-index:0}
a.button:hover{color:#fff; background:#993399}

.submitbutton{ color:#fff;font-size:11px;font-weight:bold; background: url(../images/submitbg.gif);text-align:center;padding-top:0px; border:none; z-index:0; width:80px; height:21px; text-align:center}
.submitbutton:hover{color:#fff; background: url(../images/submitbg_on.gif); border:none}

.warning{font-weight:bold; color:#CC0000;}
.hidden{display:none;}

sup{ font-size:70%}
.sml{ font-size:11px}

.pics{ width:136px; height:158px;}

.left{ float:left}
.right{ float:right	}

.light{ color:#70b478; font-weight:bold}

.notice{ padding:10px; border:1px solid #267735; background:#e8f0d4}

hr{border-bottom:1px dotted #277536; height:1px; color:#fff; background-color:#fff;border-left:none; border-right:none; border-top:none; clear:left; margin:22px 0}

th{color:#cece00; font-weight:bold; text-align:left}

a.foot2{font-weight:normal;	color:#999;}
a.foot2:hover{text-decoration:underline;}

.cmsform{ margin:0 13px 13px 0}
.cmsform div{ margin:20px 0 0 0; border:1px solid #ccc; padding:0 5px 5px 5px; position:relative}
.cmsform div h3{ position:absolute; float:left; top:-10px; padding:0px 10px; background:#fff; font-size:12px; margin:0px; color:#000; font-weight:bold;  line-height:18px;}

.cms_buttons{ position:absolute; right:0px; top:5px; width:170px; z-index:100000}
.cms_buttons span{display:block; position:absolute;background:url(../images/shadow.png) bottom right; padding:0 10px 10px 0}
.cms_buttons a{ color:#FFFFFF; font-size:10px}

.imgleft{
	float:left;
	margin:0 10px 10px 0;
}
.imgleft img, .imgright img{
	border:0px solid #ccc;
}
.imgright{
	float:right;
	margin:0 0 10px 10px;
}