/*===============================================================
=================================================================
TravelManagers CSS
by Lochlan McBride
Cornerstone Technologies
cstech.net.au
================================================================
==============================================================*/

/*=============General Styles=============*/
body {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	background:url(../images/layout/bg_body.gif) repeat center;
	text-align:center;
	color:#777676;
}
h1 {
	height:70px;
	text-indent:-9999px;
	margin:0;
}
h2, h4 {
	color:#89a9cd;
	font:14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin:25px 0 0;
}
h3 {
	color:#aeb502;
	font:14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:700;
	margin:10px 0 5px;
}
h4 {margin:5px 0;}
p {margin:7px 0;}
a:link, a:visited {color:#b1b829;text-decoration:none;}
a:hover {text-decoration:underline;}
blockquote {
	background:url(../images/openquote.gif) no-repeat;
	padding:2px 24px;
	line-height:16px;
	margin:20px 0 0;
}
blockquote p {margin:0;}
cite {
	background:url(../images/closequote.gif) no-repeat right;
	display:block;
	text-align:right;
	height:16px;
	padding:0 25px 0;
	font-weight:bold;
	font-style:normal;
}
ul, ol {margin:10px 0 10px 10px;padding:0;}
li {margin:0 0 0 14px;padding:0;list-style-position:outside;}

ol {font-weight:700;font-size:18px;color:#89a9cd;}
ol li {margin:10px 0 10px 30px;}
ol p {color:#777676;font-size:10px;font-weight:100;margin:0;}

.tlink {font-weight:bold;color:#777676;}
.small {font-size:90%}
.left {float:left;}
.right {float:right;}

.award {
	background:url(../images/logos/logo_afta-award.png) no-repeat;
	color:#111;
	padding:61px 0 0 72px;
	margin:0;
	height:40px;
}

#home .award-2010 {
	background:url(../images/logos/logo_afta-award-2010.png) no-repeat;
	padding:0px;
	margin:0px;
	width:157px;height:102px;
	position:absolute;
	left:0;
	bottom:0;
}

/*=============Page Layout=============*/
#wrap {
	width:803px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}
#header {
	background:url(../images/layout/bg_nav.gif) repeat-x 0 bottom;
	height:79px;
	padding:25px 4px 0 18px;
}
#header a.logo {
	float:left;
	height:55px;
	width:262px;
	background:url(../images/logos/logo_travel_managers.jpg) no-repeat;
}
#main {
	height:100%;
	padding:32px 18px 18px;
	background:url(../images/layout/bg_nav.gif) repeat-x bottom;
	position:relative;
}
#content {
	float:left;
	width:267px;
	position:relative;
}
#image {
	width:494px;
	height:498px;
	float:right;
	margin:0 0 10px;
}
#text {
	position:absolute;
	bottom:0;
	width:263px;
}
#call {
	font:13px Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:700;
	color:#b1b829;
	margin:30px 0 0;
}
#call a.alt {color:#646567;display:block;margin:0 0 14px;}
#call a.alt:hover {color:#B1B829;text-decoration:none;}
.clear {
	clear:both;
	height:0;
}
#footer {
	text-align:center;
	margin:15px 0;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	font-weight:700;
}
#footer a {
	text-decoration:none;
	color:#9d9d9d;
}
#footer a:hover {
	text-decoration:underline;
}
#footer img {
	margin:0 10px;
}

/*=============Page Dependant Styles=============*/
/*Home*/
#home h1{
	background-image: url(../images/text_sense.gif);
	background-repeat: no-repeat;
	/*background:url(../images/text_home.gif) no-repeat;	original*/
}
#home #image {
	background:url(../images/image_home.jpg) no-repeat;
}
#home #image_promo {
	background:url(../images/image_promo.jpg) no-repeat;
	width:494px;
	height:147px;
	float:right;
}
#home #image_promo a {
	width:494px;
	height:147px;
	display:block;
}
#home #content {height:499px;}
#home #text {top:70px;}
#home #call {position:absolute;bottom:143px;}
#home li.home a {color:#b1b829;}
#home .award {margin-left:272px;display:inline;}

