html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/150% Georgia, "Times New Roman", Times, serif;
}

body { font-size: 80%; color: #333; }

a, a:link { color: #333; }
a:visited { color: #666; }
a:hover { color: #0196e8; text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4 { font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 90%; }
h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; }
code, kbd { font-size: 120%; }
hr { height: 1px; border: #BFDCA0 1px solid; background-color: #BFDCA0; }
dt { font-weight: bold; }


.hide { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; }
span.explain { border-bottom: #111 1px dotted; }
.margined { margin: 30px 0 -10px 0; font-size: 90%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #999; }
.note { font-size: 90%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #999;}
div#main p.last { border-bottom: none; }
.image { padding: 2px; border: #DDD 1px solid; }
.center { text-align: center; }
p.single_image { margin: 5px 10px 0 0; padding: 9px; width: 102px; float: left; border: #DDD 1px solid; background-color: #EEE; }
p.single_image img { margin-bottom: -5px; border: #DDD 1px solid; }
img.center { text-align: center; }
p.details { margin-top: -10px; color: #999; font-style: italic; font-size: 90%; }

div#wrapper { background-color: #FFF; }

div#header { margin: 0 auto; padding: 0; width: 900px; height: 60px; position: relative; border-bottom: 1px solid #DDD; }

	div#header h1#logo { margin: 0; padding: 0; position: absolute; top: 35px; right: 0; font-size: 20px; color: #0196e8; }
	
	.A_LOGO {color: #0196e8;}
	.A_LOGO:hover {color: #0196e8;}
	.A_LOGO:visited {color: #0196e8;}
	
	ul#menu { margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; list-style: none; font-size: 16px; }
		ul#menu li { margin: 0 20px 0 0; padding: 12px 0 0 0; float: left; text-transform: lowercase; }
		ul#menu a { padding: 0; float: left; color: #000; text-decoration: none; font: 70%/150% Arial, Helvetica, sans-serif; text-transform: uppercase; }
		ul#menu a:hover { color: #000; border-bottom: #DDD 4px solid;  }
		ul#menu a#selected, ul#menu a#menuhighlight { padding: 0; color: #000; border-bottom: #DDD 4px solid; }
		ul#menu li.project { border-left: 1px solid #DDD; margin: 0 0 0 -10px; padding: 11px 0 0 10px; }
		ul#menu li.project a#selected, div#header ul#menu li.project a#menuhighlight { margin: 0; padding: 0; border: none; }
		ul#menu li.project a:hover { border: none; }
		ul#menu li.project a img { vertical-align: bottom; }

div#content { margin: 0 auto; width: 900px; }

	h1#caption, p#caption { margin: .6em 0 0 0; color: #0196e8; font-size: 57px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 100%; }
				p#caption span { display: block; font-size: 20px; color: #666; }
	div#introwrap { background: url(../images/introwrap_bk.png) no-repeat center top; float: left; width: 760px; }
		div#intro { padding: 10px; background: url(../images/intro_bk.png) no-repeat center bottom; float: left; width: 740px; }
			p#blurb { margin: 10px; float: left; width: 470px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 175%; }
			
			div#showcase { padding: 15px; width: 210px; min-height: 260px; float: right; background: url(../images/showcase_bk.png) #D90000 no-repeat left top; }
				div#showcase h3 { margin: 0 0 5px 0; }
				div#showcase p { margin: 2px 0 0 0; text-align: right; }
	
	div#main { margin: 10px 0 0 0; width: 580px; float: left; color: #333; }
		body#home div#main { margin: 10px 0 0 0; width: 900px; float: left; color: #444; }
		body#work div#main { width: 900px; }
			div#main h1 { margin: 0; color: #D90000; font-size: 170%; }
			div#main h2 { margin-top: 0; color: #0196e8; font-size: 170%; font-family: Georgia, "Times New Roman", Times, serif; }
			body#home div#main h2 { color: #0196e8; font-size: 110%; text-transform: uppercase; letter-spacing: 1px; }
			div#main div.post { border-bottom:1px solid #EEEEEE; margin: 25px 0 25px 0; padding-bottom: 15px; }
			div#main div.post_single { margin: 25px 0 25px 0; padding-bottom: 15px; }
			div#main div.post h3.news { margin: 0 0 2px 0; color: #D90000; font-size: 150%; }
			div#main div.post h3.news a { color: #D90000; }
			div#main div#archive h3.bites_news a { padding: 0 0 7px 53px; color: #333; font-size: 16px; background: url(../images/bites.png) no-repeat 0 2px; }
			div#main div.post ul, div#main div.post ol { margin-left: 10px; }
			div#main div.entry h2 { margin: 0 0 5px 0; }
			div#main div.entry h2.news { margin: 25px 0 5px 0; padding-top: 25px; border-top: 1px solid #EEE; }
			div#main div.entry h2.first { margin: 0 0 5px 0; padding-top: 0; border-top: none; }
			div#main div.entry h2.bites_news a { padding: 0 0 7px 53px; color: #333; font-size: 16px; background: url(../images/bites.png) no-repeat 0 2px; }
			body#home div.text h3 { }
			body#home div.text h3.news span { color: #999; font-weight: normal; font-size: 14px; }
			body#home div.text h3 a { padding: 0; color: #444; font-size: 14px; }
			div#main div.entry ul, div#main div.entry ol { margin-left: 10px; }
				div#main h1 a, div#main h2 a { color: #D90000; text-decoration: none; }
				div#main h1 a:hover, div#main h2 a:hover { text-decoration: underline; }
			div#main h3 { color: #444; }
			div#main h3 a { color: #444; text-decoration: none; }
				div#main h3 a:hover { color: #444; text-decoration: underline; }
			div#main h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #666; }
			div#archive, div#page  { margin-top: 25px; }
			div#page p {line-height: 1.7}
			div#service		{ margin-top: 0;}
			
			div#our_news, div#about_us { margin-left: 20px; width: 340px; float: right; }
			div#our_news h2, div#about_us h2 { margin: 0 0 .7em 0; border-bottom: 1px solid #DDD; }
			div#our_news h2 { margin: 0 0 1em 0; }
			div#our_work { width: 540px; float: left; }
			div#our_work dl dt a { text-decoration: none; }
			div#our_work dl dt a:hover { text-decoration: underline; }
			h2#our_work_heading  { margin: 0; border-bottom: 1px solid #DDD; }
			div#our_work h2 { border-bottom: 1px solid #DDD; }
			body#home h2#water_thinks { margin: 2.5em 0 .7em 0; border-bottom: 1px solid #DDD; }
			div#about_us h2 { margin: 1.5em 0 .7em 0; border-bottom: 1px solid #DDD; }
			body#home h2#our_product { margin: 2.5em 0 0 0; border-bottom: 1px solid #DDD; } 
			div#about_us { color: #333; }
			div#about_us h3 { margin-bottom: 10px; }
			
			div#sub .top_line { margin: 0 -15px 1em -15px; padding: 15px 15px 0 15px; border-top: 1px solid #FFF; }

				div.row { margin: 1em 0;  float: left; background-color: #F7F7F7; width: 100%; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; }
				body#work div.feature { padding: 20px 20px 0 20px; float: left;  font-size: 90%; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }
				body#work div.feature h3 { margin-top: 0; width: 320px; float: left; font-size: 150%; line-height: 100%; }
				body#work div.feature table { margin-bottom: 10px; clear: left; }
				div.row div.feature p.work_img { margin: 0 0 20px 0; float: right; width: 540px; text-align: right; }
				div.row div.second { margin: 0; }
				div.row div.feature img { margin-bottom: -5px; padding: 2px; border: #EEE 1px solid; background-color: #FFF; }
				div.row div.feature a:hover img { border: #DDD 1px solid; }
				
							
			div.done { margin: 1px 0 0 0; padding-top: 18px; float: left; width: 540px; border-bottom: 1px solid #DDD; background-color: #F7F7F7; }
			div.done dl { margin: 0; padding: 0 20px; float: left; width: 500px; border-bottom: 1px solid #FFF; display: inline; }
			div.done dt { margin: 0; padding: 0; float: right; width: 260px; font-size: 130%; color: #444; font-weight: normal; }
			div.done dt span { color: #D90000; font-family:Arial, Helvetica, sans-serif; font-size: 65%; text-transform: uppercase; }
			div.done dd { margin: 0 0 0 240px; padding: 0; color: #333; font: 85%/150% Arial, Helvetica, sans-serif; }
			div.done dd.date, .done dd.this_tagline { margin-bottom: 10px; line-height: 100%; color: #999; }
			div.done dl dd.img { margin: 0; }
			div.done dd.img img { margin: 0 20px 0 0; padding: 2px; float: left; border: 1px solid #EEE; background: #fff; }
			div.done dd.img a:hover img { border: 1px solid #DDD; }
			div.done dd.end { clear: both; height: 18px; visibility: hidden; }
			
			div.text { }
				div.text h2 { margin-bottom: 0; padding-bottom: 5px; float: left; width: 100%; line-height: 100%;  }
				body#home div.text h3.news { margin: 0; }
				body#home div.text h2.news { margin: 30px 0 0 0; }
					div.text h3 a { text-decoration: none; }
					div.text a:hover { text-decoration: underline; }
				div#main div.text h4.date { margin: 0 0 .7em 0; font-size: 90%; color: #999; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
				div.text p { margin: 0 0 1em 0; }
				p.data { margin: 0; font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #999; }
				body#home p.data { margin: 15px 0 0 0; font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 100%; }
				p.data a { color: #444; }	
				p.data a:hover { text-decoration: none; }
				p.dig { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #EEE; }
								
 
	blockquote p { margin: 0; font-size:14px; }
	body#home blockquote.nifty { margin: 0; padding: 0; font-style: italic; background-color: #FFF; background-image: none; }
	
	blockquote.news { margin: 10px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #F7F7F7; background-image: none; }
	
	
	div.file { margin-bottom: 10px; padding: 17px 10px 10px 80px; width: 185px; background: url(../images/Page/pdf.jpg) #F7F7F7 no-repeat 10px 10px; }
		div.file h3 { margin: 0; font-size: 100%; color: #333; }
		div#main div.file h3 a { color: #000; }
		div.file p { margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; text-transform: uppercase; }

	div#footer { width: 100%; float: left; }
		div#data { margin: 0 auto; width: 900px; border-top: 1px solid #DDD; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 90%; }
		div#data a { text-decoration: none; color: #999; }
		div#data a:hover { text-decoration: underline; color: #666; }
			p#copyright{ width: 40%; float: left; }
			p#geekery { width: 50%; float: right; text-align: right; }
				

		div#vcard { margin: 0 0 1em 0; width: 580px; float: left; border-bottom: 1px solid #DDD; }
		div.vcard { margin: 0 0 1em 0; float: left; width: 290px;  }
		div.vcard h4.org { margin: 0; font-size: 130%; font-style: italic; font-weight: normal; color: #663; }
		div.adr { font-size: 100%; }
		span.country-name { }
		div.vcard span.email { }

		div#sub { margin: 20px 0 0 0; width: 300px; float: right; color: #666; vertical-align: top; }
		body#home div#sub { margin: 10px 0 0 0; }
			ul#submenu { margin: 25px 0 20px 0; padding: 0; float: left; width: 300px; list-style: none; font-size: 120%; background-color: #FFF; border-top: 1px solid #EEE;}
				ul#submenu li { margin: 0;  float: left; width: 300px; border-bottom: #EEE 1px solid; }
				ul#submenu li a { padding: 0 10px; float: left; width: 280px; line-height: 1.8em; text-decoration: underline; color: #333; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; font-size: 90%}
				ul#submenu li a:hover { color: #111; text-decoration: none; }
				ul#submenu li a#submenucurrent { color: #D90000; }
				
			div#why { font-style: italic; }
			div.single { margin-top: 25px; }

			div#sub div { }
			div#sub div h3 { font-size:110%; letter-spacing:1px; text-transform:uppercase; }
			div.styled { margin-bottom: 20px; padding: 0 15px; width: 270px; float: left; background-color: #F7F7F7; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; color: #666; }
			div#sub .top_line { margin: 0 -15px 1em -15px; padding: 15px 15px 0 15px; border-top: 1px solid #FFF; }
			div#sub .bottom_line { margin: 0 -15px; padding: 0 15px 15px; border-bottom: 1px solid #FFF; }
			div#sub div.styled  h3.blog { text-transform: uppercase; letter-spacing: 1px; font-size: 110%; }	
			ul.bullet li { margin: 0 0 15px 0; padding: 0 0 0 20px; list-style: none; background: url(../images/bullet_bk.png) no-repeat left 3px; }
			div#sub div.styled  ul.blog li { margin: 0 0 4px 0; padding: 0 0 0 20px; list-style: none; background: url(../images/bullet_bk.png) no-repeat left 3px; }
			div#sub div.styled  ul.blog li a { text-decoration: none; }
			div#sub div.styled  ul.blog li a:hover { text-decoration: underline; }	
			
			div#sub a.linkage 		{ padding: 5px 5px 0 80px; width: 215px; height: 70px; text-decoration: none; color: #666; display: block; }
			div#sub a.linkage:hover { color: #666; }
			
			div#sub p.banners { float: left; width: 100%; }
			div#sub p span.banner_description 	{ float: left; }
			div#sub p span.banner_link 			{ color: #009900; 	}
			div#sub a.cb 	 { background: url(../images/cb.jpg) no-repeat; }
			div#sub a.hotelo { background: url(../images/hotellotravel.jpg) no-repeat;  }
			
			div#blog_side_box { margin-top: 25px; }
			ul.tags { margin-bottom: 20px; list-style: none; width: 100%; float: left;   border: none; }
			ul.tags li { margin: 0; display: block; width: 100%; float: left; border-bottom: 1px solid #EEE;  }
			ul.tags li strong.tag_link { margin-left: 0; padding: 5px 0; float: left; font-size: 14px; color: #333; font-weight: normal; }
			ul.tags li strong.tag_link a { margin-right: 3px; }
			ul.tags li a.tag_feed_link { margin-right: 15px; padding: 5px 0; float: right; }			
			
			div.alignleft { padding: 0 20px 20px 0; float: left; }
			div.navigation { margin-top: 10px; float: left; width: 100%; }
div#footer { width: 100%; float: left; }

div#meta { margin: 0 auto; width: 900px; border-top: 1px solid #DDD; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 90%; }
	div#meta a { text-decoration: none; color: #999; }
	div#meta a:hover { text-decoration: underline; color: #666; }
	p#copyright{ width: 40%; float: left; }
	p#geekery { width: 50%; float: right; text-align: right; }
	
	
a.caption {color: #0196e8; font-size: 110%; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;}

a.article {text-decoration: none;}
a.article:hover {text-decoration: underline;}