/*****************************************
Author: Haris  Ahmad
Company: Oracular Inc
Date: 03/02/2007

This stlyesheet is optimized for medium
text size. Anything over that may disrupt
the page structure.
Container elements are using position:Relative
and elements inside those containers are using 
position:absolute to fit in the page structure

Please make sure you do not remove the 
brix required section. Its for the content.

******************************************/


body {
	font-family: tahoma;	
   margin:0;
	
	}


/*------ Brix Required -----*/
.p{
	padding:0;
	margin:0;
        padding-left:0em;
}

ul {
	padding:0;
	margin:0;
        padding-left:0em;
}

li{
        margin-left:3em;
/*	padding-bottom:0em;*/
        text-indent:0em;
        padding-left:0.5em;
        list-style-position: outside;

}

div .indent .p {
	text-indent:45px;
        padding-left:1em;
	padding:0;
	margin:0;
}

div .pBR {
	padding-bottom:1em;
}

.content_spacing td{
	padding-bottom:1em;
}
/*------ Brix Required -----*/
	
	

image {
	border: 0px;
	}
img {
	border :none;
}

/*** MISC ***/
#overlay{
	background-image: url(overlay.png);
	position:absolute;
	left:0;
	top:0;
	z-Index:90;
	height:100%;
	width:100%;
}

#loadingImage{
	position:absolute;
	left:50%;
	top:50%;
}

#html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="assets/css/overlay.png", sizingMethod="scale");
*/	}
	
.frm_text {
	font-size: 10px;
	color: #9E9FA1;

	}
#searchForm{
	position:absolute;
	right:0;
	top:3em;
}
#searchForm a{
	position:absolute;
	right:8em;;
	top:0em;
}

#error{
	color:red;
}

.image_title{
	display:block;
	font-size:9px;
	text-align:center;
}

#image_logo{
	position:absolute;
	left:0;
	top:0;
}

/*** LOGIN BUTTONS ***/
#employeelogin{
	position:absolute;
	right:20em;
	top:0em;
}

#customerlogin{
	position:absolute;
	right:12em;
	top:0em;
}

/*** TITLE ***/
#title span{
	font-size: 16px;
	font-weight: bold;
	font-weight:800;
	font-family:a;
	color: #918F76;
	position: absolute;
	top: 4.7em;
	left:1em;
	width: 760px;
	text-transform: uppercase;
	letter-spacing: .5em;
	text-align:left;
		font-family: "Lucida Sans";
}	
	
/*** OnActive ***/
.OnActive span{
	color: #000000;
   }	


/*** CONTAINER ***/
#container {
	width: 980px; 
	text-align:center;
	padding: 0px 0px 0px 0px;
	position:relative;
	left:5px;


	}

/*** HEADER ***/
#header {
	width: 100%; 
	}

#headerBackgroundImage{
 	height:194px;
	width:100%;
	position:relative;
   }
#header tr td {
	vertical-align:top;
	padding:0;
	margin:0;
	}

#header form{
	margin:0;
	padding:0;
   }


/*** WELCOMEPANEL ***/
#welcomepanelDiv {
	vertical-align:top;
	padding: 0;
	margin: 0;
	width:350px;
	position:absolute;
	right:0;
	top:5em;
   }

#welcomepanel {
   padding:0;
	margin:0;
	text-align: right;
	font-size: 11px;
	color: #9E9FA1;
	}

#welcomepanel tr td {
   padding:0;
	margin:0;
	text-align: right;
	font-size: 11px;
	color: #000;
	}

#welcomepanel tr td table tr td {
	padding-top: 0px;
	padding-right: 0px;
	text-align: right;
	font-size: 11px;
	color: #000000;
	}

#welcomepanel h5 {
	font-size: 11px;
	color: #000000;
	display: inline;
	font-weight: bold;
	}

/*** HEADERNAV ***/

#headernavDiv{
	padding:0;
	margin:0;
	width:100%;
	position: relative;
	}
#headernavDiv table{
	padding:0;
	margin:0;
	position:absolute;
	right:0;
	top:1em;
   }

#headernav{
	margin:0;
	padding:0;
	vertical-align:top;

	}
#headernav tr td {
	padding:0;
	margin:0;
	}

#headernav .space {
	display: block;
	width: 22px;
	padding-bottom:0;
	margin-bottom:0;
	}

#headernav .icon {
	vertical-align: bottom;
	padding-bottom:0;
	margin-bottom:0;
	}

#headernav .link{
	vertical-align: top;
	font-weight: 600;
	padding-bottom: 0em;
	margin-bottom: 0em;
	border-top: 2px solid #9E9FA1;
	font-size: 10px;
	padding-top: .25em;
	text-decoration:none;
}

/*#headernav .link a, a:hover, a:visited, a:active {*/
/*#headernav .link a, a:hover, a:visited{
	color: #9E9FA1;
	text-decoration: none;
	padding-bottom:0em;
	margin-bottom:0em;
	}*/

/*#headernav .link a{
	text-decoration: none;
	padding-bottom:0em;
	margin-bottom:0em;
	color:#9E9FA1;
}*/
#headernav a:link{
	color: #9E9FA1;
	text-decoration:none;
}

#headernav a:visited{
	color: #9E9FA1;
	text-decoration:none;
}
#headernav a:active{
	color: #9E9FA1;
	text-decoration:none;
}
#headernav #active_menu{
	color: #000000;
	text-decoration: none;
	padding-bottom:0em;
	margin-bottom:0em;
	}

