html,body {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
}

body {
	font-family: Tahoma, serifSansSerifMonospace;
	font-size:  12px;
	color: #000000;
	background-color: #2D3134;
}

p {
	margin:0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

img {
	vertical-align: top;
}


a, a:link, a:hover, a:visited {
	color: #333333;
	text-decoration: none;
}



/*
------------------------- 
 menu 
------------------------- 
*/

a#menu01, a#menu01_sel {
	width: 189px;
	height: 41px;
	background-image: url(images/menu_01.jpg);
	display: block;
	float:left;
	text-decoration: none;
}

a#menu02, a#menu02_sel {
	width: 193px;
	height: 41px;
	background-image: url(images/menu_02.jpg);
	display: block;
	float:left;
	text-decoration: none;
}

a#menu03, a#menu03_sel {
	width: 209px;
	height: 41px;
	background-image: url(images/menu_03.jpg);
	display: block;
	float:left;
	text-decoration: none;
}

a#menu04, a#menu04_sel {
	width: 182px;
	height: 41px;
	background-image: url(images/menu_04.jpg);
	display: block;
	float:left;
	text-decoration: none;
}



a#menu01:hover, a#menu02:hover, a#menu03:hover, a#menu04:hover, 
a#menu01_sel, a#menu02_sel, a#menu03_sel, a#menu04_sel, 
a#menu01_sel:hover, a#menu02_sel:hover, a#menu03_sel:hover, a#menu04_sel:hover {
    background-position: 0 41px;
}




#wrapper {
	width: 100%; 
	margin: 0 auto;
}



/*
------------------------- 
header section
------------------------- 
*/

#header_logo {
	width: 795px;
	height: 96px;
	margin: 0 auto;
}

#header_menu {
	width: 795px;
	margin: 0 auto;
	background: url(images/menu_bg.gif) top center repeat-y;
	font-size: 1px;
}

#header_menu_container {
	width: 790px;
	height: 41px;
	float: left;
	padding: 0 0 0 5px;
}

#header_menu_container img {
	float: left;
}

#sub_header {
	background: url(images/middle_bg.gif) center repeat-x;
	width: 100%; 
	height: 134px; 
	margin: 0 auto;

}

#sub_header_container {
	width: 795px;
	height: 134px;
	margin: 0 auto;
	background-color: #ACA4A2;
}



/*
------------------------- 
content section
------------------------- 
*/

#content_container {
	width: 795px;
	margin: 0 auto;
	background: url(images/content_bg.gif) top center repeat-y;
	background-color: #DCDBC9;
}

#content {
	width: 785px;
	float: left;
	padding: 0 5px 0 5px;
}


#content_title {
	width: 625px;
	height: 51px;
	float: left;
	padding: 0 0px 0 160px;
	background: url(images/title_bg.jpg) bottom center no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}


#left_column_empty {
	width: 151px;
	height: 250px;
	float: left;
	padding: 5px 0 0 0;
	background: url(images/crayong.jpg) bottom center no-repeat;
}

#left_column{
	width: 138px;
	height: 250px;
	float: left;
	padding: 5px 5px 0 8px;
}


#right_column {
	width: 600px;
	padding: 5px 5px 25px 10px;
	float: left;
	line-height: 22px;
}


ul.portfolio_cats {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 120px; 
  list-style: none;
}


ul.portfolio_cats li{
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
}

ul.portfolio_cats li a {
  border: 1px solid #CFCEBE;
  border-right-color: #7F708F;
  border-bottom-color: #7F708F;
  padding: 0 6px;
  display: block;
  width: 120px; 
  background: #88779B;
  color: #FFF;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul.portfolio_cats li a:hover {
  border: 1px solid #CFCEBE;
  border-right-color: #532F31;
  border-bottom-color: #532F31;
  background: #C78088;
  color: #FFF;
  text-decoration: none;
}

ul.portfolio_cats li a.sel, ul.portfolio_cats li a.sel:hover {
  border: 1px solid #CFCEBE;
  border-right-color: #532F31;
  border-bottom-color: #532F31;
  background: #93545C;
  color: #FFF;
  text-decoration: none;
}




/*
------------------------- 
footer section
------------------------- 
*/


#footer {
	width: 795px;
	height: 21px;
	margin: 0 auto;
	background: url(images/footer.gif);
	color: #9999FF;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	background-color: #000000;
}


#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #9999FF;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;	
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(scripts/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="scripts/overlay.png", sizingMethod="scale");
	}

#project
{
	padding-top: 10px;
	background-color: #FFFFFF;
    background-image:url(images/loading2.gif);
    background-repeat:no-repeat;
    background-position: center center;
	display: block;
	width: 360px;
} 
	
#contact_form {
	margin: 0px auto;
	width: 540px;
}

fieldset {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 540px;
	display: block;
	margin-top: 15px;
	padding: 10px;
}

legend {
	font-size: 18px;
	font-weight: 700;
	color: #036;
	margin: 0 0 15px 0;
}

label {
	width: 200px;
	text-align: right;
	float: left;
	line-height: 21px;
	padding: 0 5px 0 0;
}

input, select {
	width: 150px;
	border: 1px solid #666666;
}

div.field {
	margin: auto auto 0.5em;
	margin-bottom: 0.5em;
}

span.required {
	color: #FF0000;
}