* { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img {  border: 1px solid #ccc; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul {list-style:none; } 
caption,th { text-align:left;} 
q:before,q:after { content:'';} 
abbr,acronym {border:0; }
   
/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/
h2 {font: bold 1em Verdana, Arial, Helvetica, sans-serif;color: #5b4d2d;padding: 15px 0;}
h3 {font: bold .8em Verdana, Arial, Helvetica, sans-serif;color: #546d3f;padding: 10px 0 5px;}
h4 {font: bold .75em Verdana, Arial, Helvetica, sans-serif;color: #546d3f;margin: 10px 0 0 0;}
p {font: normal .75em/1.75em Verdana, Arial, Helvetica, sans-serif;color: #546d3f;padding: 5px 0;margin: 0; text-align:justify;}
a {color: #53b846; text-decoration:none}
a:hover {color: #000; text-decoration:underline;}

#content ul {color: #695736;list-style: none;font-size: .75em;}
#content ul li {background: transparent url(../img/bullet.jpg) 0 center no-repeat;margin-bottom: 8px;}
#content #maincolumn ul#benefits {list-style-image: none;padding-left: 0;margin: 20px 0 0 0;}
#content #maincolumn ul#benefits li {display: block;height: 34px;margin: 0 0 16px 0;padding: 0;}
body#contact #content #maincolumn ul {padding: 0; margin: 0 0 20px 0;}
body#contact #content #maincolumn ul li {background-image: none;padding: 0;margin-bottom: 5px;}
#content ol {list-style: decimal inside;font-size: .75em;padding: 20px 0;}
#sidebar h3 {	font-size: 1.5em;	font-weight: normal;}
#sidebar ul {margin: 10px 0;padding: 0;}
#sidebar ul li {padding-left: 20px;}
strong {font-weight: bold;}
em {font-style: italic; color: #2a4116;}
address {font-size: .75em; font-style: italic;}
.orange {color: #dd7e53;}

/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 100%/1.125em Verdana, Arial, Helvetica, sans-serif;
	color: #695736;
	background: #fff url(../img/template/main_bg.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;}
#wrapper {width: 768px;margin: 0 auto;padding-bottom: 20px;}

#header {
	position: relative;
    width: 750px;
	height: 163px;
    background: transparent url(../img/template/header_BG.png) 0 0 no-repeat;
	padding: 0 14px 0 4px;}
#header h1 {margin: 0;}
#header h1 a {display: block; margin:20px 0pt 0pt 20px; width: 275px;height: 139px; float:left;background: transparent url(../img/template/logo.png) 0 0 no-repeat;}

/* @group NAVIGATION */
#nav, #nav * { list-style:none;margin:0;padding:0; text-transform:uppercase; }
#nav { position:absolute; top:60px; left:284px; height:39px; }
#nav li { float:left; padding-left:3px; background:url(../images/template/nav_li.gif) no-repeat left top; margin-right:3px;}
#nav li a{ display:block; padding:0 9px; line-height:37px; font-size:.8em; text-decoration:none; color:#fff; font-weight:bold; background:url(../images/template/nav_a.gif) no-repeat right top;} 

#nav li:hover, #nav li.current	{ background:url(../images/template/nav_li_current.gif) no-repeat left top; }
#nav li:hover a, #nav li.current a	{ border-bottom:1px solid green; color:#5B4D2D;  }
#nav li li	{ display:block; background:none; margin-right:0; }
#nav li li a, #nav li.current li a, #nav li:hover li a{display:block; font-size:12px; color:#fff; font-weight:bold; padding:12px 8px; margin-top:-10px; line-height:20px; border:none; }
#nav li li a:hover,#nav li li.current a	{ text-decoration:none; color:#5B4D2D;}
#nav li:hover li a, #nav li li:hover, #nav li.current li a, #nav li li.current 	{ background:none;  }
#nav li ul { position:absolute; left:-5000px; z-index:1001; width:100%; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul 	{ left:-5000px; }
#nav li:hover ul,#nav li.current ul		{ left:100px; top:37px; padding-top:10px;}

/* @end */



				
#content {position: relative;width: 740px;background: transparent url(../img/template/content_BG.png) 0 0 repeat-y;padding: 0 14px;}
#content-big {position: relative;width: 720px;background: transparent url(../img/template/content_BG.png) 0 0 repeat-y;padding: 0 24px;}
#projectslideshow {display: block;float: left;width: 439px;height: 222px;}
#introcontent {float: right;width: 291px;height: 222px;background: #546d3f url(../img/introbox_btm.gif) left bottom no-repeat;}
#introcontent h2 {display: block;width: 291px;height: 56px;background: transparent url(../img/intro_heading.gif) 0 0 no-repeat;padding: 0;}
#introcontent p {color: #fbf5dc;font-style: italic;margin: 10px 0;padding: 0 14px 0 10px;}
		
#maincolumn {float: left;width: 439px;padding: 0 10px;}
	#maincolumn ul#benefits li#benefit1 {width: 309px; background-image: url(../img/benefits/benefit1.gif);}
	#maincolumn ul#benefits li#benefit2 {width: 351px; background-image: url(../img/benefits/benefit2.gif);}
	#maincolumn ul#benefits li#benefit3 {width: 351px; background-image: url(../img/benefits/benefit3.gif);}
	#maincolumn ul#benefits li#benefit4 {width: 249px; height: 31px; background-image: url(../img/benefits/benefit4.gif);}
	#maincolumn ul#benefits li#benefit5 {width: 330px; background-image: url(../img/benefits/benefit5.gif);}

#maincolumn .bio {width:700px;}
	
#sidebar {float: left;width: 251px;padding: 0 10px;margin-left: 10px;}
#sidebar img {margin: 20px 0;}

#footer {width: 740px;background: transparent url(../img/template/footer_BG.gif) 0 0 no-repeat;padding: 30px 14px 0 14px;}
#footer p {display: block; text-align: center;color: #a89671; margin: 0;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~About Page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#about #maincolumn {width: 712px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Projects Page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#projects #maincolumn {width: 712px;}
#imagegrid img {float: left;padding: 10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Projects Page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#uma {height:200px; width:400px; padding-right:300px; margin-bottom:30px; background:url(../img/staff/uma.jpg) right no-repeat;}
#thandar {height:200px; width:400px; padding-right:300px; margin-bottom:30px;background:url(../img/staff/thandar.jpg) right no-repeat;}
#khine {height:200px; width:400px; padding-right:300px; margin-bottom:30px;background:url(../img/staff/khine.jpg) right no-repeat;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Misc.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#maincolumn ul#benefits li,
#navigation ul li a,
#footer a.limewheellogo,
#introcontent h2,
#header h1 a {      /*----Add image replaced element here----*/
    letter-spacing: 0;
    text-indent: 0;
    overflow: hidden;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearme {clear:both;}




























/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~My Tenders Page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#downloads {color: #695736list-style: none;font-size: .75em;}
ul#downloads li {background: none;margin-bottom: 8px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tenders Login Form | File(s) Upload Form~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form dl dt {font-size: .75em;}
form dl dd {margin-bottom: 10px;}

form dl dd input {
    width: 261px;
	height: 18px;
	background: transparent url(../img/formfield_bg.gif) 0 0 no-repeat;
	color: #546D3F;
	font: bold .75em Verdana, Arial, Helvetica, sans-serif;
	border: none;
	padding: 8px 5px;}

input.formbutton, input.submit {
	display: block;
	float: right;
    width: 68px;
	height: 30px;
    background: transparent url(../img/form_btn.gif) 0 0 no-repeat;
    color: #fff;
    font: bold .75em Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin-top: 15px;
    padding: 0;
}

input.submit {float: none;margin-left: 10px;margin-top: 0px;}
input.upload {float: left; height: 22px; margin-top: 5px}
input.formbutton:hover, input.submit:hover {color: #e9ab6f;}


		
				#navigation ul li a:hover {background-position: 0 -32px;}
				li#n_home a {width: 38px; background: transparent url(../img/n_home.gif) 0 0 no-repeat;}
				li#n_about a {width: 40px; background: transparent url(../img/n_about.gif) 0 0 no-repeat;}
				li#n_projects a {width: 49px; background: transparent url(../img/n_projects.gif) 0 0 no-repeat;}
				li#n_contact a {width: 50px; background: transparent url(../img/n_contact.gif) 0 0 no-repeat;}
				li#n_tenders a {width: 51px; background: transparent url(../img/n_tenders.gif) 0 0 no-repeat;}
				#navigation ul li#n_tenders {margin: 0;}
					
				body#home li#n_home a {background-position: 0 -32px;}
				body#about li#n_about a {background-position: 0 -32px;}
				body#projects li#n_projects a {background-position: 0 -32px;}
				body#contact li#n_contact a {background-position: 0 -32px;}
				body#tenders li#n_tenders a {background-position: 0 -32px;}