#headernav .link a:hover{
	color: #666666;
	text-decoration: none;
	}

/*** BODY ***/
#body {
	width: 100%; 
	}

/*** LEFTNAV ***/
#leftnav tr td{
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color: #9E9FA1;
	}

#leftnav .link {
	vertical-align: top; 
	padding-left: 25px;
	padding-right: 17px;
	padding-bottom: 5px;
	text-decoration:none;
	}

#leftnav .link .indent4 {
	display: block;
	text-indent: 0px;
	}
#leftnav .link .indent5 {
	display: block;
	text-indent: 20px;
	}
#leftnav .link .indent6 {
	display: block;
	text-indent: 40px;
	}
#leftnav .link .indent7 {
	display: block;
	text-indent: 60px;
	}
#leftnav .link .indent8 {
	display: block;
	text-indent: 60px;
	}

#leftnav #active_menu{
	text-decoration:none;
	color:#000000;
}

#leftnav a.mainlevel{
	text-decoration:none;
	color:#000000;
}

#leftnav .link a, a:hover, a:visited, a:active {
	color: #9E9FA1;
	text-decoration: none;
	}

#leftnav .link a:hover {
	color: #666666;
	text-decoration: none;
	}

/*** BREADCRUMB ***/
#breadcrumb {
	font-size: 13px;
	color: #8E8B6C;
	}
	
#breadcrumb a {
	font-size: 13px;
	color: #8E8B6C;
	text-decoration: none;
	text-transform: capitalize;
}

/*** CONTENT ***/
#content tr td{
	padding: 0px 5px 0px 0px;
	font-size: 13px;
	color: #000000;
	font-family:verdana;
	}

#content a{
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color: #65665C;
	font-family: verdana;
	text-decoration: underline;
}
#content a:hover, a:visited, a:active {
	color: #9E9FA1;
	text-decoration: none;
}

.contentpaneopen a{
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #65665C;
	font-family: verdana;
	text-decoration: underline;
}
.contentpaneopen a:hover, a:visited, a:active {
	color: #9E9FA1;
	text-decoration: none;
}

h1{
	font-family:verdana;
	font-size:16px;
}

/*** RIGHTPANEL ***/
#rightpanel tr td{
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	font-weight:bold;
	color: #918F76;
	}

/*** HOME_SERVICES ***/
#home_services {
	width: 100%;
	padding: 8px 3px 3px 16px;
	font-size: 12px;
	color: #000000;

}	

#home_services table tr td{
    width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
	}

#home_services b{
	font-size: 12px;
	color: #000000;
	}	
	
#home_services a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}	
	
/*** HOME_WEB ***/
#home_web {
    width: 100%;
	padding: 8px 3px 3px 16px;
	font-size: 12px;
	color: #000000;
	}	

#home_web table tr td{
    width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
	}		

#home_web b{
	font-size: 12px;
	color: #000000;
	}	
	
#home_web a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}	
	
/*** HOME_PRACTICES ***/
#home_practices {
    width: 100%;
	padding: 8px 3px 3px 16px;
	font-size: 12px;
	color: #000000;
	}
	
#home_practices table tr td{
    width: 100%;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #000000;
	}		

#home_practices b{
	font-size: 12px;
	color: #000000;
	}	
	
#home_practices a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}	

/*** HOME_NEWS ***/
#home_news {
    width: 100%;
	padding: 8px 3px 3px 16px;
	font-size: 12px;
	color: #DDDDDD;
	}
	
#home_news table {
    width: 100%;
	padding: 3px 0px 3px 0px;
	}		

#home_news .title{
	font-size: 12px;
	color:white;
	font-weight: bold;
	}
	
#home_news .contentdate{
	font-size: 9px;
	padding: 0px 0px 0px 5px;
	color: #918F76;
	}		
	
#home_news .shortdesc{
	font-size: 12px;
	color:white;
	display: block;
	
	}
	
#home_news .shortdesc a{
	font-size: 12px;
	color: #DCDCDA;
	text-decoration: none;
}	
	
/*** HOME_CLIENT ***/
#home_client {
    width: 100%;
	padding: 8px 3px 3px 16px;
	font-size: 12px;
	color: #DDDDDD;
	}
	
#home_client table {
    width: 100%;
	padding: 3px 0px 3px 0px;
	}		

#home_client .title{
	font-size: 16px;
	color: white;
	font-weight: bold;
	}
	
#home_client .shortdesc{
	font-size: 12px;
	color: #DCDCDA;
	}
	
#home_client .shortdesc a{
	font-size: 12px;
	color: #DCDCDA;
	text-decoration: none;
	}	

#home_client .companyname{
	font-size: 14px;
	color: white;
	font-weight: bold;
	}
	
.more_link{
	padding-left:7px;
	display:inline;
	font-size:10px;
}

.more_link a, a:visited,a:hover{
	text-decoration: underline;
	color:#999999;
}


/*** Contact Us form***/
.contactUsFormName{
	width:40%;
  }

.contactUsFormValue{
  }
.required{
	color:red;
}
.error{
	color:red;
	padding-bottom:1em;
}
.required_fields_info{
	padding-bottom:1em;
}

/*** Foooter***/
#footer{
	color: #656565;
	font-size: 10px;
	font-family: verdana;
}