/*- Reset Styles -----------------------------------------------------------*/

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
  cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
  ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
  {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}

  ol, ul {list-style:none;}
  h1, h2, h3, h4, h5, h6, li {line-height:100%;}
  blockquote, q {quotes:none;}
  table {border-collapse:collapse; border-spacing:0;}

  input, textarea {font-family:inherit; font-size:1em;}

/*- End Of Reset Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- General Styles ------------------------------------------------------*/

    body { background:url('/img/bg-body-mobile.jpg') repeat-x top; font-family:"Lucida Grande","Arial", Helvetica, sans-serif; font-size:12px; }
    a { }
    p { }

    /*- Screen Resolution -*/
    #main { margin:0 auto; width:900px; }

    /*- Float clear -*/
    #header,
    #header-nav,
    #container,
    #top,
    #middle { overflow:hidden; }

/*- End of General Styles -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- HEADER ------------------------------------------------------*/

    #header {}
    #header .left {float:left; width:345;}
    #header .left .logo img {padding: 30px 0 0 40px; }
    #header .right  {float: right;}
    #header .right #header-nav {
	background: url('/img/header-nav.png');
	height:50px;
	width:555px;
	margin: 45px 0px 0px 0px;
	text-align: center;
}
    #header .right #header-nav ul {list-style: none; margin: 0;}
    #header .right #header-nav li {display:block; float:left; margin:20px 8px 0px 12px;}
	#header .right #header-nav li#first {display:block; float:left; margin:20px 8px 0px 36px;}
    #header .right #header-nav a {text-decoration: none; color:#6e4a2b; font-size:11px;}
	#header .right #header-nav a:hover {text-decoration: none; color:#B37D2D; text-align: center; font-size:11px; }
	#header .right #header-nav a:.selected {text-decoration: none; color:#B37D2D; text-align: center; font-size:11px; }


/*- SIDEBAR ------------------------------------------------------*/

    #sidebar { float:left; width:205px;}
    #sidebar img {padding: 20px 30px 20px 35px;}
    #sidebar #sb-nav {background-color:#7c5d3d; background-image:url('/img/leftnav-city.gif'); background-repeat:no-repeat; background-position:bottom; width:200px; margin: 32px 0px 16px 16px; padding: 10px 0px 0px 0px; }
    #sidebar #sb-nav a {color:#d8c5b0; font-size:13px; text-decoration:none; line-height:28px;  position:relative; left:-7px; display:block; height:34px; width:202px; padding: 0px 0px 0px 24px;}
    #sidebar #sb-nav a.selected {background: url('/img/sb-nav-selected.png') no-repeat; color:#fff; }
	#sidebar #sb-nav a:hover {color:#fff; }
	#sidebar #sb-nav #second { width:202px; margin-bottom:18px; }
	
	#sidebar #sb-nav #second a {color:#c8b7a8; font-size:12px; text-decoration:none;  position:relative; left:-7px; display:block; height:18px; width:202px; padding: 0px 0px 0px 34px;}
	#sidebar #sb-nav #second a:hover {color:#ffffff; background:none;}
	#sidebar #sb-nav #second a.selected {color:#ffffff; background:none;}
	
    #sidebar #sb-video { background: url('/img/sb-video-bg.png') repeat left top #eedecb; width:170px; padding: 10px; margin: 0px 0px 0px 22px;}
    #sidebar #sb-video p {
	color:#625e59;
	padding: 0px 10px 10px 10px;
	font-size:12px;
}
    #sidebar #sb-video img {padding: 0px 10px 5px 0px;}

/*- MAIN-CONTAINER ------------------------------------------------------*/

    #main-container {width:695px; float:left;}

/*- CONTAINER ------------------------------------------------------*/

    #container {background: url('/img/container.png') repeat left top; width:695px; position: relative; z-index:1;}
	#container.sub {background: url('/img/container-sub.png') repeat left top; width:695px; position: relative; z-index:1; min-height:650px;}
	
	/*- BREADCRUMB ------------------------------------------------------*/
	#container.sub #breadcrumb { width:665px; height:28px; padding-top:20px; padding-left:30px; color:#666666; font-size:11px; }
	
    /*- TOP ------------------------------------------------------*/
    #container #top { float: right;}
    #container #top img { padding: 14px 10px 10px 10px}

    /*- MIDDLE ------------------------------------------------------*/
    #container #middle { width:695px; }
    #container #middle .left {
	float:left;
	width:470px;
	min-height: 700px;
}
    #container #middle .left p {padding: 0px 20px 0 30px; font-size: 12px; color:#888; line-height:17px;}
    #container #middle .left p.top {padding: 15px 20px 0 30px; font-size: 14px; color:#555; line-height:17px;}
    #container #middle .left h1 {color:#b37d2d; font-size:15px; padding: 0px 0px 10px 30px; font-weight:normal;}
    #container #middle .left h2 {padding: 10px 0px 5px 30px; font-size:11px;}
    #container #middle .left h3 {color:#311d09; font-size:22px; padding: 0px 0px 10px 30px; font-weight:normal;}
    #container #middle .left h4 {color:#333; font-size:16px; padding: 0px 0px 10px 30px; font-weight:normal;}
	#container #middle .left a {color:#b37d2d; margin: 15px 0px 5px 30px; display:block;}
	#container #middle .left a.normal {color:#b37d2d; margin:0px; display:inline;}
    #container #middle .left hr { background-color: #CCC; height: 1px; margin: 20px  30px;}
    #container #middle .left span.bold {font-weight:bold;}
    #container #middle .right {float:right; width:220px; }
    #container #middle .right h1 {padding: 10px; color:#B37D2D; font-size: 15px; font-weight:normal;}
    #container #middle .right h2 {
	color:#666;
	font-size:13px;
	padding:0px 10px 10px 10px;
	font-weight:normal;
	line-height:17px;
}
    #container #middle .right p {padding: 5px 0 5px 0; color:#666; }
    /*- FORM-CONTENT  ------------------------------------------------------*/
        #container #middle .right #form-content p {color:#333333; font-size:11px; }
        #container #middle .right #form-content label {color:#666; width:180px; display:block; margin: 0 0 0 12px;}
        #container #middle .right #form-content input {background: url('/img/form-inputs.png') no-repeat; height:27px; width:180px; border: 0; margin: 0 0 0 8px; padding: 7px 0 0 10px; color:#666666; }
        #container #middle .right #form-content button {background: url('/img/submit.png') no-repeat; height:20px; width:75px; float:right; margin: 10px 40px 10px 10px; }

 /*- FOOTER ------------------------------------------------------*/

    #footer { background: url('/img/footer-bg.png') no-repeat center; clear:both; height:66px; width:695px; position:relative; margin-bottom:20px; }
    #footer p {float: left; font-size:11px; margin: 42px 10px 10px 33px; color:#FFF; }
    #footer p.right {float:right; margin-right:35px;}