/*About Us*/
#about #content, #testimonials #content, #privacy #content, #news #content {
	float:right;
	width:469px;
}
#about #text, #testimonials #text, #privacy #text, #news #text {
	width:469px;
	position:static;
}
#about h1 {
	background:url(../images/text_about.gif) no-repeat;
	height:42px;
}
#about #image, #about #image_bare {
	float:left;
	width:267px;
	background:url(../images/image_about.jpg) no-repeat;
} #about #image_bare {background:url(../images/barefacts_img.jpg) no-repeat;height:523px;}
#bare_img_bottom {float:left;width:267px;}

#about #call, #news #call {margin:30px 0 0;}
#about li.about a {color:#b1b829;} #about li.about ul li a {color:#b7b7b7;}

#about h4 a, #news h4 a, #business h4 a {
	background:url(../images/layout/icon_arrow.gif) no-repeat;
	line-height:20px;
	color:#646567;
	font-size:120%;
	display:block;
	float:left;
	margin:20px 0;
}
#about h4 a:hover, #news h4 a:hover, #business h4 a:hover {
	text-decoration:none;
	color:#A7AE15;
}

/*In The News*/
#news h1 {
	background:url(../images/text_news.gif) no-repeat;
	height:45px;
}
#news #image {
	float:left;
	width:267px;
	background:url(../images/image_news.jpg) no-repeat;
}
#news #content {
	padding-bottom:/*272px*/120px;
}
#news li.news a {color:#b1b829;}#news li.news ul li a {color:#b7b7b7;}
#news .award {
	position:absolute;
	left:0;
	bottom:0;
}
#feed ul {
	font-size:120%;
	margin:20px 0;
	text-transform:uppercase;
}
#feed li {
	color:#BFC233;
	padding:5px 0;
}
#feed li a {
	color:#646567;
}
#feed li a:hover {
	text-decoration:none;
	color:#A7AE15;
}

/*Testimonials*/
#testimonials #image {
	float:left;
	width:260px;
	height:641px;
	background-image: url(../images/image_testimonials-2.jpg);
	background-repeat: no-repeat;
}
#testimonials h1 {
	background:url(../images/text_testimonials.gif) no-repeat;
	height:42px;
}
#testimonials li.testimonials a {color:#b1b829;}
#testimonials #call {float:left;width:261px;margin:0; color:#9ac0df}
#testimonials #call a {color:#9ac0df}

/*Careers with Kids*/
#careers h1{background:url(../images/text_careers.gif) no-repeat;height:212px;}
#careers #content {height:499px;}
#careers #image {background:url(../images/image_careers.jpg) no-repeat;}
#careers li.careers>a, #reasons li.careers>a, #business li.careers>a, #corporate li.careers>a {color:#b1b829;}

/*Apply*/
#apply li.apply a {color:#b1b829;}
#apply #image, #privacy #image {
	background:url(../images/image_apply.jpg) no-repeat;
	float:left;
	width:260px;
}
#apply #registerform {float:right;width: 483px;}
#apply h1 {
	background:url(../images/text_apply.gif) no-repeat;
	height:50px;
	width:388px;
}
#apply #text {position:relative;}
#apply #text h3 {font-size: 13px;}
#apply #call {float:left;}

/*Privacy*/
#privacy h1 {background:url(../images/text_privacy.gif) no-repeat;height:42px;}
#privacy #main {height:600px;}

/*Corporate Consultants*/
#corporate #image {background:url(../images/image_corporate.jpg) no-repeat;}
#corporate h1 {background:url(../images/text_corporate.gif) no-repeat;height:135px;}
#corporate #text {position:relative;}
#corporate #call {margin-top:55px;}

/*Small Business*/
#business #image {background:url(../images/image_business.jpg) no-repeat;}
#business h1 {background:url(../images/text_business.gif) no-repeat;height:180px;}
#business #text {position:relative;}
#business #call {margin-top:17px;}

