@import url("gallery.css");
@import url("footer.css");

body {
	background:#fff url(../images/bg-header.png) repeat-x;
	min-width:994px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
a {
	text-decoration:none;
	color:#862c73;
}
a:hover {text-decoration:underline;}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
.line {
	width: 95%;
	height: 5px;
	display: block;
	border-bottom: solid 1px #ddd;
	margin-bottom: 10px;
}
.clr {
	clear: both;
}

#wrapper {
	width:100%;
	position:relative;
}

strong, b {
	font-weight: bold;
}
/* ---------------------------------------------------------------------------- */
/* HEADER */
/* ---------------------------------------------------------------------------- */
.logo {
	float:left;
	background: url(../images/logo.png) no-repeat;
	width:172px;
	height:72px;
	text-indent:-9999px;
	margin: 8px 0 0 18px;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	overflow: hidden;
}
.header {
	width:980px;
	height:89px;
	margin:0 auto;
	position:relative;
	z-index:100;
	overflow: hidden;
}
#header .phone {
	position: absolute;
	top: 0;
	right: 0;
	height: 89px;
	display: block;
}
#header .phone span {
	background:url(../images/phone.png) no-repeat;
	text-indent: -99999px;
	width: 136px;
	height: 89px;
	display: block;
}
/* ---------------------------------------------------------------------------- */
/* NAVIGATION */
/* ---------------------------------------------------------------------------- */
#header .navigation {
	position: absolute;
	top: 0;
	right: 136px;
	height: 89px;
	display: block;
	overflow: hidden;
}

#nav {
	padding:0;
	margin:0;
	list-style:none;
	display:table;
	height: 89px;
	overflow: hidden;
}
#nav li {
	float:left;
	height: 89px;
}
#nav li a {
	height: 89px;
	display: block;
	font-size: .01em;
	text-indent: -9999px;
	padding: 0;
	background: url(../images/nav.png) no-repeat;
}

#nav li.nav-about a {
	width: 78px;
	background-position: 0 0;
}
#nav li.nav-about a:hover, #nav li.nav-about.here a {
	background-position: 0 -89px;
}
#nav li.nav-work a {
	width: 78px;
	background-position: -78px 0;
}
#nav li.nav-work a:hover, #nav li.nav-work.here a {
	background-position: -78px -89px;
}
#nav li.nav-services a {
	width: 96px;
	background-position: -156px 0;
}
#nav li.nav-services a:hover, #nav li.nav-services.here a {
	background-position: -156px -89px;
}
#nav li.nav-notebook a {
	width: 109px;
	background-position: -252px 0;
}
#nav li.nav-notebook a:hover, #nav li.nav-notebook.here a {
	background-position: -252px -89px;
}
#nav li.nav-contact a {
	width: 96px;
	background-position: -361px 0;
}
#nav li.nav-contact a:hover, #nav li.nav-contact.here a {
	background-position: -361px -89px;
}
#nav li.nav-quote a {
	width: 143px;
	background-position: -460px 0;
}
#nav li.nav-quote a:hover, #nav li.nav-quote.here a {
	background-position: -460px -89px;
}


/* ---------------------------------------------------------------------------- */
/* MAIN AREA */
/* ---------------------------------------------------------------------------- */

#main-banner {
	position: relative;
	width: 100%;
	height: 414px;
	padding: 112px 0 0 0;
	background: url(../images/bg-main-banner1.jpg) center 112px no-repeat;
	margin: 0 auto;
	z-index: 10;
}

#main {
	width:980px;
	overflow:hidden;
	position:relative;
	z-index:10;
	padding: 0; /* 112px 0 0; */
	margin: 0 auto;
	line-height: 20px;
	clear: both;
}

/* ---------------------------------------------------------------------------- */
/* HOME PAGE BOXES */
/* ---------------------------------------------------------------------------- */
.main-box {
	width:980px;
	overflow:hidden;
	margin:6px 0 0;
	clear: both;
}

.main-box .box-titles {
	clear: both;
	display: block;
	width: 100%;
	padding-bottom: 27px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 10px;
	
}
.main-box .box-titles h3 {
	font-size:15px;
	text-transform: uppercase;
	color:#333;
	margin:0;
}

.main-box .box-titles ul li {
	float: left;
}
.main-box .box-titles ul li.services {
	width: 240px;
	margin-left: 15px;
}
.main-box .box-titles ul li.recognition {
	width: 409px;
}
.main-box .box-titles ul li.work-w-us {
	width: 306px;
}

