@charset "utf-8";
/* CSS Document */
/*Author : Chandan Chaurasia*/
*{ margin:0; padding:0;}
body{ font:62.5% Arial, Helvetica, sans-serif; background:#ECF5FD; color:#2E2E2E;}
img{ border:none;}
ul, li{ list-style:none;}

.header{ width:100%; background:url(../images/header_ship_bg.jpg) no-repeat center #D7E9F2;}
.hCompact{ width:995px; margin:0 auto; height:219px; position:relative;}

.logo{ position:absolute; width:204px; height:82px; top:42px;}
.logo h1{ display:none;}
.logo a.logoClick{ background:url(../images/resco_logo.jpg) no-repeat; width:204px; height:82px; display:block; }
.logo a.logoClick:hover{ background:url(../images/resco_logo.jpg) no-repeat; width:204px; height:82px; display:block; }
.logo a.logoClick span{ display:none;}

.navS{ width:100%; background:url(../images/navbg.gif) repeat-x #99BBD5;}
.nav{ width:995px; margin:0 auto; height:29px; position:relative;}
.number{ position:absolute; top:0; right:0;}

.nav ul li{ display:inline;}
.nav ul li a{ float:left; height:29px; line-height:29px; padding:0 10px; border-left:1px solid #787878; font-size:1.5em; font-weight:bold; color:#02519A; text-decoration:none;}
.nav ul li a:hover{ text-decoration:none; color:#BD1C1B;}
.current{text-decoration:underline !important; color:#BD1C1B !important;}
.extra{ border-right:1px solid #787878 !important; }

.canvas{ width:995px; margin:0 auto; padding:35px 0;}
.rightBox{ float:right; width:388px;}
.rightBox h1{ background:url(../images/welcome_to_resco.gif) no-repeat; height:20px; display:block; text-indent:-9999px;}
.rightBox p{ font-size:1.1em; line-height:18px; padding:7px 0 20px;}
.leftBox{ margin:0 395px 0 0;}
.leftBox p{ font-size:1.4em;}
.leftBox span{ font-size:1.1em; line-height:18px; padding:7px 0 20px;}
.leftBox h1{ color:#CC151A; font-size:1.8em;}
.leftBox ul{ font-size:1.4em;}
.leftBox ul li{ margin:0 0 10px 0; color:#fff; background:#758795; padding:10px;  -moz-border-radius:10px; -webkit-border-radius:10px;}
.leftBox ul li a{ color:#fff; text-decoration:none;}
.leftBox ul li a:hover{ color:#CCCCCC; text-decoration:underline;}

.leftBox ul.serv{ font-size:1.4em;}
.leftBox ul.serv li{ margin:0 0 10px 0; color:#666666; background:#fff; padding:10px;  -moz-border-radius:10px; -webkit-border-radius:10px;}

.containerImg{ float:left; padding:0 10px 0 0;}
.highlight{ text-align:center; font-size:1.4em; background:#C1111F url(../images/quotebg.gif) no-repeat center; height:30px; padding:27px 0 0; color:#fff;}
.aboutCanvas{ padding:10px; background:#bdd4e5; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #98a3f0;}
.termCanvas{padding:10px; background:#bdd4e5; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #98a3f0;}
.termCanvas div{ font-size:12px;}
.termCanvas p{ line-height:20px;}
.contactH{ font-size:1.4em; color:#1B93DF; font-weight:bold;}
.rightBox a{ color:#C1111F; text-decoration:none;}
.rightBox a:hover{color:#1B93DF; text-decoration:underline;}
.rightBox iframe{ margin:84px 0 0; padding:5px; border:4px solid #8FB5D1; -moz-border-radius:10px;}

.footer{ background:#B1CEE7 url(../images/footerbg.jpg) repeat-x;}
.footerC{ height:114px; position:relative; width:995px; margin:0 auto; line-height:114px; font-size:1.1em;}
.outLink{ position:absolute; top:0; right:0;}

	/*-----contact page---------*/
	.nextPage{ width:910px; margin:0 auto 20px; -moz-border-radius:20px; background:#F2E6BC; padding:20px; }

.contForm{ width:500px; color:#6c7062;}
.contDetails{ float:right; width:300px;}
.contDetails p{ font-size:1.2em; line-height:18px;}
.gMap{ color:#000 !important;  border:2px solid #CC0000;}
div.reservation
{
	font: normal 12px "Trebuchet MS", Arial, Verdana;
}

div.reservation fieldset
{
	border: solid 1px #c4002e;
	margin: 0;
	margin-bottom: 4px;
	padding: 6px;
}

div.reservation input,
div.reservation select,
div.reservation textarea
{	
	padding:4px;
	font: normal 13px "Trebuchet MS", Arial, Verdana;
	border: solid 1px #b4cff1;
}

div.reservation fieldset{ border:1px solid #02519A; -moz-border-radius:10px; padding:14px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div.reservation fieldset.personal-data input
{
	width: 170px;
}

div.reservation fieldset textarea
{
	overflow: auto;
	width: 356px;
	height: 100px;
}

div.reservation legend
{
	background: #93B7D2;
	border: solid 2px #02519A;
	-moz-border-radius:7px;
	padding:6px;
	margin-bottom: 4px;
	font-weight: bold;
	color:#fff;
}

div.reservation fieldset button
{
	margin: 4px;
	margin-left: 0;
}

div.reservation fieldset label
{
	display: block;
	font-weight:bold;
}

div.reservation fieldset div
{
	float: left;
	margin-right: 6px;
}

.display-none
{
	display: none;
}

.display-block
{
	display: block;
}

.validator
{
	background: url('Images/warning.gif') no-repeat;
	padding-left: 20px;
	color: red;
}

.thanks{ color:#2a57a0;}

.valErrorMsg{ color:#d11818;}

.text-align-right
{
	text-align: right;
}

.break
{
	clear: both;
}

.but{
	padding:5px;
	cursor:pointer;
	background:#9c0025;
	color:#fff;
	}
	
	.but2{	padding:5px;
	cursor:pointer;
	background:#746963;
	color:#fff;}
	
.designer{
	color:#DDCEA5;
	}
	
/* clears floats */
.clear { clear:both;}
.clearRt{ clear:right;}
.clearLt{ clear:left;}
 
/* Better Float Hack */
.floatWrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
.floatWrapper {display: block;}
/* End hide from IE-mac */