@charset "UTF-8";
/* CSS Document */
*{margin:0;
padding:0;}
#wrap{position:relative;}
h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
}
section,nav,footer, header{ display:block; }
html, body {
	height: 100%;
	min-height:100%;
	padding:0px; margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	background:#c2b3a1;
	
}ott

a img{
	border:none;
}
#content{
	position:relative;
	margin-left:auto; margin-right:auto; width:1016px;
	min-height:100%;
	margin-bottom:-60px;
		margin-top:20px;
	    height: auto !important;
    height: 100%;
	background:#FFF;
	z-index:1;
	
}
header{
	z-index:4;
	height:226px;
	margin-top:-20px;
	background:#FFF;
	position:relative;
	
}


.shadow-lr{
	-moz-box-shadow:
         7px 8px 7px -7px #333,
         -7px 8px 7px -7px #333;
    -webkit-box-shadow:
         7px 8px 7px -7px #333,
         -7px 8px 7px -7px #333;
    box-shadow:
         7px 8px 7px -7px #333,
         -7px 8px 7px -7px #333;
}

#top_nav{
	border-top:#CCC solid 4px;;
	z-index:3;
	position:relative;
	background:#FFF;
	height:54px;
	margin-top:-1px;
	
	background-image: -ms-linear-gradient(top, #ffffff 0%, #ecebeb 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #ecebeb 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #ecebeb 100%);
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ECEBEB));
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #ecebeb 100%);
	/**/
	background-image: linear-gradient(to bottom, #ffffff 0%, #ecebeb 100%);
}


#main {
	background:#FFF;
	z-index:2;
	height:100%;
	min-height:100%;
	height: auto !important;
	position:relative;

}


#bottomspace{
	height:59px;
	background:#FFF;
}

.hor_space{
	height:10px;
	margin-bottom:10px;
}
.bottom_extra{
	height:20px;
	margin-top:20px;
	
}

footer{
	position:relative;
	z-index:3;
		margin-left:auto; margin-right:auto; width:1016px;
	background:#7ac7d1;
	height:60px;
	margin-top:-60px;
}

a, a:visit, a:active. a:hover, a:focused{
	text-decoration:none;
	border:#FFF none 0px;
}

.corner_box{
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#FFF;
	border:#CCC solid 1px;
	padding:10px;
	min-height:100px;
}


.rounded_box {

  border: 1px solid #ccc;
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
  
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
   */
  font-size: 16px;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 3px 6px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
 */
  -webkit-appearance: none;
    
}

.rounded_box:focus {
  
  /* supported IE8+ and all other browsercontactroundeds tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #339933;
  
}