body, html {
height: 100%; }

* {
margin: 0; 
padding: 0;}

* html #pages {
height: 100%; }

body { 
background-color: #5E899C; 
margin: 0;
padding: 0;
height: 100%;
font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555;
 }

#pages {
width: 786px;
margin: 0 auto;
padding: 0;
min-height: 100%;
position: relative;
background: url(../images/content-bg.jpg) repeat-y #FFF;
 }

#content {
margin: 0;
padding: 0 20px 40px 20px;
width: 746px;
background-image: url(../images/content-bg.jpg);
background-repeat: repeat-y;
background-color: #FFF;
clear:both;
}

#content a {
color: #AE3335;
text-decoration: none;
margin: 0;
padding: 0;}

#content a:hover {
color: #7C542F;
text-decoration: underline;
margin: 0;
padding: 0;}

.title {
margin: 0;
padding: 0 0 5px 0;}

#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
padding: 0;
height: 121px;
}

.logo {
float: left;
margin: 0;
padding: 15px 0 0 31px;
}

.headerright {
float: right;
width: 287px;
margin: 0;
padding: 0;
}

hr {
height: 1px;
color: #D4D0A7;
}

#full {
float: left;
width: 728px;
margin: 0;
padding: 6px 10px 0 11px;
}

#full p {
margin: 0;
padding: 0;
color: #5A5A5A;
line-height: 1.9em;
}

#left {
float: left;
width: 483px;
margin: 0;
padding: 6px 10px 0 11px;
}

#left p {
margin: 0;
padding: 0;
color: #5A5A5A;
line-height: 1.9em;
}

#left-large {
float: left;
width: 580px;
margin: 0;
padding: 6px 10px 0 11px;
}

#left-large p {
margin: 0;
padding: 0;
color: #5A5A5A;
line-height: 1.9em;
}

#right {
float: right;
width: 235px;
margin: 0;
padding: 0;
}
#right p {
margin: 0;
padding: 0;
color: #5A5A5A;
line-height: 1.7em;
}

#right .offerwrapper {
background-color: #F1EFE2;
border: 1px solid #B8B06C;
height: 412px;
margin: 2px 8px 0 0;
padding: 0;
clear: both
}
#right .offertitle {
font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #555;
padding: 5px 0 0 10px;
background-color: #DDD7A6;
height: 25px;
border-bottom: 1px dotted #B8B06C;
}

#right .offers {
float: left;
color: #555;
padding: 5px 0 0 8px;
border-bottom: 1px dotted #B8B06C;
height: 58px;
width: 211px;
line-height: 1.2em
}

#right .lastoffer {
float: left;
color: #555;
padding: 5px 0 0 8px;
height: 58px;
width: 214px;
line-height: 1.2em
}

#right img {
margin: 0 4px 0 0;
}

#right-small {
float: right;
width: 130px;
margin: 2px 4px 16px 0;
padding: 3px 0 9px 0;
}
#right-small img {
float: right;
padding: 0 0 4px 0;
border: 0;
}
#right-small p {
text-align: right;
padding: 0 ;
}

.red {
color: #AE3335; }

.largetext {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #AE3335;}

.clear {
clear: both;
visibility:inherit;
}

.homeimage {
padding: 5px 0 0 0; }

#navcontainer {
	float: left;
	height: 27px;
	padding: 35px 0 0 23px;
	margin: 0;
	clear: both;
	width: 700px }

#nav {
	text-align: left;
	padding: 0;
	margin: 0;
	 }

#nav a {
	text-decoration: none;
	color: #8D3335; }

#nav a:hover {
	color: #666;
	text-decoration: underline;  }
	
#nav ul {
	list-style-type: none;
	 }

#nav li {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #666;
	display: inline;
	padding: 0 8px 0 8px;
	border-right: 1px solid #999; }

#nav li.endlink {
	border: 0; }


/* footer */
#footer {
margin: 0;
height: 42px;
padding: 0 20px 0 20px;
width: 746px;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555;
position: absolute;
bottom: 0; }

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

#footer a:hover {
color: #8D3335;
text-decoration: underline}


.footer-left p {
float: left;
width: 500px;
padding: 6px 0 0 12px;
color: #555;
margin:0;
}

.footer-right p {
float: right;
padding: 6px 7px 0 0;
color: #555;
}

/* contact form */
.label  {
	font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 0; color: #666}

form { width: 330px; padding: 15px 0 40px 0; margin: 0; }

input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	margin: 2px 0 2px 0;
	padding: 0;}

textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	height: 70px;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	margin: 2px 0 2px 0;
	overflow: scroll;
	
}
.send {
	background-color: #AE3335;
	color: #FFF;
	cursor: pointer;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 202px;
	height: 22px;
	border: 0
}


/* gallery */

#photogallery {
width: 728px;
margin: 0 auto 30px 0;
}

#thumbnails {
float: left;
width: 250px;
padding: 10px 0 10px 0;
}

#thumbnails img {
float: left;
border: 1px solid #999;
margin: 0 6px 10px 0;
}

#displayArea {
float: right;
width: 446px;
padding: 10px 0 0 0;
}

#displayArea img {
float: right;
border: 1px solid #999;
margin-bottom: 1em;
}

p {
margin-top: 0;
}
p#caption {
font: bold 11px Tahoma, Arial, sans-serif;
text-align: right;
color: #AE3335;
clear: both;
margin: -10px 0 0 0;
}

.separator {
font: 11px Tahoma, Arial, sans-serif;
clear: both;
}

/* tariffs */

.datatable {
	border: 1px solid #999;
	border-collapse: collapse;
	width: 728px;
}
.datatable td {
	border: 1px solid #999;	
	padding: 4px 0 4px 4px;
	color: #AE3335;
}
.datatable th {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #D4D0A7;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color: #FFF;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #DFE7F2;
	color: #000000;
}

.tabletitle {
	background-color: #666;
}
.tabletitle p {
	color: #FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.tabletitle2{
	background-color: #999;
}
.tabletitle2 p {
	color: #FFF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}