* {
	border:						0;
	margin:						0;
	padding:					0;
	outline:					none;
}

body {
	background-color:			#990000;
	font-family:				'Helvetica','Arial';
	font-size:					12px;
	color:						#999;
	line-height:				16px;
	
}

a {
	color:						#859ab4;
	text-decoration:			none;
}

a:hover {
	color:						#97a9c1;
	text-decoration:			underline;
}

h2 {
	color:						#de819e;
	font-size:					26px;
	text-transform:				uppercase;
	margin-left:				18px;
}
h3 {
	color:						#cc0000;
	font-size:					22px;
	margin-bottom:				16px;
	text-transform:				uppercase;
	font-weight:				normal;
}
h4 {
	color:						#26425a;
	font-weight:				bold;
	font-size:					16px;
	margin:						20px 0 0 28px;
}

.wrapper {
	width:						940px;
	margin:						0 auto;
	
	
}


.wrapper4 {
	width:						1240px;
	margin:						0 auto;


	
}


.clear {
	clear:						both;
}

.addmargin {
	margin-top:					15px;
}

.alignleft {
	text-align:					left;
}
.aligncenter {
	margin:						0 auto;
	text-align:					center;
}
.alignright {
	text-align:					right;
}
.alignslide {
	margin:						14px 0 0 15px;
}

.request-a-proposal {
	background-image:			url('images/request-a-proposal.png');
	width:						247px;
	height:						23px;
	margin-top:					16px
}
.as-seen-on {
	background-image:			url('images/as-seen-on.png');
	width:						149px;
	height:						23px;
	margin-top:					36px
}
.singing-praises {
	background-image:			url('images/singing-praises.png');
	width:						139px;
	height:						14px;
	margin-left:28px; margin-right:0; margin-top:20px; margin-bottom:0
}

#top-bar {
	background:					url('images/bg-top-bar.png') repeat-x;
	height:						62px;
	overflow:					visible;
	position:					relative;
	z-index:					3
}
#top-bar #menu {
	float:						right;
	height:						55px;
}
#top-bar ul#menu {
	list-style:					none;
}
#top-bar ul#menu li {
	float:						left;
	text-align:					right;
}
#top-bar ul#menu li .line {
	float:						left;
	background:					url('images/menu-spacer.jpg') no-repeat 100% 0;
	width:						2px;
	height:						55px
}
#top-bar ul#menu a {
	float:						left;
	display:					block;
	width:						110px;
	height:						55px;
	padding-right:				7px;
	text-transform:				uppercase;
	text-decoration:			none;
	font-weight:				bold;
	font-size:					13px;
	line-height:				45px;
	color:						#000;
}

#top-bar ul#menu a.selected, #top-bar ul#menu a.selected:hover {
	color:						#ff9999;
}
#top-bar ul#menu a:hover {
	color:						#cc0000;
}
#top-bar ul#menu a#home {
	background:					url('images/bg-home.png') no-repeat 80% 80%;
}

#top-bar ul#menu a#portfolio {
	background:					url('images/bg-portfolio.png') no-repeat 80% 80%;
}

#top-bar ul#menu a#ourteam {
	background:					url('images/bg-ourteam.png') no-repeat 80% 80%;
}

#top-bar ul#menu a#praise {
	background:					url('images/bg-praise.png') no-repeat 80% 75%;
}
#top-bar ul#menu a#contact {
	background:					url('images/bg-contact.png') no-repeat 80% 75%;
}

#mid-sec {
	position:					relative;
	background:					url('images/bg-mid-sec-bottom.jpg') repeat-x 0 100%;
	z-index:					1
}
#mid-sec #bg {
	background:					url('images/mid-sec.jpg') no-repeat center 100%;
	width:						auto;
	min-width:					1002px;
	height:						220px
}
#mid-sec #bg-small {
	background:					url('images/mid-sec-small.png') no-repeat center 100%;
	width:						auto;
	min-width:					1002px;
	height:						216px;
	margin-top:					-6px
}
#mid-sec #button {
	float:						left;
	padding:					40px 0 0 180px;
}
#mid-sec #samples {
	float:						right;
	padding-top:				15px;
}
#mid-sec #samples .sample {
	float:						left;
	background:					url('images/sample.png') no-repeat;
	width:						288px;
	height:						175px
}
#mid-sec #samples .right {
	margin-left:				-20px;
}
#mid-sec #ourteam {
	position:					relative;
	background:					url('images/mid-sec-our-team.png') no-repeat center 0;
	height:						59px;
	top:						70px
}

