/* CSS Document */

body {
	background-color: #000000;
	background-image: url(/images/bkg.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	scrollbar-arrow-color: #880100;
	scrollbar-base-color: #090100;
	scrollbar-face-color: #090100;
	scrollbar-highlight-color: #880100;
	scrollbar-shadow-color: #880100;
	scrollbar-3dlight-color: #880100;
	scrollbar-track-color: #040001;
	scrollbar-darkshadow-color: #880100;
	
}

body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}

a:link {
	color: #D70000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #D70000;
}
a:hover {
	text-decoration: underline;
	color: #D70000;
}
a:active {
	text-decoration: none;
}

#mainArea {
	width:950px;
	height:480px;
	margin-top: 90px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: static;
}


#mainAreaBkg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bkg_content.png');
	width:950px;
	height:480px;
}
html>body #mainAreaBkg {  background: url(/images/bkg_content.png);}

#slogan { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/slogan.png',sizingMethod='scale');
	width:11px;
	height:302px;
	position:absolute;
	margin:70px 0px 0px -30px;
	z-index:100;
}
html>body #slogan {  background: url(/images/slogan.png);}

#quote {
	width:220px;
	position:absolute;
	z-index:200;
	margin-top: -65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 685px;
}

#quote h1 {
	font-size: 16px;
	color: #E8E8E8;
	font-family: Georgia;
	margin-bottom: 20px;
	font-weight: bold;
	margin-top: 0px;
	font-style: italic;
	text-transform: uppercase;
}

#quote a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#mainLogo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/logo.png',sizingMethod='scale');
	width:279px;
	height:129px;
	position:absolute;
	margin-top: -92px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	cursor:pointer;

}
html>body #mainLogo {  background: url(/images/logo.png);}

#LogoSplash { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/logo_splash.png',sizingMethod='scale');
	width:355px;
	height:176px;
	margin-right: auto;
	margin-left: auto;	

}
html>body #LogoSplash {  background: url(/images/logo_splash.png);}

#mainContent{
	background-color: #000000;
	overflow:auto;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	height: 385px;
	width: 560px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	z-index:10;
	margin-left:20px;  padding-top:44px;
}
html>body #mainContent { padding-top:38px;}
#mainContent h1 {
	font-size: 20px;
	color: #E8E8E8;
	font-family: Georgia;
	margin-bottom: 20px;
	font-weight: 100;
	margin-top: 0px;
}
#mainContent h2 {
	font-size: 16px;
	color: #D70000;
	font-family: Georgia;
	margin-bottom: 20px;
	font-weight: 100;
	margin-top: 10px;
	}
	
#mainContent p {
	margin:0px 0px 12px 0px;
	line-height: 20px;
	font-family: Verdana;
	font-size: 11px;
	text-align: justify;
}
#mainContent a { 	
color: #FFFFFF; text-decoration:underline;
}
#mainContent a:hover { 	
color: #D70000; text-decoration:none;
}

#footer {
	font-size: 10px;
	text-transform: uppercase;
	width: 450px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 15px;
	font-family: Verdana;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	font-weight: normal;
}
#footer a {
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 5px;
	text-decoration: none;	
}

#vesign {
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana;
	padding-right: 0px;
	padding-left: 0px;
	text-align: right;
	font-weight: normal;
}
#vesign a {
	color: #D70000;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	font-weight: bold;
}


.red {	
color: #D70000;
}

#navmenu {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}


#left-content{
	background-color: #000000;
	width: 230px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#left-content h1 {
	font-size: 20px;
	color: #E8E8E8;
	font-family: Georgia;
	margin-bottom: 20px;
	font-weight: normal;
	margin-top: 0px;
	text-align: center;
}
#left-content h2 {
	font-size: 16px;
	color: #D70000;
	font-family: Georgia;
	margin-bottom: 20px;
	font-weight: 100;
	margin-top: 10px;
	}
	
#left-content p {
	font-family: Verdana;
	font-size: 12px;
	color: #CCCCCC;
	text-align: justify;
	line-height: 17px;
}
#left-content a { 	
color: #FFFFFF; text-decoration:underline;
}
#left-content a:hover { 	
color: #D70000; text-decoration:none;
}



div#scrollbar {
    display:none;
    }
.white {

color: #FFFFFF;
}
#nav { position:absolute; z-index:999; margin-left:350px; margin-top:20px; }
#nav a {cursor:pointer; display:block;}
#nav a.company {
	background: url(/images/nav/nav_company_up.gif) no-repeat left top;
	height: 40px;
	width: 70px;
}
#nav a.company:hover, #nav a.company-active{
	background: url(/images/nav/nav_company_over.gif) no-repeat left top;
	height: 40px;
	width: 70px;
}
#nav a.services {
	background: url(/images/nav/nav_services_up.gif) no-repeat left top;
	height: 40px;
	width: 64px;
	cursor:pointer;
}
#nav a.services:hover, #nav a.services-active{
	background: url(/images/nav/nav_services_over.gif) no-repeat left top;
	height: 40px;
	width: 64px;
}
#nav a.portfolio {
	background: url(/images/nav/nav_portfolio_up.gif) no-repeat left top;
	height: 40px;
	width: 63px;
}
#nav a.portfolio:hover, #nav a.portfolio-active {
	background: url(/images/nav/nav_portfolio_over.gif) no-repeat left top;
	height: 40px;
	width: 63px;
}
#nav a.testimonials {
	background: url(/images/nav/nav_testimonials_up.gif) no-repeat left top;
	height: 40px;
	width: 103px;
}
#nav a.testimonials:hover, #nav a.testimonials-active {
	background: url(/images/nav/nav_testimonials_over.gif) no-repeat left top;
	height: 40px;
	width: 103px;
}
#nav a.contact {
	background: url(/images/nav/nav_contact_up.gif) no-repeat left top;
	height: 40px;
	width: 65px;
}
#nav a.contact:hover, #nav a.contact-active {
	background: url(/images/nav/nav_contact_over.gif) no-repeat left top;
	height: 40px;
	width: 65px;
}

.center {
	text-align: center;
}