/* Design & Code (c) e-see international ltd */
/* CSS Document */


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

html,body{
	height:100%;
	}

body {
	font: 12px/1.5em  Helvetica, Arial, sans-serif;
	background-color: #fff; 
	color: #333;  
	text-align:left;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-y;
	margin: 0px;
}

#outline {
	background-color: #FFFFFF;
	background-image: url(../img/bg_outline.gif);
	background-repeat: repeat-y;
	width: 789px;
	height: auto;
	margin: 0px auto;
	}

#pagebottom {width:789px; height:45px; margin: 0 auto; background-image: url(../img/bg_bottom.gif);
	background-repeat: no-repeat;
}

#header {background-image:url(../img/bg_header.gif); background-repeat:no-repeat;height:65px;width:772px; margin-left:10px; z-index: 1 !important;}

#logo {float:left; margin-left:10px; padding-top:10px; width:250px;}

#login {display: block; float: right; right:20px; margin:20px 10px; color:#000; z-index: 20 !important;}

#flash {width: 750px;  height:150px; margin: 30px auto 50px auto;}


#main{
	width: 750px;
	margin: 0 auto;
	background-image: url(../img/bg_main.jpg);
	background-repeat: repeat-y;
}

#menu {
	width: 750px;
	height: 30px;
	text-align: left;
	margin: 20px auto 30px auto;
	font-size: 12px;
	color: #666666;
	vertical-align: middle;
	background-color: #ccc;
	z-index:999!important;
	}

#footer {height: 20px; width:752px; margin:0 auto; color: #000; text-align: right; padding:5px; margin: auto auto 0 auto; font-size: 0.9em;}

.encapsulate {height:100%; overflow: hidden; }

.left {float:left; width: 48%; text-align: left;}

.right {float: right; width: 48%;}

.bcard {display: block; float:left; background: #eee; border: 1px solid #ccc; width:300px; padding:5px; margin: 20px;}


/*--- TEXT --*/

p 			{margin: 0.5em 0 1.5em 0;}
p.red 		{color: red;}
span.red    {color:red;}
a {color:#f00; text-decoration:underline;}

a:hover {text-decoration:underline; color:#333;}

h1,h2,h3,h4,h5 {color: #333;}
h1 {font-size: 2.5em; margin:20px 0;}
h2 {font-size: 1.8em; margin:10px 0; line-height: 2em;}
h3 {font-size: 1.3em; margin:10px 0;}

ul {list-style-position: inside; list-style-type: square; margin-left: 10px; line-height: 2em;}
ol {list-style-position: inside; list-style-type: decimal; line-height: 2em; margin-left: 20px; }
ul.red, ol.red	{color: red;}

li {}

em  {font-style: italic;}

blockquote {font-style: italic;}



strong {font-weight: bold;}


.public a {display: block; width:200px; height:140px; background-image: url(img/public.jpg);}
.public a:hover {display: block; width:200px; height:140px; background: transparent url(img/public_over.jpg); color:transparent;}
#pagetitle {border-bottom: 1px solid #eee;}
#pagecopy {padding:30px 0;}
.article {border-bottom: 1px dashed #ccc; margin-bottom: 20px; padding-bottom: 20px;}
.testimonial {margin: 20px 30px;}
.testimonial_bubble {border: 1px solid #f00; padding:10px; margin-bottom: 0; background: #f00; color: #fff; font-size: 1.2em;}
.testimonial a {text-decoration: underline; color: #fff;}
.testimonial a:hover {text-decoration: underline; color: #000;}

/*---wufoo form--*/

form li.section {background: #f00; color: #fff;}

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