.main-box .services-box {
	float: left;
	display: block;
	width: 240px;
	margin-top: 3px;
	margin-left: 15px;
}
.main-box .recognition-box {
	float: left;
	display: block;
	width: 409px;
	margin-top: 7px;
}
.main-box .work-w-us-box {
	float: left;
	display: block;
	width: 306px;
	margin-top: 7px;
}

.main-box .work-w-us-box p.link {
	margin-top: 20px;
}
.main-box .services-box ul, .portfolio-holder ul {
	padding:0;
	margin:0;
	list-style:none;
}
.main-box .services-box ul li, .portfolio-holder .col1 ul li {
	padding:0 4px 4px 13px;
	overflow:hidden;
	margin:0;
	background: url(../images/bulletpt.png) no-repeat 0 5px;
	display: block;
}
.main-box .services-box ul li a, .portfolio-holder .col1 ul li a  {
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#666;
}

.main-box .recognition-box ul li {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.main-box .recognition-box ul li a {
	display: block;
	text-indent: -9999px;
}

.main-box .recognition-box .web-award {
	background: url(../images/awards/webaward-small.png) no-repeat;
	width: 69px;
	height: 58px;
}
.main-box .recognition-box .ima-award {
	background: url(../images/awards/ima-small.png) no-repeat;
	width: 86px;
	height: 58px;
}
.main-box .recognition-box .w3-award {
	background: url(../images/awards/w3-small.png)  no-repeat;
	width: 58px;
	height: 58px;
}
.main-box .recognition-box .davey-award {
	background: url(../images/awards/davey-small.png)  no-repeat;
	width: 84px;
	height: 58px;
}
.main-box .recognition-box .sia-award {
	background: url(../images/awards/summit-small.png)  no-repeat;
	width: 125px;
	height: 36px;
}
.main-box .recognition-box .horizon-award {
	background: url(../images/awards/horizon-small.png)  no-repeat;
	width: 100px;
	height: 36px;
}
.main-box .recognition-box .communicator-award {
	background: url(../images/awards/communicator-small.png) no-repeat;
	width: 90px;
	height: 36px;
}

/* ---------------------------------------------------------------------------- */
/* BUTTONS */
/* ---------------------------------------------------------------------------- */
.btn-holder {
	height: 21px;
	display: block;
	overflow: hidden;
}
.btn-holder a {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 20px 0 10px;
	background: #862c73 url(../images/btn-small-point.png) top right no-repeat;
	display: block;
	height: 21px;
}
.btn-holder a:hover {
	text-decoration: none;
	background: #a90a87 url(../images/btn-small-point.png) bottom right no-repeat;
}
.btn-holder a.planner {
	width: 170px;
}
.btn-holder a.get {
	width: 80px;
}

.launch-proposal-planner {
	overflow: hidden;
	background: url(../images/btn-request-a-quote.png) no-repeat;
	display: block;
	width: 148px;
	height:29px;
	cursor:pointer;
	border:none;
	text-indent: -99999px;
	font-size: .1em;
	color: #fff;
}
.launch-proposal-planner:hover {
	background-position: 0 -29px;
}
/* ---------------------------------------------------------------------------- */
/* INSIDE PAGES */
/* ---------------------------------------------------------------------------- */

* html #content .title {
	height:35px;
	overflow:visible;
}
#content .title h1 {
	font-size:30px;
	font-weight:bold;
	color:#fff;
	margin:0;
	text-transform: uppercase;
}

#content {
	padding: 112px 0 0 25px;
}
#content p {
	line-height: 22px;
	padding-bottom: 12px;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
	text-transform: uppercase;
	color: #333;
	padding-bottom: 10px;
}
#content h1 {
	font-size: 48px;
}
#content h2 {
	font-size: 36px;
}
#content h3 {
	font-size: 24px;
}
#content h4 {
	font-size: 15px;
}
#content h5 {
	font-size: 12px;
}
#content b {
	color: #862c73;
	font-weight: bold;
}
#content .news-item a {
	color: #666;
}
#content .news-item a p:hover {
	text-decoration: underline;
}
#content .left-side {
	float: left;
	display: block;
	width: 630px;
	padding-right: 25px;
	padding-top: 15px;
}
#content .right-side {
	float: right;
	display: block;
	width: 250px;
	padding-top: 15px;
}

