/* CSS for default */

/* Reset */
html	{font-size:100%;}

a, abbr, acronym, address, blockquote, body, 
caption, cite, code, dd, div, dl, dt, em,
fieldset, font, form, h1, h2, h3, h4, h5, h6,
hr, html, iframe, img, label, legend, li,
object, ol, p, pre, q, s, samp, span, strike,
strong, sub, sup, table, tbody, td, tfoot, th,
thead, tr, ul, var							{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit;}
										
body	{color:#333; font-size:12px; font-family:Trebuchet MS, Helvetica, Arial, Verdana, Sans-serif; background:#fff;}		

table	{border-collapse:separate; border-spacing:0;}
		
caption, th, td {text-align:left; font-weight:normal;}

ul	{padding-bottom:30px; padding-left:20px;}

/* Tyopgraphy */
strong	{font-weight:bold;}
p	{margin-bottom:20px;}

@font-face {
font-family: 'GentiumBookBasicRegular';
	src: url('../font/GenBkBasR-webfont.eot');
	src: url('../font/GenBkBasR-webfont.woff') format('woff'), url('../font/GenBkBasR-webfont.ttf') format('truetype'), url('../font/GenBkBasR-webfont.svg#webfont') format('svg');
	font-weight: bold;
	font-style: normal;
}

h1, h2	{font-family:'GentiumBookBasicRegular', Georgia, serif; font-size:30px; letter-spacing:-1px; color:#945e3a; margin:10px 0 20px;}
h2	{font-size:18px; letter-spacing:0px; margin:5px 0 10px;}

/* Links */
a	{text-decoration:none; color:#945e3a;}
a:link, a:visited	{text-decoration:none;}
a:hover, a:active	{text-decoration:underline;}
.learn_more	{padding-left:20px; background:url(../images/link.gif) 3px 4px no-repeat;}
.hr	{margin:20px 0; border-bottom:1px dotted #ccc;}

/* Wrapper */
#wrapper	{background:url(../images/header_bg.jpg) repeat-x; text-align:center;}

/* Header */
#header	{text-align:left; width:960px; height:224px; margin:auto;}
#logo	{width:100px; height:136px; overflow:hidden; display:block; float:left; margin:20px 0 20px 60px;}
#slogan	{font-family:'GentiumBookBasicRegular', Georgia, serif; font-size:30px; text-align:left; float:right; letter-spacing:-1px; color:#fff; margin:35px 40px 20px; width:640px;}
.navigation	{height:60px; float:right; display:block; margin-right:40px; list-style:none;}
.navigation li	{float:left;}
.navigation li a	{width:120px; display:block; text-indent:-999em; height:60px; overflow:hidden;}

.navigation li a#menu-home	{background:url(../images/menu_home.png) 0 -60px no-repeat;}
.navigation li.active a#menu-home, .navigation li a:hover#menu-home	{background:url(../images/menu_home.png) 0 0 no-repeat;}
.navigation li a#menu-services	{background:url(../images/menu_services.png) 0 -60px no-repeat;}
.navigation li.active a#menu-services, .navigation li a:hover#menu-services	{background:url(../images/menu_services.png) 0 0 no-repeat;}
.navigation li a#menu-owners-corporation	{width:168px; background:url(../images/menu_owners_corporation.png) 0 -60px no-repeat;}
.navigation li.active a#menu-owners-corporation, .navigation li a:hover#menu-owners-corporation	{background:url(../images/menu_owners_corporation.png) 0 0 no-repeat;}
.navigation li a#menu-about	{background:url(../images/menu_about.png) 0 -60px no-repeat;}
.navigation li.active a#menu-about, .navigation li a:hover#menu-about	{background:url(../images/menu_about.png) 0 0 no-repeat;}
.navigation li a#menu-contact	{background:url(../images/menu_contact.png) 0 -60px no-repeat;}
.navigation li.active a#menu-contact, .navigation li a:hover#menu-contact	{background:url(../images/menu_contact.png) 0 0 no-repeat;}

a#btn_login	{display:block; width:168px; height:60px; background:url(../images/btn_login.png) 0 -60px no-repeat; text-indent:-999em; margin:auto;}
a:hover#btn_login	{background:url(../images/btn_login.png) 0 0px no-repeat;}

/* Content */
#content_wrapper	{text-align:left; width:960px; margin:auto; position:relative; overflow:hidden;}
#main_content	{width:540px; float:left; margin:0 20px 0 60px; font-size:14px; line-height:20px;}
#main_content .support_img	{float:right; margin-left:1px;}
#main_full_content	{margin:0 60px; font-size:14px; line-height:20px;}
#support_content	{width:260px; float:left; background:url(../images/sep.gif) left bottom no-repeat; padding:0 20px 80px;}
#support_content h2	{font-size:18px; letter-spacing:0px; margin:10px 0 20px;}


/* Contact */
#map	{width:400px; float:left; margin-top:10px;}
#map_canvas	{width:400px; height:500px;}
#address	{width:400px; float:right; margin-top:10px;}
#contact_info label	{float:left; width:80px; font-family:'GentiumBookBasicRegular', Georgia, serif; font-size:18px; margin:5px 0 10px; color:#945e3a;}
#contact_info address, #contact_info p	{width:300px; float:left; margin:5px 0 10px;}

#contact_form	{padding-top:20px; clear:both;}
#contact_form dt	{float:left; width:80px; clear:left;}
#contact_form dd	{float:left; margin-bottom:10px; width:320px;}
#contact_form dd input	{width:200px;}
#contact_form dd input#submit	{width:80px; float:right; margin:0;}
#contact_form dd textarea	{width:320px;}
#contact_form ul.errors	{font-size:11px; color:red; list-style:none; padding:0;}
#contact_form .req	{color:red; }

/* Footer */
#footer	{background:url(../images/footer_bg.gif) repeat-x; height:155px; position:relative;}
#footer p	{text-align:center; font-size:11px; color:#505050; position:relative; top:165px;}

/* Image Slider */
#banners	{width:890px; height:310px; margin:auto;}
.scrollable {position:relative; overflow:hidden; width:890px; height:290px;} 
.scrollable div.items {width:20000em; position:absolute;} 
div.items div	{float:left;}

.navi {height:20px; float:right; margin-right:20px;} 
.navi a {float:right; width:12px; height:12px; margin:3px; background:url(../images/navigator.png) 0 -12px no-repeat; display:block; font-size:1px; cursor:pointer;} 
.navi a:hover, .navi a.active {background-position:0 0px;}