html, body {
	height: 100%;
}
body {
	background: url('../system/fdv.jpg') repeat-x #282D3E; 
	font: 14px "Lucida Grande", Arial, Verdana, sans-serif;
}
body, h1, h2, h3, h4, h5, p, ul, li, img, form, dl, dd, dt {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
}
input, textarea {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;	
}
a, a:hover, a:active, a:visited, a:link {
	text-decoration: underline;
	color: #fff;
	outline: none;
	cursor: pointer;
}
a:active {
	color: #888888;;
}
p {
	font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #939393;
	line-height: 16px;
}
h1 {
	font: 24px "Trebuchet MS", Verdana;	
	color: #FFF;
	text-shadow: #000 0 1px 1px; 
}
h2 {
	font: 18px "Trebuchet MS", Verdana;	
	color: #FFF;
	text-shadow: #000 0 1px 1px; 
}
h3 {
	font: 14px "Trebuchet MS", Verdana;	
	color: #FFF;
	padding-top: 10px;
	text-shadow: #000 0 1px 1px; 
}

.typo1  {font: bold 11px verdana; color: #DFB5B5; line-height:23px;}
.typo2  {font: bold 15px verdana; color: #DFB5B5; line-height:23px;}
.typo3  {font: bold 12px verdana; color: #ffffff; line-height:15px;} 
.typo4  {font: normal 12px verdana; color: #ffffff; line-height:15px;} 
.typo5  {font: bold 15px verdana; color: #000000; line-height:30px;} 
.typo6  {font: bold 9px verdana; color: #4F4F4F; line-height:10px;}  
.typo7  {font: normal 11px verdana; color: #DFB5B5; line-height:15px;}
.typo8  {font: normal 9px verdana; color: #6F7C7F; line-height:15px; TEXT-DECORATION: none;}
a.typo8:link{ font: normal 9px verdana; color: #6F7C7F; line-height:15px; TEXT-DECORATION: none; }
a.typo8:visited{ font: normal 9px verdana; color: #6F7C7F; line-height:15px; TEXT-DECORATION: none; }


#interContainer{position:absolute;width:600px;left:30;top:0;padding:0;padding-top:0;visibility:hidden;z-index:116;}
#interContainer .headerbar{padding:0px 0;text-align:right;font-family:Arial,sans-serif;}
#interContainer .headerbar a{color:white;font-size:120%;text-decoration:none;}
#interVeil{position:absolute;background:black url(/system/black.gif);right:0;width:10px;top:0;z-index:115;visibility:hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=30);opacity:.3;}
#interContainer{margin:0;padding:0;font-family:'Trebuchet MS',Verdana,Georgia,Arial,sans-serif;font-size:.9em;text-align:center;color:#000;line-height:1.3em;}

.myBox .bigtext {
	TEXT-ALIGN: center; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
DIV.myBox {
	POSITION: relative; WIDTH: 400px; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px
}
DIV.myBox DIV.top_ul {
	WIDTH: 15px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) no-repeat left top; FLOAT: left; HEIGHT: 30px
}
DIV.myBox DIV.top_ur {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) right top; HEIGHT: 30px; PADDING-TOP: 0px; LEFT: 0px !important
}
DIV.myBox H1.caption {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 90%; PADDING-RIGHT: 0px; COLOR: #555; FONT-SIZE: 12px; TOP: 10px; FONT-WEIGHT: bold; PADDING-TOP: 0px; LEFT: 5px
}
DIV.myBox DIV.middle {
	BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/body.png) repeat-y left top; MARGIN-RIGHT: 20px
}
DIV.myBox DIV.body {
	POSITION: relative; PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 20px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/body.png) repeat-y right top; MARGIN-LEFT: 5px; RIGHT: -20px; PADDING-TOP: 8px
}
DIV.myBox DIV.bottom_ll {
	WIDTH: 15px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) no-repeat left bottom; FLOAT: left; HEIGHT: 15px
}
DIV.myBox DIV.bottom_lr {
	POSITION: relative; MARGIN: 0px 0px 0px 15px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) right bottom; HEIGHT: 15px; LEFT: 0px !important
}
DIV.myBox DIV.closeButton {
	POSITION: absolute; MARGIN: 10px 15px 0px 0px; WIDTH: 13px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/closebtn.gif); FLOAT: right; HEIGHT: 13px; TOP: 0px; CURSOR: pointer; RIGHT: 0px
}
DIV.myBox DIV.closeButton:hover {
	BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/closebtn_over.gif)
}
DIV.myBox P {
	MARGIN-TOP: 1em
}


/* lightbox contact */ 

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.5;
			opacity:.50;
			filter: alpha(opacity=50);
		}
		.white_content {
			display: none;
			position: relative;
			margin-left: auto; 
  		margin-right: auto;
  		width: 553px;
  		height: 419px;
			border: 3px solid orange;
			border-top: 0px;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}


/* ----------------------------------------------------------------------- */ 


.champ {color: #000000;font-family:Arial;font-size:9pt;text-decoration:none;background-color: #FFFFFF;border: 1px solid #000000;}


#header {
	width: 883px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.onelayer {
overflow: auto;
visibility: visible;
height:0px;
}


#head {
	height: 100px;
	margin-right:12px;
}

#logo {
	position: absolute;
	background: url('../system/logo.png') no-repeat;
	margin-top: 50px;
	margin-left: 0px;
	width: 216px;
	height: 105px;
}

#logo span {
	display: none;
}