.main ol, .main ul {
	margin: 5px 0 0 20px;
}
.main ol li {
	list-style: decimal;
	padding: 4px 0 6px 5px;
}
.main ul li {
	list-style: url(../images/bulletpt.png);
	padding: 4px 0 6px 5px;
}
.main ul li ul li, #content ol li ul li {
	padding: 3px 0 3px 5px;
}
/* ---------------------------------------------------------------------------- */
/* TITLE BAR */
/* ---------------------------------------------------------------------------- */

#title-bar {
	clear: both;
	display: block;
	width: 955px;
	padding: 0 0 27px 0;
	border-bottom: solid 1px #ddd;
	margin-bottom: 15px;
	position: relative;
	min-height: 55px;
}

#title-bar .holder {
text-transform: uppercase;
		position: absolute;
		bottom: 20px;
		left: 0;
}
#title-bar h2 {
	/* padding-top: 15px; */
	font-size: 30px;
	color: #862c73;
	float: left;
	margin-bottom: 15px;
}
#title-bar #page-nav {
	position: absolute;
	/* bottom: 4px; */
	top: 57px;
	right: 25px;
}
#title-bar #page-nav li {
	float: left;
	padding-left: 22px;
}
#title-bar #page-nav li a {
	text-transform: uppercase;
	color: #acacac;
	font-size: 12px;
	padding-bottom: 5px;
}
#title-bar #page-nav li a:hover, #title-bar #page-nav li.here a {
	border-bottom: solid 2px #862c73;
	text-decoration: none;
	color: #333;
}

/* ---------------------------------------------------------------------------- */
/* TITLE BAR - PROJECT DETAIL PAGE */
/* ---------------------------------------------------------------------------- */
#title-bar .page-nav a span {
	text-transform: uppercase;
	color: #acacac;
	font-size: 12px;
	float: right;
	display: block;
	clear: both;
	padding-right: 15px;
}
#title-bar .back {
	position: absolute;
	top: 0px;
	left: 0px;
}
#title-bar .back a {
	text-transform: uppercase;
	color: #acacac;
	font-size: 13px;
}
#title-bar .back a:hover {
	text-decoration: none;
	color: #333;
}

#title-bar .previous-next {
	float: left;
}
.previous-next li {
	list-style: none;
	float: left;
	padding-top: 2px;
}
#title-bar .previous-next a.previous, #title-bar .previous-next a.next {
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -99999px;
	margin-left: 15px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/arrow-left.png) no-repeat;
	background-position: 0 -23px;
}
#title-bar .previous-next a.next {
	background: url(../images/arrow-right.png) no-repeat;
	background-position: 0 -23px;
}
#title-bar .previous-next a:hover {
	background-position: 0 0;
}

#title-bar .page-nav a.expand {
	text-transform: uppercase;
	color: #acacac;
	font-size: 12px;
	/* float: right; */
	display: block;
	/* clear: both; */
	padding-right: 15px;
	cursor: pointer;
	background: url(../images/arrow-down.png) right no-repeat;
	position: absolute;
	top: 58px;
	right: 15px;
}
#title-bar .page-nav a.expand:hover {
	color: #333;
	cursor:pointer;
	text-decoration: none;
	background: url(../images/arrow-down1.png) right no-repeat;
}


