@import url("treemenu.css");


/* general */

*				{ padding: 0; margin: 0; }
html, body		{ height: 100%; }
body			{ background-color: #51004F; background-image: url(../images/bg.jpg); background-attachment: fixed; background-position:center top; background-repeat: repeat-x; color: #324150; padding: 0; margin: 0; }

div				{ font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 18px; color: #324150; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; }
img				{ border: 0; }
hr				{ color: #2A3026; height:1px; width:100%; margin: 10px 0px 10px 0px; }
ul				{ list-style-position: outside; list-style-type: disc ; margin: 20px  0px  0px 0px; }
li				{ list-style-position: outside; list-style-type: disc; margin: 10px  0px  0px 15px; }
.lf				{ float: left; }

input, select, textarea   { font-family: Verdana, Arial, Helvetica, Sans-Serif, MrsEavesRoman, Times New Roman; font-size: 11px; line-height: 11px; color: #324150; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; }

.menu-width		{ width: 220px; }
.content-width	{ width: 550px; }
.main-color		{ background-color: #ffffff; }
.align-left		{ text-align: left; }
.align-right	{ text-align: right; }
.center-box		{ margin: 0 auto; }
.main-width		{ width: 860px; }

.content-layout-width   { margin: 0px 20px 145px 30px; padding: 0; width: 550px; }
.inline-box     { display: inline; }
.hidden-box     { display: none; }
.al             { text-align: left; }
.ar             { text-align: right; }

/* container */
#container		{ min-height: 100%; display: block; clear: both; float: none; width: 860px; margin: 0 auto; padding: 0; background-image: url(../images/vline.gif); background-repeat: repeat-y; }
#logo-box		{ clear: both; float: none; width: 100%; height: 125px; }
#hbanner-box	{ clear: both; float: none; width: 100%; height: 305px; }
#banner-box		{ clear: both; float: none; width: 100%; height: 150px; }

#float-box		{ display: block; } /* for ie 5.2 on mac */
#menu-box		{ float: left; width: 260px; }
#content-box	{ float: left; width: 600px;  }
#bottom-box		{ position: absolute; left: 0px; top: -145px; width: 100%; height: 75px; text-align: center; }
#copyr-box		{ position: absolute; left: 0px; top: -70px; width: 100%; height: 9px; padding: 20px 0px 41px 0px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 9px; line-height: 9px; color: #ACACAC; background-color: #51004F; text-align: center; }	
#footer-box		{ position: relative; display: block; width: 100%; }	

#menu-start		{ display: block; height: 150px; margin: 0; padding: 0; }
#menu-wraper	{ display: none; margin: 0; padding: 0; }

#motto-box		{ position: relative; clear: both; float: none; width: 100%; height: 20px; }
.ghost-box		{ display: block; clear: both; float: none; margin: 0 auto; padding: 0; width: 100%; }
.box			{ width: 100%; }

/* layout */
#menu-layout	{ margin: 0px 20px 145px 20px; padding: 0; }
#content-layout	{ margin: 0px 20px 145px 30px; padding: 0; }
#footer-layout	{ height: 75px; padding: 45px 0px 0px 0px; background-image: url(../images/bottom.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: top center; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 9px; line-height: 9px; color: #324150; text-align: center; }

/* quotation */
.quote			{ font-size: 9px; line-height: 14px; }
.quote-corner	{ position: absolute; background-repeat: no-repeat; width: 6px; height: 6px; }
.qc-tl			{ background-image: url(../images/quote_corner_top_left.gif); top: 0px; left: 0px; }
.qc-tr			{ background-image: url(../images/quote_corner_top_right.gif); top: 0px; left: 66px; }
.qc-br			{ background-image: url(../images/quote_corner_bottom_right.gif); top: 66px; left: 66px; }
.qc-bl			{ background-image: url(../images/quote_corner_bottom_left.gif); top: 66px; left: 0px; }

.quote-left		{ display: inline; position: relative; float: left; top:0px; left:0px; margin: 20px 8px 0px 0px; width: 72px; }
.quote-right	{ display: inline; position: static; float: left; margin: 20px 0px 0px 0px; width: 140px; }
.quote-full     { margin: 20px 0px 0px 0px; width: 220px; }
.quote-quote    { font-size:13px; color:Gray; line-height:17px; font-weight:bold; font-family:Times New Roman; }



/* page name */
.homepage-name	{ font-size: 25px; line-height: 25px; padding-bottom: 10px; }
.page-name		{ font-size: 15px; line-height: 15px; padding-bottom: 10px; font-weight: 900; }
.page			{ font-size: 9px; line-height: 15px; padding-bottom: 10px; font-weight: 900; color: #000000; }
.title			{ color: #000000; font-weight: 900; padding-bottom: 10px; }


/* motto */
.motto			{ color: #ffffff; }
.motto-title	{ font-size: 38px; line-height: 45px; font-family: MrsEavesRoman, Times New Roman; }
.motto-info		{ font-size: 20px; line-height: 25px; font-family: MrsEavesRoman, Times New Roman; }

.home-motto		{ position: absolute; top: -180px; left: 450px; width: 280px; height: 75px; background-color: #40003A; padding: 5px 20px 5px 20px; }
.adv-motto		{ position: absolute; top: -135px; left: 400px; width: 350px; height: 80px; padding: 5px 20px 5px 20px; }
.news-motto		{ position: absolute; top: -110px; left: 480px; width: 325px; height: 50px; padding: 5px 20px 5px 20px; }


/* news */
.news-left		{ float: left; width: 75px; }
.news-right		{ float: right; width: 455px; }
.news-full      { width:530px; }


/* portfolio */
.submenu		{ color: #000000; font-weight: 900; white-space: nowrap; }
.smenu-pipe		{ padding: 0px 10px 0px 10px; }
.smenu-selspan  { font-weight:bold; color: #F20017;} 
.adv-bg			{ margin: 20px 0px 0px 0px; background-color: #ECECEC; }
.adv-img		{ padding: 20px 0px 0px 0px; text-align: center; }
.adv-left		{ float: left; width: 235px; padding: 20px 10px 15px 30px; }
.adv-right		{ float: right; width: 235px; padding: 20px 30px 15px 10px; }
.adv-full       { padding: 20px 20px 15px 20px; width: 510px; }


/* pager */
.pager-spacer	{ padding: 0px 3px 0px 3px; }
.adv-pager		{ padding: 10px 30px 0px 20px; }
.highlight-pager{ color: Black;}

/*	link	*/
a:link, a:active, a:visited
				{ color: #F20017; text-decoration: none; }
a:hover			{ text-decoration: underline; }

a.more:link, a.more:active, a.more:visited
				{ color: #0000FF; text-decoration: none; }
a.more:hover	{ text-decoration: underline; }

a.pager:link, a.pager:active, a.pager:visited
				{ color: #F20017; text-decoration: none; }
a.pager:hover	{ color: #F20017; text-decoration: underline; }

a.copyr:link, a.copyr:active, a.copyr:visited
				{ font-size: 9px; line-height: 9px; color: #ACACAC; text-decoration: none; }
a.copyr:hover	{ color: #f5f5f5; }


/* form */
.standardField	{ background-color: #292929; border-bottom: #3B403C 1px solid; border-left: #606461 1px solid; border-right: #3B403C 1px solid; border-top: #606461 1px solid; COLOR: #6D8675; font-family: Arial, Helvetica, Tahoma, Verdana; font-size: 11px; margin: 4px 0px 0px 5px; } 
.standardBtn	{ border-bottom: #000000 1px solid; border-left: #cccccc 1px solid; border-right: #000000 1px solid; border-top: #cccccc 1px solid; color: #151816; background-color: #8A8D8B; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 11px; }
.standardWidth	{ width: 220px; }
.phoneField		{ text-align: center; } 
.errField		{ background-color: #FFF0F0; border-bottom: #E4BEBE 1px solid; border-left: #B14949 1px solid; border-right: #E4BEBE 1px solid; border-top: #B14949 1px solid; COLOR: #990000; font-family: Arial, Helvetica, Tahoma, Verdana; font-size: 11px; margin: 4px 0px 0px 5px; }
 
 
/* text */
.spacer1		{ font-size: 1px; line-height: 1px; height: 1px; }
.highlight, fieldReq
				{ color:#F20017; }
.quoteContent   { color: #51004F; }

				
/* contact us */
.FieldCaptionTD 
{ 
	border-bottom: 1px solid #C7D5EC; 
	color: #582457; 
	font-weight: bold; 
	text-align:right;
}				

.DataTD 
{ 
	border-bottom: 1px solid #C7D5EC; 
	background-color: #FFFFFF; 
	color: #000000; 
}

.AllInput 
{ 
	border: 1px solid #121841; 
	background-color: #FFFFFF; 
	line-height: 11px;
}

.AllInputCentered
{ 
	border: 1px solid #121841; 
	background-color: #FFFFFF; 
	vertical-align:middle;
	font-size:15px;
	line-height: 15px;
}

.AllInputTextarea 
{ 
	border: 1px solid #121841; 
	background-color: #FFFFFF; 
	line-height: 15px;
}

.AllButton 
{ 	
	border: 1px solid #121841; 
	background-color: #F3F3F3; 
	vertical-align: middle;
	text-align: center;
}

ul.services
{
	list-style-position: outside;
	margin: 0px  0px  0px 50px;
}

li.services
{
	list-style-image: url(../images/plus.gif);
	margin: 0px  0px  0px 0px;
}