#menu {
	display: block;
	width:700px;
	position: relative;
	list-style: none;
	clear: right;
	float: right;
	overflow: hidden;
}

#menu li {
	float: right;
}

#menu li a {
	float: left;
	display: block;
	height: 33px;
	text-decoration: none;
	font-size: 12px;
	text-shadow: #000 0 -1px 0; 
	font-weight: bold;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu li a.current:hover, #menu li a.first_current:hover, #menu li a.last_current:hover {
	text-decoration: none;
}

#menu li a span {
	float: left;
	display: block;
	height: 33px;
}

#menu li a span span {
	padding: 11px 12px 0 15px;
	height: 22px;
}

#menu li a.first span {
	background-position: 0 0;
}

#menu li a.first span span {
	background-position: top right;
	padding-left: 30px; /* 15 + 15 */
}

#menu li a {
	background: url('../system/normal_center_.gif') repeat-x;
}

#menu li a span {
	background: url('../system/normal_left.jpg') no-repeat -15px 0;
}

#menu li a.after_current span span, #menu li a span span {
	background: url('../system/normal_right.jpg') no-repeat top right;
}

#menu li a.after_current span {
	background-image: url('../system/normal_after_current.jpg');
	background-position: 0 0;
}

#menu li a.before_current span span {
	background-image: url('../system/normal_before_current.gif');
}

#menu li a.before_current span span, #menu li a span span {
	background: url('../system/normal_right.jpg') no-repeat top right;
}

#menu li a.first_current {
	background-image: url('../system/current_center.gif');
}

#menu li a.first_current span {
	background-image: url('../system/current_left.jpg');
}

#menu li a.first_current span span {
	background-image: url('../system/current_right.jpg');
}

#numerovert {
	
}

#languages {
	background: url('../system/languages.gif') repeat-x;
	background-position: 0 -27px;
	float: right;
	height: 34px;
	width:60px;
	font-size: 11px;
}
#languages div {
	background: url('../system/languages.gif') no-repeat;
	background-position: left top;
	height: 27px;
}
#languages div div {
	background-position: right -54px;
}
#languages ul {
	list-style: none;
	padding: 0 3px 0 3px;
	overflow: hidden;
}
#languages ul li {
	padding: 7px 5px 5px 5px;
	float: left;
	height: 15px;
}
#languages ul li a, #clientsection_link a {
	text-decoration: none;
}
#languages ul li a:hover, #clientsection_link a:hover {
	text-decoration: underline;
}
#languages ul li.current {
	background: url('../system/languages_arrow.gif') no-repeat center 23px;
}

