@import "nav.css";
@import "slider.css";
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
/* COMMON STYLES */
body {
  font-family:arial,helvetica,sans-serif;
  font-size:12px;
}

img { border: none; }
	
#wrapper {
	width:900px;
	margin:0px auto;
	/*border:1px solid #bbb;*/
	padding:0px;
}
	
#header {
	/*border:1px solid #bbb;*/
	height:37px;
	padding-top:40px;
}

#header-left {
    float: left;
	width:450px;
}

#header-right {
	float: left;
	width:180px;
	text-align: right;
	height: 1% /* Holly hack for Peekaboo Bug */

}

#content {
	width: 900px;
	height: 400px;
	margin-top:100px;
	padding-bottom:0px;	
}

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

div#about{
	width: 900px;
	height: 400px;
    margin: 0px auto;
    border:1px solid #bbb;
    background-color: #e4faff;
}

div.aboutContent{
    margin: 0px 0px;
    width: 600px;
    margin-left: 20px;

} 

div.about-text-gray{
    margin: 10px 0px;
    font-family:arial,helvetica,sans-serif;
    font-size:14px;
    line-height: 18px;
    color: #414141;
}

div.about-text-blue{
    margin: 0px 0px;
    font-family:arial,helvetica,sans-serif;
    font-size:14px;
    line-height: 18px;
    color: #2c9cb3;
}       

/*----------------------------*/   
#content div {
	padding-top:0px;
	/*border:1px solid #bbb;*/
	float:left;
}

#content-left {
	width:180px;
}

#content-main {
	margin-left:10px;
	width:500px;
}

#content-right {
	margin-left:10px;
	width:134px;
}
.navigator{
	font-size: 11px;
	margin: auto;
	padding: 0 0;
	color: #fff;
	z-index: 1000;
}

a.view{
  font-size: 12px;
  color: #2c9cb3;
  padding-left: 20px;
  text-decoration: underline; 
}

a.view:hover{
  font-size: 12px;
  color: #fff;
  padding-left: 20px;
  text-decoration: underline; 
}

#slide-back{
  
  width: 650px;
  height: 350px;
  margin: 0px auto;
}
	
#footer {
	font-size: 11px;
	margin: 0 auto;
	padding: 0 0;
	width:901px;
	color: #333;
}

#footer a {
	font-size: 11px;
	margin: 0 auto;
	padding: 0 0;
	width:901px;
	color: #2c9cb3;
	text-decoration: none;

}

#footer a:hover {
	font-size: 11px;
	margin: 0 auto;
	padding: 0 0;
	width:901px;
	color: #2c9cb3;
	text-decoration: none;
	
}
	
#bottom {
	clear:both;
    text-align:right;
}


/* logo -------------------------*/

#logo,
#logo a {
  float: left;
  width: 151px;
  height: 37px;
}

#logo{
  background: url(../images/bellhaus-logo.jpg) no-repeat top left;

}

/* Easy Slider */
    div#slider{
      margin: 0px auto;
      border:1px solid #bbb;
    }
    
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:400px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

#column-left{
  float:left;
  width:228px;
  padding:0px;

}

#column-right{
  margin-left: 10px;
  padding:0px;
}


ul.about {
	margin: 0; padding: 0;
	float: left;
	width: 228px;
	height: 402px;
	list-style: none;
	position: relative;
	font-size: 1.1em;

}
ul.about li {
	float: left;
	margin: 0; padding: 0;
}

ul.about li.about-sidebar {
	background: url(../images/about/about-sidebar.png) no-repeat top left;
	width: 228px;
	height: 401px;
	margin-top:0px;
	text-decoration: none;
	float: left;
	position: relative; /*--Declare X and Y axis base--*/
}

ul.about li.about-sidebar div.aboutContainer {
	margin-top:250px;
	float: left;
}

.about-text-bold{
  font-family:arial,helvetica,sans-serif;
  font-size:14px;
  color: #005668;
  font-weight: bold;
  display: block;
  margin: 2px 30px;
}

.about-text{
  font-family:arial,helvetica,sans-serif;
  font-size:14px;
  color: #005668;
  font-weight: normal;
  display: block;
  margin: 0px;
}