/* CSS Document */
html, form {padding:0; margin:0}

body {font-family:  verdana, arial, tahoma, sans-serif; font-size: 62.5%; color:#000000; background-color:#000000; background-image:url(images/bg-grad.jpg); background-attachment:fixed; background-repeat:repeat-x; margin-top: 0px; }

body {margin:15px}

p, table, tr, td, ol, dl, dd, input{font-family:  verdana, arial, tahoma, sans-serif; font-size:100%; line-height:140%; text-align:left;}

p{margin:1% 0 1% 0}

h1, h2, h3, h4, h5, h6{font-family: 'Lucida sans', Arial, Helvetica, Tahoma, sans-serif; color:#333333; text-align:left; f}

h1 span{display:none;}

h1{font-size: 195%; font-weight:bold; margin:0; line-height:120%;  text-transform:uppercase;
letter-spacing:.1em;
 }
h2{font-size: 120%; margin:10px 0px 10px 0px}
h3{font-size: 120%;}
h4{font-size: 110%;}
h5{font-size: 100%}
h6{font-size: 90%}

td, th{border-bottom:1px solid #E4D6E9; vertical-align:top; font-size: 100%; text-align:left;}

small{font-size:90%}

hr{height:1px; border:1px solid #DDDDDD; width:100%;}

blockquote{padding:6px; border:1px solid #DDDDDD; background-color:#EEEEEE;}

img, table{border:0}

dt {font-weight:bold; background-color:#E3EDF2; padding:4px 4px 4px 12px; background-repeat:no-repeat; }
dd {padding:10px 0px 10px 0px}


/* ******* IMAGES & SHIMS ******* */

.floatRight{float:right; margin:0px 0px 7px 3px}
.floatLeft{float:left; margin:0px 7px 3px 0px}
.floatRightNoPadding {float:right; margin:0}
.floatLeftNoPadding  {float:left;  margin:0}
.imgAlignMiddle {vertical-align:middle}

/* ******* TABLES ******* */

caption{visibility:hidden}

form th{text-align:right; font-weight:normal;}
form td{border-bottom:1px solid #E4D6E9;  vertical-align:top; }

.alternateTDrow {background-color:#F4F4F4}
.smallTable {font-size:90%}

.centerAlignTD {text-align:center}

/* ******* CUSTOM PARA STYLEES ******* */

.message {color:#C25733; font-weight:bold}

/* ******* LINX ******* */

a					{color: #2A0052; text-decoration:underline; outline: none}
a:visited			{text-decoration:underline; color:#6A6173; outline: none}
a:hover				{text-decoration:none; color: #00ACF0; outline: none}
a:active			{text-decoration:underline; outline: none}

#footer p 			{font-size: 2em;}
#footer a			{color: #6a6a6a; text-decoration:none; outline: none}
#footer a:hover		{text-decoration:underline; color:#6a6a6a; outline: none}




/* ******* LAYERS *******  div{border:1px green solid;} */

#container	{background-color:#FFFFFF; border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF; padding:0; width:812px; text-align:center; margin-left:auto; margin-right:auto;}
#header		{background-color:#FFFFFF; }

#leftPanel img {margin:10px}

#compressor {width:804px}
#bodyCopy	{width:804px; float:right; background-color:#FFFFFF; background-image:url(images/bg-test.gif); background-repeat:repeat-y;background-position:bottom;}

#textArea	{text-align:left;  line-height:190%;}
#textArea	p{line-height:160%; font-weight: normal;}
#rightPanel	{width:390px; display:block; float:right; margin:0 0px 50px 20px;}
#rightPanel	p{padding-left:10px}

#rightPanel-other-pages	{width:300px; display:block; float:right; margin: 20px 0 0 0; }
#rightPanel-other-pages	p{padding-left:10px}


#footer		{font-size:80%; color:#8A8A8A; padding-top:8px; clear:both; background-color:#FFFFFF; width:810px; height:30px;  border-top:1px solid #cccccc}

/* ******* Content Box BG Home Page ******* */

/* This is the transparent box */
#transbox {
width: 350px;
margin: 30px 10px 10px 40px;
background-color: #fff;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
}

/* This is the container which set text to solid color.
position: relative used for IE */ 
#transbox div {
padding: 5px;
font-weight: bold;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}



/* ******* Content Box BG Other Pages ******* */

/* This is the transparent box */
#transbox-other-pages {
width: 460px;
margin: 30px 10px 10px 20px;
background-color: #fff;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
}


/* This is the container which set text to solid color.
position: relative used for IE */ 
#transbox-other-pages div {
padding: 20px;
font-weight: bold;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}



/* ******* FORMS ******* */

input, select, textarea{font-size:100%; font-family:  verdana, arial, tahoma, sans-serif;}
.textFieldStyle {width:15em;}
textarea {height:8em;}
input.loginFormSubmit {width:auto; text-align:center}
.radioCheckBox{background-image:none; border:none; background-color:transparent}



/* ******* MENU ******* */

#menuh
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding:0;
	background-color: #FFFFFF;
	}
		
#menuh a
	{
	display:block;
	margin:0;
	padding: 0;
	
	}
	
#menuh a, #menuh a:visited	
	{
	color: #999999;
	background-color: #FFFFFF;
	text-decoration:none;
	}
	
#menuh a:hover	
	{
	color: #000;
	background-color: #FFFFFF;
	}	
			
#menuh ul
	{
	list-style:none;
	margin:0;
	padding: 0;
	float:left;
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	
    vertical-align: bottom; 
	}

#menuh ul ul {
font-size:11px;
font:Verdana, Arial, Helvetica, sans-serif;
}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 2px;
	margin:0;
		}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}



#subMenuBus a
	{
	display:block;
	margin:0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 170px;
	text-align: left;
	}
	
	#subGallery a
	{
	display:block;
	margin:0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 120px;
	text-align: left;
	}
	
#subMenuBus a, #subMenuBus a:visited, #subGallery a, #subGallery a:visited	{
	color: #333333;
	background-color: #FFFFFF;
	text-decoration:none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	margin: 0;
	}
	
#subMenuBus a:hover, #subGallery a:hover	
	{
	color: #FFFFFF;
	background-color: #1eb1c3;
	padding: 5px 5px 5px 5px;
	}		

/* ******* END - MENU ******* */

/* ******* BOXES ******* */

#bottom-boxes {
margin-top: 20px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 0;
clear:both;
}



#box {
float: left;
width: 230px;
height: 224px;
background-color: #000;
margin: 8px;
padding: 10px;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
}

/* This is the container which set text to solid color.
position: relative used for IE */ 
#box div {
padding: 5px;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
}

#box p, ul, li {
color: #FFFFFF;
}

.title { letter-spacing: .10em; font-size: 140%;  text-transform: uppercase; font-weight: bold; width: auto; line-height: 1em;  }

.title-sub { letter-spacing: .05em; font-size: 80%;  text-transform: uppercase; font-weight: 100;}

#box ul {
padding: 5px 0 0 3px;
margin: 0 0 0 3px;
}

#box li {
padding-top: 5px;
}



.wrappiccyright{
float: right;
margin-left: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

.wrappiccyright{
float: right;
margin-right: 10px;
padding: 5px 5px 5px 5px;
}


/* CONTACT FORM STYLE */



legend {  
margin-left: 1em;  
padding: 0;  
color: #000;  
font-weight: bold; 
}

fieldset {
border: solid 1px #333333;
padding: 5px;
}

fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 

fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em; 
}

fieldset.submit {  
float: none;  
width: auto;  
border-style: none;  
padding-left: 12em;  
background-color: transparent;  
background-image: none; 
}

label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right; 
}

.movie {
width: 800px;
height: 500px;
background-color: #000000;
padding 50px}