/* ---------------------------------------------------------------------------- */
/* ABOUT PAGE */
/* ---------------------------------------------------------------------------- */
#big-headline {
	padding-bottom: 0px;
	margin: 20px 0 20px;
}
#big-headline h3{
	font-size: 43px;
	color: #acacac;
	line-height: 54px;
	margin: 0;
	padding: 0;
}	
#big-headline h4{
	font-size: 25px;
	color: #acacac;
	line-height: 35px;
	margin: 0;
	padding: 0;
}	
#big-headline h1{
	font-size: 150px;
	color: #092949;
	padding-bottom: 0;
	letter-spacing: -14px;
	text-transform: none;
}
#big-headline h5 {
	text-transform: none;
	font-size: 16px;
	color: #acacac;
}
#big-headline .color {
	color: #862c73;
}
.philosophy {
	clear: both;
	display: block;

}
/* #content .philosophy p {
	padding-bottom: 15px;
	width: 585px;
} */
.philosophy .imgfloat {
	float: right;
}
.history {

}
#content .history h4 {
	margin-top: -16px;
}
.bulleted_list li, .reg_list li {
	padding:0 0 4px 13px;
	float: left;
	margin:4px 0 0;
	width: 280px;
	background: url(../images/bulletpt.png) no-repeat 0 5px;
}
.reg_list li {
	float: none;
	width: auto;
	line-height: 24px;
}
/* ---------------------------------------------------------------------------- */
/* PROCESS */
/* ---------------------------------------------------------------------------- */
#process-headline {
	width: 100%;
	display: block;
	background: url(../images/process-header.jpg) no-repeat;
	height: 166px;
	border-bottom: solid 1px #ddd;
	position: relative;
	clear: both;
	margin-top: -15px;
	margin-bottom: 15px;
}
.step {
	position: relative;
	clear: both;
	padding: 0;
	float: left;
	width: 100%;
	min-height: 220px;
	display: block;
	margin: 2px 0;
	border-bottom: solid 1px #ddd;
	background: #f1f1f1;
}
.step .step-image {
	width: 330px;
	height: 220px;
	float: left;
}
#content .step .step-txt {
	float: left;
	width: 390px;
	padding: 10px 20px 0 25px;
	min-height: 220px;
	height: 100%;
	background: #fff;
}
#content .step .step-txt p {
	padding-bottom: 6px;
}
.step .step-list {
	padding: 10px 15px 30px 15px;
	margin: 0;
	font-size: 12px;
	float: right;
	width: 160px;
	height: 100%;
}

#content .step .step-list h5 {
	padding: 0;
	margin: 0;
}
#content .step h2 {
	font-size: 136px;
	color: #dedede;
	padding: 0;
	margin: 0;
	width: 95px;
}
/* ---------------------------------------------------------------------------- */
/* SIDE ITEMS */
/* ---------------------------------------------------------------------------- */

.working-with-us {
	padding: 0 0 25px;
	border-bottom: solid 1px #ddd;
}
.working-with-us p {
	padding: 0;
	margin: 0;
}
/* ---------------------------------------------------------------------------- */
/* WORK */
/* ---------------------------------------------------------------------------- */


.featured-work,.work-top, .awards, .services_list, .work-side {
	width: 100%;
	display: block;
	clear: both;
	border-bottom: solid 1px #ddd;
	padding: 10px 0 5px 0;
	margin-bottom: 20px;
	float: left;
}
.featured-work img, .work-top img, .awards img, .work-side img {
	border: solid 1px #ddd;
}
#content .featured-work h5, #content .work-top h5 {
	margin: 0;
	padding: 8px 0 0;
	line-height: 13px;
	font-size: 15px;
}
.featured-work li, .work-top li, .awards li, .work-side li {
	list-style: none;
	width: 275px;
	margin: 0 6px 10px;
	float: left;
	position: relative;
}
.featured-work li .view, .work-top li .view, .work-side li .view  {
	position: absolute;
	top: -9999em;
	display: block;
}
#content .featured-work li span, #content .work-top li span, #content .work-side li span {
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
}
.featured-work li:hover .view, .work-top li:hover .view, .work-side li:hover .view {
	position: absolute;
	top: 1px;
	left: 1px;
}	

.services_list li {
	width: 278px;
	padding: 15px 10px;
	display: block;
	float: left;
	margin: 0 10px 16px;
}
#main #content .services_list li p {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------- */
/* WORK PAGE */
/* ---------------------------------------------------------------------------- */
.work-grid {
	margin-top: 25px;
	margin-left: 10px;
}
.work-grid li {
	width: 316px;
	/* height: 175px; */
	float: left;
	margin: 0 11px 0 0;
	background: url(../images/shadowbox.png) no-repeat;
	display: block;
}
.work img {
	border: none;
	width: 300px;
	height: 178px;
	display: block;
	margin: 8px;
}
.work { 
	overflow: hidden; 
	width: 100%; 
	height: 225px;
	position: relative;
}
.work-view { 
	display: block; 
	float: left; 
	text-align: center; 
	position: absolute;  
	top: 8px;
	left: 8px;
	width: 300px;
	height: 178px;
	z-index: 1;
}
.work a span {
	color: #acacac;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
	margin-left: 8px;
}
#content .work a span:hover {
	color: #000;
}
.work span {
	color: #acacac;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
	margin-left: 8px;
}
#content .work span:hover {
	color: #000;
}
.work-view a { background: url(../images/view-project.png) no-repeat; position: absolute; bottom: 0; right: 0; width: 300px; height: 178px; 
}
#content .work-grid h5 {
	font-size: 11px;
	color: #acacac;
	text-transform: uppercase;
	margin: 3px 0 0;
	padding: 0;
}
.work-grid .three {
margin: 0 0 0 0;
}
.work-sm img {
	border: 1px solid #ddd;
}
.work-sm { 
	overflow: hidden; 
	width: 117px; 
	height: 61px;
	position: relative;
}
.work-view-sm { 
	display: block; 
	float: left; 
	text-align: center; 
	position: absolute;  
	top: 1px;
	left: 1px;
	width: 117px; 
	height: 61px; 
	z-index: 1;
}
.work-view-sm a { background: url(../images/view-hover-small.png) no-repeat; position: absolute; top: 0; right: 0; width: 117px; height: 61px; }
#content .work-grid h5 {
	font-size: 11px;
	color: #acacac;
	text-transform: uppercase;
	margin: 3px 0 0;
	padding: 0;
}


