/*
 * iWebSkel: The Ultimate Website Skeleton!
 */

/* Reset */
@import 'reset.css';


body {
	background: #e9e9e9;
}


#container {
	
}




/* HEADER */
#header {
	background:transparent url(../images/header_bg.gif) repeat-x scroll 0 0;
	height: 100px;
	border-bottom: 1px solid #00669E;
}

#header_content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 80px;
}

#header_postface {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 20px;
}


/* MAIN BODY */
#main {
	background:transparent url(../images/main_bg.gif) repeat-x scroll 0 0;
	height: 320px;
	border-bottom: 1px solid #e1e1e1;
}

#main_content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 300px;
}

#main_right {
	height: 300px;
	width: 330px;
	float: right;
	margin-top:20px;
}



#main_postface {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 100px;
}


/* FOOTER */
#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #e9e9e9;
}

#footer_left {
	width: 319px;
	height: 200px;
	background: transparent;
	float: left;
	border-left: 1px solid #e1e1e1;
}

#footer_center {
	width: 318px;
	height: 200px;
	background: transparent;
	float: left;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

#footer_right {
	width: 319px;
	height: 200px;
	background: transparent;
	float: right;
	border-right: 1px solid #e1e1e1;
}

#footer_bottom {
	margin-top:80px;
	height: 24px;
	width: 960px;
	float: left;
}







/* TYPOGRAPHY */

h1 {
	font-family: Georgia, serif;
	font-size: 48px;
	font-style: italic;
	color: #d7d7d7;
	padding-top: 20px;
	padding-left:20px;
}

h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
	font-style: bold;
	color: #898989;
	padding-top: 20px;
	padding-left:20px;
	padding-bottom:20px;
}

h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 24px;
	font-style: bold;
	color: #009aff;
	padding-top: 20px;
	padding-left:20px;
	padding-bottom:10px;
	letter-spacing:-1px;
}


h4 {
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
	font-style: bold;
	color: #898989;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

p {
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color: #898989;
	padding-left: 20px;
	line-height:21px;
}

small {
	font-family: helvetica, arial, sans-serif;
	font-size:10px;
	padding-left:20px;
	color:#868686;
}








/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 610px;
  height: 300px;
  margin-bottom: 0px;
  margin-top:20px;
  margin-left:20px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 500px;
  height: 300px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}                      

#horizontal_carousel ul li {
  width: 500px;
  height: 300px;
  text-align: left; 
  list-style:none;   
  float:left;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/horizontal/left3.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(../images/horizontal/left2.png);
}

#horizontal_carousel .previous_button_disabled {
  background: url(../images/horizontal/left3.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/horizontal/right3.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(../images/horizontal/right2.png);
}

#horizontal_carousel .next_button_disabled {
  background: url(../images/horizontal/right3.png);
  cursor: default;
}