/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image:url(../images/background.jpg);
	background-repeat: repeat;
	}

#top {
	width: 990px;
	}
#top_l{
	width: 380px;
	height: 150px;
	float:left;
	background-image:url(../images/logo.jpg);
	}
#top_r {
	width: 610px;
	height: 150px;
	float:right;
	text-align: right;
	}
#main {
	width: 950px;
	height: 150px;
	clear: both;
	background-image:url(../images/main.jpg);
	}
#body {
	width: 990px;
	}
#body_l {
	width: 620px;
	float: left;
	background-color:#FFF;
	border: 1px solid #686868;
	text-align: left;
	padding: 0px 10px 10px 10px;
	}
#body_l_portfolio {
	width: 620px;
	float: left;
	border-right: 1px solid #C0C0C0;
	text-align: left;
	padding: 0px 10px 10px 10px;
	}	
#body_r{
	width: 340px;
	float: right;
	text-align: left;
	}
#side_bg{
	width: 330px;
	height: 60px;
	background-image: url(../images/side_bg.jpg);
	text-align:left;
	}
#footer2 {
	width: 970px;
	height: 30px;
	clear:both;
	padding: 10px;
	text-align: left;
	margin-top: 5px;
	color:#777;
	}
/*---- Process slide -----*/
	

#wrapper { background: white url(../images/sidebar_bg.jpg) repeat-y top right; }

#content { }
  #content h1 {  line-height: 32px; margin: 30px 0 50px 0; }
  #content p {  line-height: 22px; margin-bottom: 20px; }
  
  /* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures { position: relative; height: 408px; }
    #pictures img { position: absolute; top: 0; left: 50px; }
    
    #prev, #next { margin-bottom: 30px; padding-left: 120px; }
  /* relevant for the tutorial - end */
  
#footer { text-align: center; margin: 50px 0 20px 0; }

#sidebar { }
  #sidebar ul { margin-top: 20px; }
  #sidebar ul li { padding: 20px 0 20px 0; border-bottom: 1px solid #dddcdc; line-height: 18px; }
  #sidebar ul li h2 {  margin-bottom: 8px; }
	
/*----- inside body main ------*/	
	
#team_pic {
	width: 130px;
	height: 100px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	}
#team_body {
	width: 460px;
	height: 90px;
	float: right;
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
	background-image: url(../images/team_body.jpg);
	}
	
/*-----    Classes         ----*/	

a { color: #5d8411; text-decoration: none; }
a:hover { text-decoration: underline; }

li, ul {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-left: 6px;
	list-style: url(../images/ul.jpg);
	}


.a1 {
	font-size: 14px;
	font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: 100;
	color:#222;
	}
	
	
.front_form {
	font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: 100;
	}
	
.form1 {
	width: 240px;
	border: 1px solid #686868;
	background-color: #EFEFEF;
	padding-left: 5px;
	font-family: georgia;
	text-decoration: none;
	font-size: 17px;
	color: #333333;
	font-weight: 50;
	margin: 7px 0px 3px 5px;
	}
.form1:hover {
	width: 240px;
	border: 1px dotted #5d8411;
	background-color: #C4C4C4;
	padding-left: 5px;
	font-family: georgia;
	text-decoration: none;
	font-size: 17px;
	color: #333333;
	font-weight: 50;
	margin: 7px 0px 3px 5px;
	}	
.form2 {
	width: 285px;
	border: 1px solid #686868;
	background-color: #EFEFEF;
	padding-left: 5px;
	font-family: georgia;
	text-decoration: none;
	font-size: 17px;
	color: #333333;
	font-weight: 50;
	margin: 7px 0px 3px 5px;
	}
.form2:hover {
	width: 285px;
	border: 1px dotted #5d8411;
	background-color: #C4C4C4;
	padding-left: 5px;
	font-family: georgia;
	text-decoration: none;
	font-size: 17px;
	color: #333333;
	font-weight: 50;
	margin: 7px 0px 3px 5px;
	}
.form3 {
	width: 480px;
	border: 1px solid #686868;
	background-color: #EFEFEF;
	padding-left: 5px;
	font-family: georgia;
	text-decoration: none;
	font-size: 17px;
	color: #333333;
	font-weight: 50;
	margin: 7px 0px 3px 5px;
	}	
.button_o{
	margin-left: 220px;
	}