img{
	border: 0;
}
body {
	margin:	0;
	background:	#25292e;
	direction: rtl;
}
body, table{
	font-family: Tahoma;
	font-size:	12px;
	color:	#999;
	line-height:	16px;
}
#overall {
	background:	#ffffff url(bg-white-grad.png) repeat-x top;
	padding-top: 1px;
}
#overall2 {
	background:	url(bg-content-nobox1.png) no-repeat top center;
}



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:	#44939c;
	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:	950px;
	margin:	0 auto;
}

.clear {
	clear:	both;
}
.fl {
	float:	left;
}
.fr {
	float:	right;
}

.addmargin {
	margin-top:	15px;
}

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

.bottom {
	padding-bottom:	50px;
}

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

/* *********************************************** */
#top-bar {
	background: url("bg-content-area.png") repeat-y center;
}

#top-bar .right {
	float: right;
	width: 42px;
}
#top-bar .logo {
	float: right;
	width: 205px;
}
#top-bar .left {
	float: left;
	width: 700px;
}

#mid-bar {
	background: url("bg-content-area.png") repeat-y center;
}
/* *********************************************** */

.menu {
    height: 30px;
}
.menu ul{
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 0 0 0;
    position: relative;
}
.menu li {
    float: right;
}
.menu li a {
    color: #4A4A4A;
    cursor: pointer;
    display: block;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 11px;
    text-align: center;
    text-decoration: none;
}
.menu li a b {
    display: block;
    float: left;
    padding: 0 15px 0 6px;
}
.menu li.current a, .menu li a:hover {
    background: url("menu_left.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
}
.menu li.current a b, .menu li a:hover b {
    background: url("menu_right.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
}


/* *********************************************** */

#head-shadow {
	background: url("head-shadow.png") no-repeat center;
	height: 30px;
	margin: 0 auto;
	width: 630px;
}

/* *********************************************** */


#page #content-area {
	background:	transparent url(bg-content-area.png) repeat-y center 1px;
	width:	919px;
	margin:	0 auto;
	padding:	40px;
	padding-bottom: 10px;
}
#page #sidebox {
	float:	left;
	background:	transparent url(sidebox.png) no-repeat;
	width:	304px;
	height:	408px;
	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:	26px;
	padding-top:	28px;
}	
#page .column p {
	margin-bottom:	16px;
	line-height:	18px;
}
#page .link {
	background-image:	url(bg-link.jpg);
	width:	182px;
	height:	36px;
	margin-top:	15px;
	margin-bottom: 	-10px;
	padding-left:	3px;
}

#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(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(port-key.png);
	width:	176px;
	height:	21px;
	margin:	25px 0 0 45px;
	clear:	left;
}


#footer .wrapper {
	background:	#25292E url(bg-content-bottom.png) no-repeat center 0;
	width:	959px;
	padding-top:	0px;
}

#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:	#25292e url(testimonial-bottom.png) no-repeat 71% 0;
	width:	100%;
	height:	22px;
}
#footer #testimonials a#read-more {
	display:	block;
	float:	right;
	background:	#25292e url(read-more.jpg) no-repeat;
	width:	85px;
	height:	11px;
	cursor:	pointer;
	margin:	5px 7px 0 0;
}
#footer #testimonials a#read-more:hover {
	background-position:	0 -11px;
}
#footer #copyright {
	clear:	both;
	padding:	20px 8px;
	margin-bottom:	0px;
}
#footer #copyright p {
	float:	right;
	font-size:	13px;
	color:	#7b8491;
}
#footer #copyright p a {
	Xfont-weight:	bold;
	text-decoration:	none;
}
#footer #copyright p a:hover {
	text-decoration:	none;
	color: #ffffff;
}
#footer #copyright .left {
	float:	left;
}
#footer #copyright .left p {
	float:	right;
}
#footer #copyright .left a {
	font-weight:	normal;
	color:	#7b8491;
}


a#questionnaire {
	display:block;
	width: 153px;
	height: 34px;
	background: url("getstarted-q.png") no-repeat;
	margin-left: 70px;
	margin-top: 30px;
}



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

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("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("24-em-cross.png") no-repeat right;
}

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

input.validation-passed {
	background: url("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;
}