/* ---------------------------------------------------------------------------- */
/* IDENTITY PAGE */
/* ---------------------------------------------------------------------------- */
#content .identity a span {
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	position: relative;
}
#content .identity img {
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #dedede;
	z-index: 1;
}
/* ---------------------------------------------------------------------------- */
/* AWARDS */
/* ---------------------------------------------------------------------------- */
awards {
	border-bottom: none;
}
.awards li {
	width: 175px;
	margin: 0 8px 20px;
	float: left;
	height: 200px;
	display: block;
	font-size: 12px;
}
#content .awards h5 {
	margin: 0 0 10px 0;
	padding: 3px 0 0;
	line-height: 13px;
	font-size: 12px;
	color: #333;
}
#content .awards li h5 a {
	color: #333;
}
#content .awards li h5 a:hover {
	text-decoration: none;
}
#content .awards li a {
	color: #666;
	font-size: 12px;
}
.awards_new li {
	float: left;
	width: 189px;
	height: 200px;
	overflow: hidden;
	padding: 1px
}
.awards_new li .award_txt {
	padding: 0 5px;
	text-align: center;
}
#content .awards_new li .award_txt h5 {
	padding: 0;
	margin: 0;
}
#content .awards_new li .award_txt p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}
.clients-logos li {
	width: 175px;
	margin: 0 8px 20px;
	float: left;
	height: 111px;
	display: block;
	font-size: 12px;
}
/* ---------------------------------------------------------------------------- */
/* WORK - FEATURED WORK */
/* ---------------------------------------------------------------------------- */
.featured-work li {
	height: 340px;
	width: 290px;
	margin: 0 13px 10px;
}
.featured-work li img {
	max-width: 290px;
}
.featured-work li a:hover {
	text-decoration: none;
	cursor: pointer;
}
.featured-work li .view {
	background: url(../images/work-hover.png) no-repeat;
	width: 305px;
	height: 200px;
}
#content .featured-work li p {
	width: 90%;
	margin: 0;
	padding: 10px 0;
	line-height: 18px;
	font-size: 12px;
}
.featured-work li a p {
	color: #666;
}

/* ---------------------------------------------------------------------------- */
/* WORK - OTHER PROJECTS LIST */
/* ---------------------------------------------------------------------------- */
.work-top {
	float: none;
	border-bottom: none;
	clear: both;
	display: block;
	padding-top: 85px;
	margin-bottom: 75px;
}

.work-top li {
	width: 115px;
	margin: 10px 10px 10px;
	height: 78px;
}
.work-top li {
	margin: 0 10px;
}
.work-top li .view {
	width: 115px;
	height: 59px;
}
.work-top img {
	max-width: 115px;
	max-height: 78px;
}
#content .work-top li span, #content .work-side li span {
	font-size: 10px;
}

/* ---------------------------------------------------------------------------- */
/* WORK - SERVICES PAGE */
/* ---------------------------------------------------------------------------- */

.main ul.work-side {
	padding: 0;
	margin: 15px 0 0 0;
}
.work-side .work {
	height: auto;
}

 .work-side {
	float: none;
	border-bottom: none;
	clear: both;
	display: block;
	margin: 0;
	padding: 20px 0 0 0;
}
.main .work-side li {
	width: 200px;
	margin: 10px 1px 10px 0;
	padding: 0;
	list-style: none;
	height: 123px;
	background: url(../images/shadowbox-services.png) no-repeat;
}