/*10 Reasons*/
#reasons #image {background:url(../images/image_10reasons.jpg) no-repeat;width:349px;height:580px;}
#reasons h1 {background:url(../images/text_10reasons.gif) no-repeat;height:80px;}
#reasons #text {position:relative;width:400px;}
#reasons #content {width:418px;}

/*Earnings Calculator*/
#earnings li.earnings a {color:#b1b829;}
#earnings h1 {
	background:url(../images/text_earn.gif) no-repeat;
	width:262px;
	height:81px;
}
#earnings #content {width:380px;}
#earnings #text {position:relative;width:100%;}
#earnings #image {
	margin-left:43px;
	float:left;
	width:333px;
	height:542px;
}
form#calculator {width:380px;margin:25px 0 15px;}
form#calculator table {
	background:url(../images/bg_earnings_calculator.gif) no-repeat;
	width:382px;
	height:133px;
}
#earnings input {
	font:11px Arial, Helvetica, sans-serif;
	text-align:right;
	border:none;
	width:70px;
	height:13px;
	line-height:13px;
	padding:0;
	margin:0;
}
#earnings table {
	border-collapse:collapse;
	width:100%;color:#404040;
	font:11px Arial, Helvetica, sans-serif;
	background:url(../images/bg_earnings_table.gif) no-repeat;
}
#earnings table span {display:none;}
#earnings th {
	color:#C0C137;
	text-align:center;
	text-transform:uppercase;
	height:30px;
}
#earnings td {
	padding:1px 7px;
	width:25%;
	height:18px;
	vertical-align:top;
	text-align:right;
}
#earnings .values td {vertical-align:middle;}
#earnings th.title {height:27px;}
#earnings td.title {
	color:#82A3CC;
	text-align:left;
	font-weight:700;
	text-transform:uppercase;
}
#earnings .fixed {background:#fff;color:#404040;}
#earnings .percent {width:50px;}
#earnings .edit {height:33px;}
#earnings .edit input {background:#DFE8F1;}

/*=============Contact Form=============*/
form {width:470px;margin:30px 0 0;}
form span {color:#FF0000;}
form .row {padding:4px 0;width:470px;}
form label {width:135px;float:left;padding-top:3px;}
form .textbox, form textarea, form select, #cv {
	width:200px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px;
}
form select {width:180px;}
form #center {text-align:center;width:320px;}
form .button {width:60px;}
form input, form textarea, form select {background-color:#fff;border:1px solid #9E9E9E;}
form input:focus, form textarea:focus, form select:focus {border:1px solid #aeb502;}
form textarea {margin:5px 0 0 135px;height:100px;}

/*Validation*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
.LV_valid { color:#00CC00;}	
.LV_invalid {color:#CC0000;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #00CC00;}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000;}


/* Better Off Guarantee */
.betteroffguarantee-column{
	background:url(../images/bg-better-off-guarantee.jpg) left top no-repeat;
	height:673px;
	width:270px;
	float:left;
	position:relative
}
.betteroffguarantee-column h1, .betteroffguarantee-column h2{
	position:absolute;
	text-indent:-9999px;
}
.betteroffguarantee-column span strong{
	color:#fff;
	position:absolute;
	top:181px;
	left:27px;
	font-size:12px
}
.betteroffguarantee-column ul{
	position:absolute;
	top:200px;
	width:240px;
	list-style:none;
	left:4px
}
.betteroffguarantee-column li{
	color:#fff;
	font-size:11px;
	background:url(../images/bullet-better-off-guarantee.png) left top no-repeat;
	text-indent:25px;
	margin-bottom:12px
}
.betteroffguarantee-main{
	background:url(../images/bg-guarantee-testimonials.jpg) left top no-repeat;
	height:673px;
	width:468px;
	float:left;
	margin:0 0 0 18px
}
.betteroffguarantee-main *{
	position:absolute;
	text-indent:-9999px;
}
.betteroffguarantee-main ul{
	list-style:none
}
#betteroffguarantee p{
	width:260px
}

