@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html {overflow-x: scroll;}

body { margin:0; padding:0; background:#FFFFFF url(../images/bg_body.gif) repeat-x; font-family:"Tahoma", Arial, Helvetica, sans-serif}

p { margin:0; padding:0; font-size:12px; font-weight:normal; color:#1A749E}
p a:link, p a:visited { text-decoration:underline; color:#71A069}
p a:hover { text-decoration:underline; color:#71A069}


h1 { margin:0; padding:0; font-size:50px; font-weight: normal; color:#FFFFFF}
h2 { margin:0; padding:0; font-size:18px; font-weight:b; color:#000000}
h4 { margin:0; padding:0; font-size:22px; font-weight:normal; color:#424242}

img { border:none}


/*
---------------------------------------------
02. header
---------------------------------------------
*/

#header { width:998px; height:150px; margin:0 auto; padding-top:36px}

/*
---------------------------------------------
02.1 header - logo
---------------------------------------------
*/

.logo { width:335px; height:120px; float:left}

/*
---------------------------------------------
02.2 header - navigation
---------------------------------------------
*/

.nav { width:585px; float:left; padding-left:55px}
.nav ul { list-style:none; margin:0; padding:0}
.nav ul li { float:left}
.nav ul li a { float:left; height:63px}

.nav ul li a.about { width:143px; background:url(../images/nav_aboutus.gif) no-repeat}
.nav ul li a.about:hover { background:url(../images/nav_aboutus_hover.gif) no-repeat}
.nav ul li a.about_selected { width:143px; background:url(../images/nav_aboutus_hover.gif) no-repeat}


.nav ul li a.methods { width:164px; background:url(../images/nav_methods.gif) no-repeat} 
.nav ul li a.methods:hover { background:url(../images/nav_methods_hover.gif) no-repeat} 
.nav ul li a.methods_selected { width:164px; background:url(../images/nav_methods_hover.gif) no-repeat} 

.nav ul li a.blog { width:120px; background:url(../images/nav_blog.gif) no-repeat} 
.nav ul li a.blog:hover { background:url(../images/nav_blog_hover.gif) no-repeat} 
.nav ul li a.blog_selected { width:120px; background:url(../images/nav_blog_hover.gif) no-repeat} 

.nav ul li a.contact { width:157px; background:url(../images/nav_contact.gif) no-repeat} 
.nav ul li a.contact:hover { background:url(../images/nav_contact_hover.gif) no-repeat} 
.nav ul li a.contact_selected { width:157px; background:url(../images/nav_contact_hover.gif) no-repeat} 


/*
---------------------------------------------
03. bluebar
---------------------------------------------
*/


#bg_bluebar { width:100%; float:left; background:#0056B5; border-top:1px solid #669AD3; border-bottom:1px solid #669AD3}

#bluebar { width:960px; height:332px; background:url(../images/bg_bluebar.gif) no-repeat; padding-right:38px; margin:0 auto}

/*
---------------------------------------------
03. bluebar - caption and flower
---------------------------------------------
*/

#bluebar .caption { width:530px; float:left; padding-left:5px}
#bluebar .heading_hands { width:530px; height:161px; float:left; padding:40px 0}

#bluebar .button_schedule { width:216px; height:43px; float:left; padding-right:30px}
#bluebar .button_learn { width:202px; height:43px; float:left}

#bluebar .flower { width:380px; height:414px; float:right; margin-top:-89px; position:relative}


/*
---------------------------------------------
04. wrapper
---------------------------------------------
*/

#wrapper { width:998px; margin:0 auto; padding-bottom:35px}
 
/*
---------------------------------------------
05. content
---------------------------------------------
*/

#content { width:990px; float:left; padding-top:30px; padding-bottom:50px; padding-left:8px}

/*
---------------------------------------------
06. revolution
---------------------------------------------
*/

#revolution { width:400px; float:left; padding-right:20px}

#revolution p { color:#707070; padding-bottom:20px}
#revolution p a:link, #resolution p a:visited { color:#707070}
#revolution p a:hover { color:#707070}

#revolution .heading_resolution { width:350px; height:35px; padding-bottom:35px}


/*
---------------------------------------------
07. box - ask a question
---------------------------------------------
*/

.box_askaquestion { width:220px; height:335px; float:left; background:url(../images/bg_askbox.gif) no-repeat; border:8px solid #1967BC; padding-top:11px; padding-left:15px}
.box_askaquestion p { font-size:13px}
.box_askaquestion .heading_ask { width:220px; height:82px; float:left; padding-bottom:5px}

/*
---------------------------------------------
08. box - get direction
---------------------------------------------
*/

.box_getdirection { width:213px; height:335px; float:left; background:url(../images/bg_getbox.gif) no-repeat; border:8px solid #3076C3; padding-top:11px; padding-left:22px; margin-left:21px}
.box_getdirection p { font-size:13px}
.box_getdirection .heading_get { width:213px; height:80px; float:left; padding-bottom:10px}
.heading_get  p { font-size:13px; font-color: #fff;}

/*
---------------------------------------------
09. footer styles
---------------------------------------------
*/

#bg_footer { width:100%; float:left; background:#BBE5FA}

#footer { width:998px; height:30px; padding-top:15px; margin:0 auto}
#footer p { color:#1A749E; font-size:12px}
#footer p a { text-decoration:underline; color:#1A749E}
#footer p .developer { padding-left:20px}


/*
---------------------------------------------
10. innerpage styles
---------------------------------------------
*/


#mainheading { width:990px; height:74px; padding-top:12px; margin:0 auto; padding-left:8px}

#leftpanel { width:690px; float:left; background:#E6F2E2; padding:12px 15px 0 15px; margin-right:15px}
#leftpanel p { font-family:Arial, Helvetica, sans-serif; color:#48693E; padding-bottom:13px}


/* BLOG ITEM */	
	/* blog listing page */		
	.blogList {
		padding: 0;		
	}
		.blogList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.blogList ul li {
				list-style: none;
			}
			
			.blogList ul li h2.postTitle {
				font-size: 20px;
				margin: 0;
				padding-bottom: 10px;
			}
				.blogList ul li h2.postTitle a {
					text-decoration: none;
				}
				.blogList ul li h2.postTitle a:link, a:visited { text-decoration:underline; color:black}
				
			.blogList ul li  .postInfo {
				color: #444;
				margin-bottom: 10px;
			}
				
			.blogList ul li  .postDate {
				color: #444;
				font-size: 11px;
			}
			
			.blogList ul li .postInfo a {
				color: #444 !important;	
				font-size: 11px;			
			}
				
				
				
	/* post detail page */
	.post .postDate {
		margin: 0 0 15px 0;
		color: #444;
	}
		.post .blogBack {
			margin: 40px 0 0 0;
			font-weight: bold;
			border-top: 2px solid #444;
			text-align: right;
			display: block;
			width: 100%;
			padding-top: 5px;
		}
		.post ul li h2 {
			font-size: 20px;
			margin: 0;
			padding-bottom: 10px;
		}
		.post ul li h2 a {
			text-decoration: none;
		}
		.post ul li h2 a:link, a:visited { text-decoration:underline; color:black}
		
	
	
	
	/* blog comments */
	.comments {
		padding-top: 10px;
	}
		.comments dl {
			background: #EEEEEE !important;
			
		}	
			dt.comment {
				background: #EEEEEE !important;
				clear: both;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #000;
			}			
				dt.comment a {
					font-weight: bold;
				}			
			
			dd.comment {			
				background: #EEEEEE !important;
				padding: 8px;
				margin-bottom: 15px;
			}
						
			.commentDate {		
				font-size: .9em;
				color: #999;
			}
		
		
		
	/* comments form */
	.commentsHead {
		margin-top: -45px;
	}
	
	.commentsForm {
		clear: both;
		padding-top: 15px;
		width: 90%;
	}
		.commentsForm .addComment {
			font-size: 1.5em;
		}
		
		.commentsForm label {
			font-weight: bold;
		}
		
		.commentsForm input, .commentsForm textarea {
			padding: 2px 4px;
			font-size: 1em;
		}
		
		.commentsForm img { /* this is for the captcha image */
			 margin: 5px 0;
			 border: 1px solid #333;
		}
		
		.commentsForm input.submitComment {
			 margin: 10px 0;
			 background: #000;
			 border: 1px solid #333;
			 padding: 5px 3px;
			 width: 210px;
			 color: #fff;
			 font-weight: bold;
			 text-transform: uppercase;
		}
		
		.commentsForm .note {
			color: #444;
		}
		
		.rss { display: none; }