#mid-sec #portfolio {
	position:					relative;
	background:					url('images/mid-sec-portfolio.png') no-repeat center 0;
	height:						100px;
	top:						70px
}

#mid-sec #testimonials {
	position:					relative;
	background:					url('images/mid-sec-testimonials.png') no-repeat center 0;
	height:						59px;
	top:						70px
}

#mid-sec #contact {
	position:					relative;
	background:					url('images/mid-sec-contact.png') no-repeat center 0;
	height:						59px;
	top:						70px
}

#mid-sec #error {
	position:					relative;
	background:					url('images/mid-sec-404.png') no-repeat center 0;
	height:						59px;
	top:						70px
}

#page {
	background:					#dde4ed; url('images/bg-white-grad.png') repeat-x;
	min-width:					940px
}
#page .wrapper {
	background:					url('images/bg-content-nobox.png') no-repeat center 1px;
	width:						auto
}
#page #content-area {
	background:					url('images/bg-content-area.png') repeat-y center 1px;
	width:						959px;
	margin:						0 auto;
	min-height:					240px; padding-left:40px; padding-right:0; padding-top:40px; padding-bottom:0
}



#page #content-area2 {
	background:					url('images/bg-content-area.png') repeat-y center 1px;
	width:						959px;
	margin:						0 auto;
	min-height:					240px; padding-left:40px; padding-right:0; padding-top:40px; padding-bottom:0
}



#page #sidebox {
	float:						left;
	background:					url('images/sidebox.png') no-repeat;
	width:						304px;
	height:						208px;
	padding-top:				30px;
	margin-right:				12px
	
}
#page #sidebox p {
	width:						240px;
	margin-left:				38px;
	color:						#666;
}
#page #sidebox h4#client-testimonials {
	margin:						15px 30px 0 0;
	text-align:					right;
}
#page #sidebox h4#client-testimonials a {
	text-decoration:			none;
	color:						#495862;
}
#page #content-area .tiny {
	width:						200px;
	margin-left:				20px;
}
#page #content-area .small {
	width:						280px;
}
#page #content-area .medium {
	width:						360px;
}
#page #content-area .large {
	width:						520px;
}
#page .column {
	float:						left;
	margin-left:				16px;
	padding-top:				0px;
}	
#page .column p {
	margin-bottom:				16px;
	line-height:				18px;
	
}
#page .link {
	background-image:			url('images/bg-link.jpg');
	width:						185px;
	height:						36px;
	margin-top:					15px;
	margin-bottom: 				-10px
}

#page .link img {
	border: 0;
	margin-left: 10px;
	margin-top: 4px;
}

ul#port-list {
	float:						left;
	list-style:					none;
	margin:						40px 0 0 40px;
	width:						260px;
}
ul#port-list li {
	margin:						12px 0;
}
ul#port-list li a {
	color:						#999;
	text-decoration:			none;
	margin-left:				21px;
}
ul#port-list li a:hover {
	color:						#51a6b1;
}
ul#port-list li a.selected {
	display:					block;
	background-image:			url('images/bg-selector.jpg');
	width:						275px;
	height:						39px;
	position:					relative;
	z-index:					2;
	line-height:				36px;
	margin:						0;
	text-indent:				10px;
	color:						#666
}
#port-key {
	float:						left;
	background-image:			url('images/port-key.png');
	width:						176px;
	height:						21px;
	clear:						left; margin-left:45px; margin-right:0; margin-top:25px; margin-bottom:0
}
#port-img {
	float:						left;
	width:						607px;
	border:						1px solid #e1e1e1;
	background-color:			#fff;
}
#port-img #wpi {
	float:						left;
	margin:						0 0 24px 17px;
}
#wpi .w {
	float:						left;
	background-image:			url('images/selector-w.jpg');
	width:						49px;
	height:						18px
}
#wpi .p {
	float:						left;
	background-image:			url('images/selector-p.jpg');
	width:						53px;
	height:						18px
}
#wpi .i {
	float:						left;
	background-image:			url('images/selector-i.jpg');
	width:						59px;
	height:						18px
}
#link img {
	float:						right;
	margin:						0 15px 15px 0;
}
#port-img #img {
	margin:						16px 17px;
}

