@import "layout.css";
@import "form.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
#gallery { margin: 0 0 20px; height: 210px; position: relative; background: url(/images/bg_gallery_officebase.png) no-repeat 0 0; }
#gallery #gallery_nav a { display: block; height: 10px; width: 10px; background: url(/images/bg_gallery_nav_officebase.png) 0 0 no-repeat; }

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
	background: #EEEDED;
}

.price_column
{
	display: block;
	float: left;
	width: 94px;
	height: 170px;
}

.price_column div
{
	float: left;
	display: block;
	width: 84px;
	height: 22px;
	margin: 3px;
	border: 1px #dedede solid;
	font-size: 1.3em;
	text-align: center;
	padding-top: 10px;
	color: #333333;
}

.price_column .full
{
	color: #999999 !important;
}

.price_hover
{
	display: none !important;
}

.price_info_box
{
	display: block;
	width: 150px;
	height: 45px;
	padding: 15px;
	position: absolute;
	background: #777777;
	color: #fff;
}

.price_title div
{
	border:1px #f2f2f2 solid;
	background: #f2f2f2;
	font-weight: bold;
}

.price_title div.first
{
	border: 1px solid #fff;
	background: #fff;
}




.price_current, .price_current div
{
	font-weight: bold;
	color: #000 !important;
}

.price_bottom
{
	clear: both;
}

.price_header
{
	font-weight: bold;
	color: #2e6d2e !important;
	border: 1px solid #fff !important;
	background: #fff !important;
}
body{
	font:normal 62.5%/1 Arial,Helvetica,sans-serif;
	color:#333;
	text-align:center;
	background: #fff;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5{
	margin:0 0 10px;
	line-height: 1.4;
}

h1 {
	font-size: 2.4em;
	color: #000;
}

h2 {
	font-size: 1.6em;
	color:#2e6d2e;
}

h3{
	font-size:1.2em;
}

h4{
	
}

h5{
	
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	font-size:1.2em;
	margin:0 0 10px;
	line-height:1.5;
}

span{
	
}

address{
	font:normal 1.1em/1.4 Arial,Helvetica,sans-serif;
	margin:0 0 10px;
}

blockquote{
	
}

cite{
	
}

img
{
	border: none;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol{
	
}

ul{
	margin:0 0 10px 30px;	
}

li{
	line-height:1.4;
	font-size:1.2em;
}

ul ul{
	padding-top:10px;
	margin:0 0 10px 20px;
}

ul ul li{
	font-size:1em;
}

#content_main ul{
	margin:0 0 10px 20px;
}

#content_main li{
	background:url(/images/li_officebase.gif) 0 5px no-repeat;
	list-style:none;
	padding-left:15px;
	margin:0 0 5px;
}

		#content_main ul.documents_list48
		{
			margin: 0;
			padding: 0;
		}
		#content_main ul.documents_list48 li
		{
			margin: 0 0 15px 0;
			padding: 0 0 0 60px;
			list-style: none;
			background: transparent none no-repeat scroll 0 50%;
			height: 48px;
		}
		#content_main ul.documents_list48 li.page
		{
			background-image: url(/images/icon48_page.gif);
		}
		#content_main ul.documents_list48 li.pdf
		{
			background-image: url(/images/icon48_pdf.gif);
		}

		#content_main ul.documents_list48 li a, ul.documents_list48 li a:link, ul.documents_list48 li a:visited
		{
			line-height: 24px;
		}
		#content_main ul.documents_list48 li a:hover
		{
		}
		

		#content_main ul.documents_list32
		{
			margin: 25px 0 0 25px;
			padding: 0;
		}		
		#content_main .discount ul.documents_list32
		{
			margin: 25px 0 0 0;
			padding: 0;
		}
		#content_main ul.documents_list32 li
		{
			margin: 0 0 10px 0;
			padding: 0 0 0 32px;
			list-style: none;
			background: transparent none no-repeat scroll 0 50%;
			height: 32px;
		}
		#content_main ul.documents_list32 li.page
		{
			background-image: url(/images/icon32_page.gif);
		}
		#content_main ul.documents_list32 li.pdf
		{
			background-image: url(/images/icon32_pdf.gif);
		}

		#content_main ul.documents_list32 li a, ul.documents_list32 li a:link, ul.documents_list32 li a:visited
		{
			line-height: 16px;
		}
		#content_main ul.documents_list32 li a:hover
		{
		}
		

/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

dl{
	
}

dt{
	clear:left;
	float:left;
	width:100px;
	font-size:1.1em;
}
	
dd{
	font-size:1.1em;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a:link, a:visited{
	color:#2e6d2e;
}

a:hover{
	color:#950f16;
}

a:active{
	
}

.skip{
	position:absolute;
	left:-9999px;
}

.find_out_more, .find_out_more span{
	background:url(/images/link_find_out_more.gif) no-repeat;
	width:121px;
	height:15px;
}


/*tables*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
table{
	border-collapse:collapse;
	width:100%;
	margin: 1.5em 0;
}

table th
{
	border-bottom: 1px solid #666;
}

tr.even td{
	background-color:#f2f1f1;
}

table td, table th{
	font-size:1.1em;
	padding: 8px 10px;
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:hand;
}

/*bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #999;
	padding:1px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.cthumb { float: right; margin: 0 0 10px 10px; }

.clear{
	clear:both;
}

.intro { font-size: 1.4em; }

.room_list
{
	background: url('/images/room_list.gif') no-repeat top left;
	width: 120px;
	height: 60px;
	padding: 20px;
	padding-top: 40px;
}

.room_list select
{
	margin-top: 5px;
	width: 120px;
}

a:visited.feature_link, a:link.feature_link{
	display:block;
	width:159px;
/*	float:left;*/
	margin:0 0 20px;
/*	border:5px solid blue;*/
/*	background:green;*/
	position:relative;
	height:169px;
}

.feature {
/*position:absolute;*/
top:0;
zoom:1;
/*	width:159px;*/
/*	float:left;*/
/*	vertical-align:bottom;*/
display:block;
}

.room_links li a
{
	font-size: 1.5em !important;
	text-decoration: none;
	font-weight: bold;
	padding-right: 20px;
	font-family: arial !important;
	background: url('/images/arrow_prices.jpg') no-repeat center right !important;
	
	
}
.room_links li
{
	padding-left: 0px !important;
	margin-left: 0px !important;
	list-style: none;
	background: none !important;
	
	
}

.room_links
{
	padding-left: 0px !important;
	margin-left: 0px !important;
}