.work-side .work img {
	max-width: 190px;
	max-height: 113px;
	margin: 5px 0 0 5px;
	border: none;
	display: block;
}

.work-view-services { 
	display: block; 
	float: left; 
	text-align: center; 
	position: absolute;  
	top: 0px;
	left: 0px;
	width: 190px; 
	height: 113px; 
	z-index: 1;
}
.work-side .three {
	margin-right: 0;
}
.work-side .work-view-services a { background: url(../images/view-hover-services.png) no-repeat; position: absolute; top: 5px; left: 5px; width: 190px; height: 113px; 
}
/* ---------------------------------------------------------------------------- */
/* WORK DETAIL PAGE */
/* ---------------------------------------------------------------------------- */

.pull-quote {
	background: url(../images/quote-box.png) no-repeat;
	width: 319px;
	display: block;
	position: relative;
	float: right;
	margin-left: 15px;
	border-bottom: solid 5px #e7e7e8;
}				
#content .pull-quote h4 {
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 25px;
	width: 255px;
	line-height: normal;
	color: #862c73;
	display: block;
}
.pull-quote .name {
	font-size: 8px;
	text-transform: uppercase;
	display: block;
}
.caption {
	padding: 0;
	margin: -6px 0 0 0;
	
}
/* ---------------------------------------------------------------------------- */
/* FAQ */
/* ---------------------------------------------------------------------------- */

.question{
cursor: pointer;
font-weight: bold;
margin: 5px 0 0;
padding: 5px;
border: solid 1px #ddd;
background: url(../images/plus-box.png) no-repeat;
background-position: right 4px;
}
.open{ 
color: #862c73;
background: url(../images/minus-box.png) no-repeat;
background-position: right 4px;
}
.closed{ 
color: #999;
}

/* ---------------------------------------------------------------------------- */
/* NEWS / NOTEBOOK PAGE */
/* ---------------------------------------------------------------------------- */

.main, .main-about, .main-news, .main-news-details {
	float: left;
	width: 603px;
	border: solid 1px #FF0000;
	border: none;
	min-height: 400px;
	margin-top: 15px;
}
.side, .side-about, .side-news {
	float: right;
	width: 275px;
	border: solid 1px #00FFCC;
	border: none;
	margin-top: 15px;
	min-height: 200px;
	padding-right: 5px;
}
.main-news {
	width: 700px;
	display: block;
	position: relative;
}
.main-news-details {
	width: 660px;
	display: block;
	position: relative;
}
.main-news span {
	font-size: 11px;
}
.side-news {
	width: 230px;
}

.main-about {
	width: 530px;
}
.side-about {
	width: 415px;
}

.news-item {
	float: left;
	width: 214px;
	margin-right: 28px;
	height: 415px;
	border-bottom: solid 1px #ccc;
}
.three {
	margin-right: 0;
}
.news-item .news-img {
	position: relative;
	background: url(../images/news-img-bg.png) no-repeat;
	width: 213px;
	height: 130px;
	display: block;
}
.news-item .news-desc {
	padding: 0 5px;
}
.news-item .news-img {
	margin-bottom: 8px;
}
.news-item .news-img img {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 205px;
	height: 122px;
	display: block;
}
#content .news-item h3 {
	font-size: 12px;
	color: #862c73;
}
#content .news-item h6 {
	font-size: 12px;
}