#footer {
	min-width:					1002px;
}
#footer .wrapper {
	background:					#990000 url('images/bg-content-bottom.png') no-repeat center 0;
	width:						1002;
	padding-top:				2px
}

#footer a {
	color:						#bac8da;
	text-decoration:			none;
}

#footer a:hover {
	color:						#859ab4;
	text-decoration:			underline;
}

#footer #left {
	float:						left;
	margin-left:				30px;
}
#footer #left p {
	width:						455px;
	margin-top:					3px;
	color:						#dde4ed;
	font-size:					12px;
}
#footer #testimonials {
	float:						right;
	background-color:			#dde4ed;
	width:						360px;
	margin-right:				6px;
}
#footer #testimonials #testimonial {
	margin:						30px 0;
}
#footer #testimonial h2 {
	text-transform:				uppercase;
	margin-left:				25px;
	font-weight:				bold;
}
#footer #testimonial p {
	color:						#495862;
	width:						294px;
	margin:						4px auto 0;
	font-family:				"Lucida Sans", Lucida, Verdana, Helvetica, Sans-serif;
	font-size:					10px;
}
#footer #testimonial .name {
	text-align:					right;
	margin-top:					0;
	font-weight:				bold;
}
#footer #testimonial .loc {
	text-align:					right;
	margin-top:					0;
	font-style:					italic;
}
#footer #testimonials #bottom {
	background:					#990000 url('images/testimonial-bottom.png') no-repeat 71% 0;
	width:						100%;
	height:						22px
}
#footer #testimonials a#read-more {
	display:					block;
	float:						right;
	background:					#990000 url('images/read-more.jpg') no-repeat;
	width:						85px;
	height:						11px;
	cursor:						pointer;
	margin-left:0; margin-right:7px; margin-top:5px; margin-bottom:0
}
#footer #testimonials a#read-more:hover {
	background:					#990000 url('images/read-more-over.jpg') no-repeat;
}
#footer #copyright {
	clear:						both;
	padding:					40px 8px;
	margin-bottom:				40px;
}
#footer #copyright p {
	float:						left;
	font-size:					13px;
	color:						#7b8491;
	line-height:				60px;
}
#footer #copyright p a {
	font-weight:				bold;
	text-decoration:			none;
}
#footer #copyright p a:hover {
	text-decoration:			underline;
}
#footer #copyright .right {
	float:						right;
	width:						215px;
}
#footer #copyright .right p {
	float:						left;
}
#footer #copyright .right a {
	font-weight:				normal;
	color:						#7b8491;
}
#footer #copyright #ccg {
	float:						right;
}


a#questionnaire {
	display:block;
	width: 210px;
	height: 33px;
	background: url("images/btn-questionnaire.png") no-repeat;
	margin-left: 70px;
	margin-top: 30px;
}



form {
	padding: 10px;
	margin: 10px;
}

form label{
	color: #333333;
	width: 125px;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}

form input.txt {
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom: 1px solid #dfdedc;
	background-color: #f8f8f8;
	color: #666;
	width: 300px;
	font-size: 12px;
	padding: 5px;
	font-family: Helvetica, Sans-Serif;
}

form textarea {
	border-right-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #dfdedc;
	color: #666;
	width: 300px;
	height: 150px;
	font-size: 14px;
	padding: 5px;
	font-family: Helvetica, Sans-Serif;
}
form input.btn {
	margin-left: 360px;
	margin-top: 3px;
}

form p {
	clear: left;
	margin:0;
	padding:0;
	padding-top: 0px;
	
}

.info {
	color: #336699;
	font-size: 12px;
	padding: 10px;
	padding-left: 40px;
	border-top: 1px solid #B9F1F1;
	border-bottom: 1px solid #B9F1F1;
	background: #EFF9F8 url("images/info.png") no-repeat 10px;
	margin-bottom: 20px;
	margin-left: -8px;
}

/*----Form Validation----*/

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	
}
input.validation-failed, textarea.validation-failed {
	background: url("images/24-em-cross.png") no-repeat right;
}

textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

input.validation-passed {
	background: url("images/24-em-check.png") no-repeat right;
}

textarea.validation-passed {
	border: 1px solid #00CC00;
}

.validation-advice {
	margin: 5px;
	margin-left: 135px;
	margin-right: 35px;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}



/** sifr **/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}