/*
Credit: http://www.haisamsoft.com
*/

body {
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	background-color: #ffffff;
	background-image: url(images/body.jpg);
	background-repeat: repeat-x;
	background-position: top
}

a, a:link, a:visited {
	color: #999999;
	font-weight: 400;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
}

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6, h7 { color: #89a313; font-weight: normal; }
h1 {
	font-size: 28px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 {
	font-size: 22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h4 {
	font-size: 25px;
	margin: 0 0 5px;
	padding: 0;
	color: #006;
}
h5 {
	font-size: 16px;
	margin: 0 0 5px;
	padding: 0;
	color: #333;
}
h6 {
	font-size: 14px;
	margin: 0 0 5px;
	padding: 0;
	color: #906;
}

h7 {
	font-size: 30px;
	margin: 0 0 0px;
	padding: 0 0 10px;
	color: #C0C;
	font-family: "Comic Sans MS", cursive;
	font-weight: bold;
	
}
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more {
	clear: both;
	display: block;
	width: 109px;
	height: 31px;
	line-height: 31px;
	font-size: 11px;
	text-align: center;
	color: #333;
	font-weight: 700;
	background-image: url(images/haisam_readmore.png);
	background-repeat: no-repeat;
}
a.more:hover { text-decoration: none; color: #000; }

.float_l { float: left }
.float_r { float: right }

a.click {
	clear: both;
	display: block;
	width: 125px;
	height: 31px;
	line-height: 31px;
	font-size: 11px;
	text-align: center;
	color: #333;
	font-weight: 700;
	background-image: url(images/clickhere.png);
	background-repeat: no-repeat;
}
a.more:hover { text-decoration: none; color: #000; }
.float_l { float: left }
.float_r { float: right }



.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list {
	margin: 5px 0 5px 5px;
	padding: 0;
	list-style: none
}
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(images/haisam_list.png) no-repeat scroll 0 7px  }

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

#haisam_body_wrapper {
	width: 100%;
	background: url(images/haisam_wrapper_bottom.png) repeat-x bottom
}

#haisam_wrapper {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto
}

#haisam_header {
	width: auto;
	height: 50px;
	padding: 10px 0 0;
}

#site_title {
	float: left;
	width:auto;
	height:auto;
	background-image: url(images/Logo1.png);
	background-repeat: no-repeat;
}
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a {
	display: block;
	width: 327px;
	height: 97px;
	color: #fff;
	text-indent: -10000px;
	background-image: none;
	background-repeat: no-repeat;
}

/* menu */
#haisam_menu {
	float: right;
	width: auto;
	height: 45px;
}

#haisam_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#haisam_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#haisam_menu ul li a {
	float: left;
	display: block;
	width: 82px;
	height: 40px;
	padding: 5px 0 0 0;
	margin-left: 1px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #fff;	
	font-weight: 400;
	outline: none;
}

#haisam_menu ul li a:hover,
 #haisam_menu ul li .current {
	color: #000;
	background-image: url(images/haisam_menu_hover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* end of menu */


#haisam_middle {
	clear: both;
	width: 960px;
	height: 250px;
	padding: 30px 0 0;
}

#mid_img_wrap {
	float: left;
	position: relative;
	width: 434px;
	height: 230px;
}

#mid_img_wrap span {
	position: absolute;
	width: 434px;
	height: 230px;
	top: 0;
	left: 0;
	background: url(images/haisam_image_frame.png) no-repeat
}

#mid_img_wrap img {
	margin: 10px 30px;
}

#mid_right {
	float: right;
	width: 460px;
	color: #fff;
}

#mid_right p { margin-bottom: 20px }

#mid_title {
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px
}

#haisam_main {
	clear: both;
	width: 960px;
	padding: 40px 0 0;
}

.col_w960 {clear: both; width: 960px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc }
.col_w960_last { margin: 0; border: 0 }
.col_w600 { width: 600px }
.col_w450 { width: 450px }
.col_w300 { width: 300px }
.col_w200 { width: 200px; margin-right: 50px; }
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_last { margin: 0 }

.fp_services_box { float: left; width: 300px; margin-right: 30px }
.last_box { margin: 0 }
.fp_services_box .fps_title { margin-bottom: 20px; font-size: 28px; color: #89a313 }
.fp_services_box p { float: right; width: 200px; margin-bottom: 20px }

div.wrap {
width : 400px;
margin : 0 auto;
text-align : left;
}
div#header {
margin : 1px 0 0;

}
div#video-header {
height : 600px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;

}
div#header div#slide-holder {
	z-index : 40;
	width : 386px;
	height : 192px;
	position : absolute;
	left: 24px;
	top: 5px;
}
div#header div#slide-holder div#slide-runner {
	top : 2px;
	left : 2px;
	width : 389px;
	height : 184px;
	overflow : hidden;
	position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;

}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #000;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}




#haisam_footer_wrapper {
	clear: both;
	width: 100%;
	background: url(images/haisam_footer.jpg) repeat-x
}

#haisam_footer {
	width: 960px;
	height: auto;
	padding: 20px 0 0;
	margin: 0 auto;
	color: #545454;
}

.footer_title {
	display: block;
	height: 40px;
	margin-bottom: 30px;
	font-size: 13px;
}

.footer_title h5 {
	color: #ceb31c;
	margin-bottom: 0
}

.twitter h5 { color: #47add3 }

.footer_title img {
	float: left;
	margin-right: 20px;
}

#contactform {
	background-color: #CCC;
	border-radius: 5px;
	font-family:"Courier New", Courier, monospace;
	font-style:normal;
	font-weight:bold;
	letter-spacing: 2px;
	margin-left: 50px;
	table-layout: auto;
	text-shadow:#000;
	
}


#newsletter_input { background: #747474; width: 200px; padding: 3px 5px; border: 1px solid #000 }
#newsletter_submit { background: none; border: none; color: #fff; cursor: pointer }

#copyright {
	clear: both;
	width: 960px;
	height: 40px;
	text-align: center;
	color: #9a9a9a;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
#copyright a {
	color: #9a9a9a
}




#floatdiv {
	position:absolute;
	width:94px;
	height:229px;
	top:0;
	left:0;

}

#sidebar {

	background-repeat:no-repeat;
	position:relative;
	height:229px;
	width:94px;
	margin-left:-10px;


}

#sidebar #rss {
	height:48px;
	width:48px;
	position:absolute;
	top:20px;
	left:21px;
	
}

#sidebar #youtube {
	height:44px;
	width:52px;
	position:absolute;
	top:70px;
	left:21px;
}

#sidebar #twitter {
	height:53px;
	width:53px;
	position:absolute;
	top:110px;
	left:21px;
}

#sidebar #contact {
	height:42px;
	width:43px;
	position:absolute;
	top:160px;
	left:25px;

}