.side .list li {
	padding:0 6px 0 13px;
	overflow:hidden;
	margin: 0 0 5px 0;
	background: url(../images/bulletpt.png) no-repeat 0 5px;
	display: block;
	line-height: 24px;
}
.side .list li {
	margin: 0;
	font-size: 12px;
	line-height: normal;
}
#calendar {
	width:230px;
	position:relative;
	margin-bottom: 10px;
	clear: both;
}
table.calendar {
	width:230px;
	margin-bottom:10px;
	font:normal 10px arial,sans-serif;
	text-align:center;
	z-index:1;
}
table.calendar th {text-align:left;}
table.calendar tr {
	background:transparent url(../images/sep_calendar_horizontal.png) no-repeat 45% 0;
}
table.calendar tr.month {background:none;}
table.calendar tr.month h2 {margin-bottom:0;}
table.calendar tr.weekdays {background:none;}
table.calendar tr.weekdays td {
	height:30px;
	color:#000;
}
table.calendar tr td {
	height:22px;
	width:24px;
	padding:0;
	vertical-align:middle;
	background:transparent url(../images/sep_calendar_vertical.png) no-repeat left center; 
	text-align: center;
}
table.calendar tr td:first-child {background-image:none;}
table.calendar tr td.entries {
	background:#74ac51 url(../images/bg_calendar_entries.png) no-repeat center;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
table.calendar tr td.entries:first-child {border-left:none;}
table.calendar tr.weekdays td {background-position:left top;}
table.calendar tr.week.last td {background-position:left bottom;}
table.calendar tr td a {color:#fff;}
.calendar-month-links {
	position:absolute;
	right:10px;
	top:4px;
	padding:0;
	z-index:99;
}
.calendar-month-links a {
	display:block;
	float:left;
	width:15px;
	height:15px;
	text-indent:-9999px;
	background:transparent url(../images/cal-arrows.png) no-repeat left top;
	outline:none;
}
/*.calendar-month-links a.today {width:15px;background-image:url(../img/icn_calendar_today.png);margin-left:4px;}*/
.calendar-month-links a.next {background-position:right top; margin-left: 4px;}
.calendar-month-links a:hover {background-position:left bottom;}
.calendar-month-links a.next:hover {background-position:right bottom;}
table.calendar .calendar-month-links {display:none;}

.side_boxes {
	clear: both;
}
.side_boxes h5 {
	margin-top: 15px;
}
.search_box, .newsletter_box {
	width: 230px;
	display: block;
	position: relative;
	height: 60px;
	clear: both;
}
.newsletter_box {
	margin-left: 0;
}
.search_box form input.searchbox, .newsletter_box form input.searchbox {
	font-size: 12px;
	line-height: 1;
	padding: 5px 5px 4px;
	background: url(../images/search-box.png) left top no-repeat;
	border: none;
	height: 16px;
	width: 153px;
	position: absolute;
	top: 0;
	left: 0;
}
.search_box form .searchsubmit, .newsletter_box form .searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: url(../images/btn-search.png) no-repeat;
	width: 78px;
	height:28px;
	cursor:pointer;
	border:none;
	text-indent: -99999px;
	font-size: .1em;
	color: #fff;
}
.search_box form .searchsubmit:hover, .newsletter_box form .searchsubmit:hover  {
	background-position: 0 -28px;
}
.search_box .advanced {
	position: absolute;
	top: 28px;
}

.side .search_box .advanced a {
	font-size: 11px;
	color: #999;
}
.side .search_box .advanced a:hover {
	color: #333;
}
.news-notes {
	display: block;
	width: 650px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ddd;
}
.news-notes .left {
	float: left;
	width: 130px;
	overflow: hidden;
}	
.news-notes .right {
	float: left;
	width: 460px;
	margin-left: 30px;
	margin-right: 30px;
}
#content .news-notes .left h1 {
	font-size: 52px; 
	color: #dedede; 
	text-align: right; 
	padding: 0;
	letter-spacing: -7px;
	margin: 0 7px 0 0;
}
#content .news-notes h3 {
	font-size: 16px;
}

/* ---------------------------------------------------------------------------- */
/* CONTACT PAGE */
/* ---------------------------------------------------------------------------- */

.contact .main {
	float: left;
	width: 463px;
	border: solid 1px #FF0000;
	border: none;
	min-height: 400px;
	margin-top: 15px;
}
.contact .side {
	float: right;
	width: 458px;
	border: solid 1px #00FFCC;
	border: none;
	margin-top: 15px;
	min-height: 200px;
	padding-right: 5px;
}
.services .side {
	float: right;
	width: 300px;
	border: solid 1px #00FFCC;
	border: none;
	margin-top: 15px;
	min-height: 200px;
	padding-right: 5px;
}





#title-bar #return-nav {
	position: absolute;
	top: 58px
	right: 25px;
}
#title-bar #return-nav li {
	float: left;
	padding-left: 22px;
}
#title-bar #return-nav li a {
	text-transform: uppercase;
	color: #acacac;
	font-size: 12px;
	padding-bottom: 5px;
}
#title-bar #return-nav li a:hover, #title-bar #return-nav li.here a {
	border-bottom: solid 2px #862c73;
	text-decoration: none;
	color: #333;
}