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


/* HIDE ========================================= */
h1 span, ul#nav li a span, label.hide {width: 100px; position: absolute; left: -999999px;}

/* GRID CHANGES ================================= */
div.maincontainer_5 {padding-bottom: 40px;}

.maincontainer_5 .grid_2.alpha {
	width:351px;
	padding-right: 15px;
}

.maincontainer_5 .grid_3.omega {
	width:539px;
	padding-left: 15px;
}

.maincontainer_5 .grid_2.omega {
	width:351px;
	padding-left: 15px;
}

.maincontainer_5 .grid_3.alpha {
	width:539px;
	padding-right: 15px;
}
.container_5 .grid_2.gamma {
	padding: 0 15px;
	width: 348px;
	 position: relative;
	 /*height: 298px;*/
}
div.container_5.full, div.maincontainer_5.full {padding-bottom: 40px;}

/* TYPE ========================================= */
h1 {width: 218px; height: 63px; margin: 39px 0; float: left;}
h1 a {width: 218px; height: 63px; background: url(images/logo.gif) no-repeat top left; float: left;}
p {color:#434343;}

a.toplinks, div.grad_bg div.container_5 div.grid_1 h3 a, button.submit {width: 184px; background: #4e2683 url(images/nav_arrow.gif) no-repeat 164px 50%; color: #fff; text-align: center; float: right; margin-top: 53px; text-decoration: none; font-weight: bold; padding: 9px 0; font-size: 1.4em;}
a.toplinks#contact {margin-left: 10px;}
a.toplinks:hover, button.submit:hover {background-color:#7a5ca2; cursor: pointer;}
button#contactbtn {width: 164px; background-position: 144px 50%;}

div.grad_bg div.container_5 div.grid_1 h3 a, div.grad_bg div.container_5 div.grid_1 h3 a:visited {text-align: left; padding-left: 14px; width: 170px; margin: 0;}
div.grad_bg div.container_5 div.grid_1 h3 a:hover, div.grad_bg div.container_5 div.grid_1 h3 a:active {background-color: #7a5ca2;}

div.grad_bg div.container_5 div.grid_1 ul { background: #ebebeb url(images/services_bg.gif) repeat-x top left; float: left; margin-bottom: 0;}
div.grad_bg div.container_5 div.grid_1 ul li { float: left; clear: both; width: 100%; } 
div.grad_bg div.container_5 div.grid_1 ul li a, div.grad_bg div.container_5 div.grid_1 ul li a:visited {float: left; width: 170px; padding: 10px 0; color: #434343; font-size: 1.3em; padding-left: 14px; font-weight: normal; border-bottom: 1px solid #fff; text-decoration: none; cursor: pointer;}
div.grad_bg div.container_5 div.grid_1 ul li a:hover, div.grad_bg div.container_5 div.grid_1 ul li a:active, div.grad_bg div.container_5 div.grid_1 ul li a.active {color: #4e2683;}

div.news h4 {color:#4e2683; font-weight: lighter;}

/* IMAGES ======================================= */
div#headerobject {border-top: #4e2683 4px solid; border-bottom: #4e2683 1px solid; background: url(images/960x230_CreativeWindow.jpg) no-repeat top left; width: 960px; height: 230px; margin-bottom: 40px; *margin-bottom: 27px; position: relative}
div#headerobject div#intro {position:absolute; top: 20px; right: 20px; width: 440px; background-color: white; color: #4e2683; padding: 10px 20px; height: 170px;}
div#headerobject div#intro h2 {font-size: 3.8em; font-weight: lighter; margin-bottom: 10px;}
div#headerobject div#intro p {font-size: 1.65em; line-height: 1.5em; color: #4e2683;}

/* FOOTER ======================================= */
div.grad_bg, div#footer {width: 100%; background:url(images/bg_grad.gif) repeat-x; padding: 40px 0 40px 0;}
div.grad_bg.home {background-position: left 17px; padding: 0;}
div.grad_bg.long {padding-bottom: 0;}
div.grad_bg.short {margin-bottom: -40px;}
div.grad_bg.category {
	margin-bottom:35px;
	padding-bottom:0;
}
/*div#pad30 {padding-bottom: 30px !important;}*/

div#footer {background-image: none; background-color: #414042; margin-top:40px; padding: 25px 0 40px 0;}
div#footer div.container_5 div.grid_1.omega {padding-top: 30px;}

div.maincontainer_5 h2, div.container_5 h2 {color: #4e2683; font-weight: lighter; font-size: 2.4em;}
div.maincontainer_5 p, div.container_5 p {font-size: 1.2em; line-height: 1.5em;}
div.maincontainer_5 p span, div.container_5 p span {font-size: 1.3em;}
div.maincontainer_5 blockquote p {font-size: 1.8em; color: #4e2683; padding: 10px 15px 0 45px; background: url(images/quote1.gif) no-repeat top left; position: relative; line-height: 1.2em;}
div.maincontainer_5 blockquote span {background: url(images/quote2.gif) no-repeat; position: absolute; bottom: 20px; *bottom: 30px; right: 0; width: 38px; height: 28px;}
div.maincontainer_5 blockquote cite, div.praise cite {font-style: normal; font-size: 1.1em; float: left;}


/* NAVIGATION =================================== */

ul#nav {float: left; width: 960px; height: 35px; list-style-type: none; background: url(images/nav.gif) no-repeat top left; margin-bottom: 20px;}
ul#nav li {float: left; height: 35px;}
ul#nav li a {display: block; height: 35px; cursor: pointer;}
ul#nav li#home {width: 111px;}
ul#nav li#aboutus {width: 126px;}
ul#nav li#whatwedo {width: 144px;}
ul#nav li#whoweworkwith {width: 180px;}
ul#nav li#oursuccesses {width: 151px;}
ul#nav li#news {width: 109px;}
ul#nav li#contactus {width: 139px;}
ul#nav li#home a:hover, ul#nav li#home.selected a {background: url(images/nav.gif) no-repeat left -35px;}
ul#nav li#aboutus a:hover, ul#nav li#aboutus.selected a {background: url(images/nav.gif) no-repeat -111px -35px;}
ul#nav li#whatwedo a:hover, ul#nav li#whatwedo.selected a {background: url(images/nav.gif) no-repeat -237px -35px;}
ul#nav li#whoweworkwith a:hover, ul#nav li#whoweworkwith.selected a {background: url(images/nav.gif) no-repeat -381px -35px;}
ul#nav li#oursuccesses a:hover, ul#nav li#oursuccesses.selected a {background: url(images/nav.gif) no-repeat -561px -35px;}
ul#nav li#news a:hover, ul#nav li#news.selected a {background: url(images/nav.gif) no-repeat -712px -35px;}
ul#nav li#contactus a:hover, ul#nav li#contactus.selected a {background: url(images/nav.gif) no-repeat right -35px;}

.pageSelected a{
	color:#4e2683;
}

/* H3 Links */
div.grad_bg div.container_5 div.grid_1 h3 a {color: #fff; text-decoration: none;}


/*footer nav*/
div#footer div.container_5 div.grid_1 h4 {font-size: 1.2em; font-weight: bold; margin-bottom: 15px; color: #fff;}
div#footer div.container_5 div.grid_1 ul li, div#footer div.container_5 div.grid_1 ul li a, div#footer div.container_5 div.grid_1 address {color: #aaa; font-size: 11px; line-height: 1.6em; font-weight: lighter; text-decoration: none;}
div.modal address {color:#414141;}
div#footer div.container_5 div.grid_1 ul li a strong, div#footer div.container_5 div.grid_1 address strong {color: #fff; font-weight:normal;}
div#footer div.container_5 div.grid_1 address, div.modal address {font-style:normal;}

div#footer div.container_5 div.grid_1 ul li a:visited {color: #aaa;}
div#footer div.container_5 div.grid_1 ul li a:hover {color: #fff;}
div#footer div.container_5 div.grid_1 ul li a:active {text-decoration: underline;}

div#firstFoot { margin-left: 0; }

/* ACCORDIAN =================================== */

div#accordion * {margin: 0;}
div#accordion h3 a {color: #fff; font-size: 1.4em;}
div#accordion h3.ui-accordion-header a, div#accordion h3.ui-accordion-header a:visited {background: #7a5ca2 url(images/up_arrow.gif) no-repeat right 50%; padding: 9px 15px; text-decoration: none; display: block; margin: 5px 0 0 0; clear: left;}
div#accordion h3.ui-accordion-header a:hover, div#accordion h3.ui-accordion-header a:active {background-color: #4e2683;}
div#accordion h3.ui-accordion-header.ui-state-active a {background-color: #4e2683; background-image: url(images/down_arrow.gif);}
div#accordion h3.ui-accordion-header a#alpha {margin-top: 0;}
div#accordion div.ui-accordion-content {border-bottom: 1px solid #4e2683; margin: 0; padding: 15px 15px; overflow: hidden;}
div#accordion div.ui-accordion-content.acclist {border-bottom: none; overflow: hidden;}
div#accordion div.ui-accordion-content.values {padding: 0; overflow: hidden;}
div#accordion div.ui-accordion-content.values p {color: #4e2683; padding: 0 0 0 15px; font-size: 1.4em; *padding-bottom: 7px;}
div#accordion div.ui-accordion-content img {float: left; margin: 3px 15px 20px 0; width: 151px;}
div#accordion div.ui-accordion-content h4, div.modal h4 {font-size: 1.4em; color:#4e2683;}
div#accordion div.ui-accordion-content p {font-size: 1.2em; color:#434343; margin: 10px 0 10px;}
a.smallbtn, a.smallbtn:visited{display: inline-block; font-size: 1.1em; font-weight: lighter;  background: #4e2683 url(images/nav_arrow_small.gif)  no-repeat right 50%; padding: 5px 25px 5px 12px; color: #fff; text-decoration: none;}
a.smallbtn:hover, a.smallbtn:active {background-color: #7a5ca2;}
div.news a.smallbtn {float: right; background-image:url(images/up-arrow_small.gif);}
div#accordion ul {margin: -10px 0;}
div#accordion ul li {border-bottom: #e1e1e1 solid 1px; padding: 10px 15px; margin: 0 -15px; font-size: 1.2em;}

.grid_2.gamma a.remind {position: absolute; bottom: 0;}
div.praise a {float: right; position: relative; top: -4px;}

div.helpedInfo { width: 300px; float: left; }

div.helpLeft { float: left; width: 151px;}
div.helpRight { float: right; width: 330px;}

div#accordionContainer { height: 440px; }
div#accordionContainer-clients { height: 465px; width: 539px; }
div#accordionContainer-clients div#accordion { height: 465px; width: 539px; }
div#accordionContainer-clients div.ui-accordion-content {width: 509px;}

/* FORMS ======================================= */

input[type=text], textarea {border: 1px solid #4e2683; color: #7a5ca2; font-family: Arial, Helvetica, sans-serif; padding: 8px 10px; font-size: 1.2em;}
input[type=text]:focus, textarea:focus {color: #4e2683;}
button.submit {margin-top: 0; font-family: Arial, Helvetica, sans-serif; border: 0; width: 170px; background-position: 150px 50%;}
label.subscribe {padding-top: 7px; float: left; *position: relative; *left: -4px;}

.maincontainer_5 .grid_3.alpha input[type=text] {width: 243px; margin: 0 3px 0 0;}
.maincontainer_5 .grid_3.alpha input[type=text].omega {margin: 0 0 0 3px;}
.maincontainer_5 .grid_3.alpha textarea {width: 517px; height: 140px; margin: 10px 0;}

.maincontainer_5 .grid_2.omega input[type=text]
.maincontainer_5 .grid_2.omega input[type=text].omega {margin: 0 0 0 3px;}
.maincontainer_5 .grid_2.omega textarea {width: 326px; height: 80px; margin: 10px 0;}
.maincontainer_5 .grid_2.omega label.subscribe {float: left; width: 170px; padding:0;}
.maincontainer_5 .grid_2.omega button {float: right;}

div.modal input[type=text] {width: 156px; margin: 0 4px 0 0;}
div.input[type=text].omega {margin: 0 0 0 4px;}
div.modal textarea {width: 344px; height: 136px; margin: 10px 0;}
div.modal label.subscribe {margin: 0 0 10px 0; padding: 0;}

input#Name { width: 147px; margin-right: 8px; }
input#Email { width: 147px; }

input#Name { _width: 167px; _margin: 0 4px 0 15px; }
input#Email { _width: 168px; _margin: 0 0 0 15px; }

/* PRAISE ====================================== */

div.praise {padding: 15px 0 30px; border-bottom: #e1e1e1 1px solid;}
div.praise.alpha {border-top: 1px solid #e1e1e1;}
div.praise p {font-size: 1.8em; color: #4e2683; line-height: 1.3em;}
blockquote p img {vertical-align: top; margin: 2px 0 0 10px;}

div.bezierHelped { float: left; width:  350px; position: relative; }
div.clientList { float: right; width:  540px; }

/* NEWS ======================================== */

div.grid_5 div.news {border-top: #4e2683 4px solid; border-bottom: #4e2683 1px solid; padding: 15px 0; margin-bottom: 15px; position: relative; width: 930px;}
div.grid_5 div.news img {float: left;}
div.grid_5 div.news span.toggler { position: absolute; bottom: 10px; right: 0;}
div.grid_5 div.news div.items {width: 570px; float: left; padding-left:10px; }

/* ERRORS ===================================== */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; font-size: 1.2em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
span.error {display:block;}

/* MODAL ========================================= */

div.modal { z-index: 2; position: relative; }
div.modal h3 { padding: 10px 15px; background: #4e2683; color:#fff; font-size: 1.6em;}
div.modal p.close a {position: absolute; top: 10px; right: 10px; width: 14px; height: 13px; background: url(images/close.gif) no-repeat; }
div.modal p.close span {display: none;}
div.modal address {font-size: 1.2em;}
div.modal #inner {padding: 0 15px;}
div.modal #inner p {margin: 15px 0 10px 0; padding: 0;}
div.modal #inner p.reminddate {margin-top: 7px; padding-right: 15px; float: left;}
div.modal #inner div#checkers {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; margin-bottom: 15px;}
div.modal #inner div#checkers label {width: 121px; float: left; padding: 5px 0; font-size: 1.2em; color:#414141;}
div.modal #inner button.submit {margin: 0;}

div#contactform, div#newsletter, div#thankyou, div#remindme, div#workgallery {margin: 0 auto; padding: 0; position:relative; width: 592px; height: 348px; background: #fff; }
div#workgallery_b {margin: 0 auto; padding: 0; position:relative; width: 592px; height: 348px; background: #fff; }
div#workgallery_c {margin: 0 auto; padding: 0; position:relative; width: 592px; height: 348px; background: #fff; }
div#workgallery_d {margin: 0 auto; padding: 0; position:relative; width: 592px; height: 348px; background: #fff; }

div#contactform div#left {float: left; width: 177px; padding-left: 15px; margin-right: 15px; border-right: 1px solid #7a5ca2; padding-bottom: 72px; height: 200px;}
div#contactform div#right {float: left; width: 370px;}

div#newsletter {width: 400px; height: 213px;}
div#newsletter input[type=text] {width: 152px; margin: 0 4px 0 15px; }
div#newsletter input[type=text].omega {margin: 0 0 0 4px;}
div#newsletter button.submit, div#thankyou button.submit, div#remindme button.submit {margin: 10px 15px 0 0;}
div#newsletter p, div#thankyou p, div#remindme p {padding: 0 15px; font-size: 1.2em; margin: 0 0 10px 0;}

div#thankyou {height: 173px; width: 400px;}

div#remindme {height: 450px; width: 400px;}
div#remindme input[type=text] {width: 157px; margin: 0 4px 0 0;}
div#remindme input[type=text].omega {margin: 0 0 0 4px;}
div#remindme input[type=text].reminddate {width: 30px; text-align: center;}
div#remindme textarea { width:348px; height: 82px; margin: 15px 0 15px 0;}

div#workgallery {width: 500px; height: 476px;}
div#workgallery div#imageHolder {margin: 0 auto; width:470px; text-align: center; border-bottom: 1px solid #4e2683; margin-bottom: 10px;}
div#workgallery p {margin: 0; padding: 0 0 0 15px; font-size: 1.2em;}
div#workgallery_b {width: 500px; height: 476px;}
div#workgallery_b div#imageHolder {margin: 0 auto; width:470px; text-align: center; border-bottom: 1px solid #4e2683; margin-bottom: 10px;}
div#workgallery_b p {margin: 0; padding: 0 0 0 15px; font-size: 1.2em;}
div#workgallery_c {width: 500px; height: 476px;}
div#workgallery_c div#imageHolder {margin: 0 auto; width:470px; text-align: center; border-bottom: 1px solid #4e2683; margin-bottom: 10px;}
div#workgallery_c p {margin: 0; padding: 0 0 0 15px; font-size: 1.2em;}
div#workgallery_d {width: 500px; height: 476px;}
div#workgallery_d div#imageHolder {margin: 0 auto; width:470px; text-align: center; border-bottom: 1px solid #4e2683; margin-bottom: 10px;}
div#workgallery_d p {margin: 0; padding: 0 0 0 15px; font-size: 1.2em;}

div#popup_holder { padding: 20px 0; }
div#modal_bg { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000; z-index:1; }

div.aboutacc {height: 245px;}
div.workdone {height: 470px;}

.submit{width: 184px; background: #4e2683 url(images/nav_arrow.gif) no-repeat 164px 50%; color: #fff; text-align: center; float: right; margin-top: 5px; margin-right:5px; text-decoration: none; font-weight: normal; padding: 10px 5px; font-size: 12px; border:0;}
.submitNewsletter{width: 184px; background: #4e2683 url(images/nav_arrow.gif) no-repeat 164px 50%; color: #fff; text-align: center; float: right; margin-top: 5px; margin-right:15px; text-decoration: none; font-weight: normal; padding: 10px 5px; font-size: 12px; border:0;}

.emailLightbox a{
	color:#4e2683;
	text-decoration:none;
}

.emailLightbox a:hover{
	color:#000;
	text-decoration:none;
}

.quoteBy{
	font-weight:normal;
	float:right;
	padding-right:35px;
}