#clientsection_link {
	float: right;
	font-size: 11px;
	padding: 7px 7px 0 0;
}

#page {  }

#page_in {
	overflow: hidden;
	min-height: 200px;
	background: url('../system/sidebar_shadow.png') repeat-y top right;
}

#footer {
	z-index: 900;
	position: relative;
	top: -26px;
	background: transparent;
	clear: both;
	overflow: hidden;
	width:676px;
	float:right;
	background:#282D3E;
	margin-right:11px;
	BORDER-TOP: #000000 1px solid;
}
#footer ul#footer_left {
	padding-left: 10px;
	float: left;
}
#footer ul {
	list-style: none; 
	float: right;
	font-size: 11px;
	padding-top: 10px;
}
#footer ul li {
	padding: 0 15px 0 5px;
	color: #8c8b8c;
	float: left;
}

#features {
	background: #232323 url('../system/back_features.gif') repeat-x;
	overflow: hidden;
}

.bottom {
	overflow: hidden;
	padding-bottom: 6px;
}

.menu_g {
	position: relative;
	float: left;	
	width: 208px;
	z-index: 100;
}

.sidebar {
	position: relative;
	float: left;
	background: url('../system/sidebar_shadow.png') repeat-y top right;	
	width: 208px;
	z-index: 100;
}
.sidebar_in {
	float: left;
	width: 196px;
}
.sidebar ul {
	list-style: none;
	font: 12px "Lucida Grande";
	text-decoration: none;
	width: 207px;
	background: url('../system/sidebar_selected.png') no-repeat 0px 0px;
	float: left;
	margin: 10px 8px;
}
.sidebar ul li {
	width: 188px;
	overflow: hidden;
}
.sidebar ul li a {
	display: block;
	padding: 11px;
	text-decoration: none;
	text-shadow: #000 0 -1px 0;
	width: 165px;
	background: url('../system/sidebar_arrow.png') no-repeat 172px 13px;
	cursor: pointer;
}
.sidebar ul li .inter {
	width: 188px;
	background: url('../system/sidebar_inter.png') repeat-x 0 0;
	height: 2px;
	display: block;
	position: absolute;
	margin-top: -1px;
}
.sidebar ul li.selected a {
	font-weight: bold;
}

.content_with_sidebar {
	position: relative;
	float: left;
	width: 675px;
	z-index: 50;
	margin-left: -11px;
	overflow: hidden;
	background: #2B2D39 url('../system/sidebar_shadow_D.png') repeat-y top right; 
	/* background: url('../system/sidebar_shadow2.png') repeat-y top right; */	
}
.content_with_sidebar .column {
	float: left;
	width: 298px;
	padding: 30px 0 0 5px;
}
.content_with_sidebar .column.h {
	float: left;
	width: 609px;
	padding: 10px 0 0 30px; 
}
.content_with_sidebar .column.tiny {
	width: 237px;
}
.content_with_sidebar .column.medium {
	width: 359px;
}
.content_with_sidebar .column p {
	padding-top: 8px;
	margin: 0;
	clear: both;
	overflow: hidden;
}

.content_with_sidebar h2 {
	margin-top: 30px;
	float: left;
	clear: left;
}
.content_with_sidebar h2.no_margin {
	margin: 0;
}
.content_with_sidebar .a_content {
	overflow: hidden;
	min-height: 470px;
}
.content_with_sidebar .a_content ul li {
	font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #939393;
	line-height: 16px;
}
.content_with_sidebar .quicklook {
	float: right;
}
.content_with_sidebar .quicklook.no_margin {
	margin-top: 5px;
}

a.quicklook {
	text-shadow: #000 0 1px 1px; 
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: url('../system/quicklook.png') no-repeat 0 3px;
	font-size: 11px;
	padding: 0 0 1px 20px;
}
a.quicklook:active {
	color: #888888;
	background-position: 0 -20px;
}