/*     FONT STYLES     */
body, table, .normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #acacac; }

h1 { font-size: 16px; color: #ACACAC; background: #333333 url(../images/h1_tag.gif) no-repeat left center; padding-left: 35px; line-height: 22px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #55A61D; padding: 0px; margin: 0px; }

.green { color: #55A61D; }
.faq-comment { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #666666; border: 1px solid #000000; }
.footer { padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

a { color: #00CC00; }
a:hover { color: #00FF00; }

/*     LAYOUT STYLES     */
html, body{ margin:0; padding:0; height:100%; border:none; background-color: #928d8d; }
#container, #center_container{ height:100%; min-height:100%; }
#content {padding-bottom: 100px;}
#side_nav_top {}
	/*LVL 1*/
	#side_nav_top ul { margin: 0; padding: 0; }
		#side_nav_top ul li { display: block; position: relative; list-style: none; background: url(none); margin: 0px; padding: 0px; }
	/*LVL 2*/
	#side_nav_top ul li ul { position: absolute; left: 207px; top: 0px; display: none; }
	#side_nav_top ul li:hover ul { display: block;}
	#side_nav_top ul li:hover ul li a {background-image: none !important; padding-left: 10px; padding-right: 10px;}
	/*STYLES*/
	#side_nav_top ul li a { height: 31px; line-height: 31px; width: 164px; display: block; padding: 0 0 0 43px; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #333; background-color: #4d4e53; color: #c0bfc0; background-position: left top; }
	#side_nav_top ul li a:hover { background-color: #212121; color: #55a51c; background-position: left -33px; background-repeat: no-repeat; }
		#side_nav_top ul li#nav_services a { background-image: url(../images/layout/nav_services.gif); }
		#side_nav_top ul li#nav_design_approach a { background-image: url(../images/layout/nav_design_approach.gif); }
		#side_nav_top ul li#nav_projects a { background-image: url(../images/layout/nav_projects.gif); }
		#side_nav_top ul li#nav_gallery a { background-image: url(../images/layout/nav_gallery.gif); }
		
#side_nav_base {}
	/*LVL 1*/
	#side_nav_base ul { margin: 0; padding: 0; }
	#side_nav_base ul li { display: block; position: relative; list-style: none; background: url(none); margin: 0px; padding: 0px; }
	/*LVL 2*/
	#side_nav_base ul li ul { position: absolute; /*left: 0px; top: 16px;*/ display: none; }
	/*#nav ul li:hover ul { display: block; }*/
	/*STYLES*/
	#side_nav_base ul li a { height: 31px; line-height: 31px; width: 164px; display: block; padding: 0 0 0 43px; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #333; background-color: #212121; color: #c0bfc0; background-position: left top; }
	#side_nav_base ul li a:hover { background-color: #4d4e53; color: #55a51c; background-position: left -33px; background-repeat: no-repeat; }
		#side_nav_base ul li#nav_member_login a { background-image: url(../images/layout/nav_member_login.gif); }
		#side_nav_base ul li#nav_search_site a { background-image: url(../images/layout/nav_search.gif); }
		#side_nav_base ul li#nav_online_community a { background-image: url(../images/layout/nav_online_community.gif); }
		#side_nav_base ul li#nav_service_enquiry a { background-image: url(../images/layout/nav_service_enquiry_form.gif); }
		#side_nav_base ul li#nav_downloads a { background-image: url(../images/layout/nav_downloads.gif); }

/*     CONTENT STYLES     */

/*Styles for Photo Gallery*/
/*Set up the caption font in the following style. Also set the styles for the controls.!*/
.Caption { font-family: Verdana; font-weight: normal; font-size:  10pt; color: #ffffff; }

A.Controls { color:#ACACAC; text-decoration:none; font-family: Verdana; font-size: 10pt; font-weight: bold; }
A.Controls:hover { color:#00FF00; }