/* CSS Document */

/* Page Layour for BMScomposites */

body 			{margin: 0px;
  				padding: 0px;
  				background-color:#ffffff;
				padding-top:6px;
                                padding-bottom:10px;}

#wrapper 		{
				clear: both;
				margin-left: auto;
				margin-right: auto;
				width: 1020px;
				height:100%;
				padding-top:6px;
				background-color:#000000;
				box-shadow: 2px 2px 2px #bbb;
				-webkit-box-shadow: 1px 1px 2px #bbb;
				-moz-box-shadow: 5px 5px 5px #bbb;
				-webkit-border-radius: .5em;
				-moz-border-radius: .5em;
				border-radius: .5em;
				overflow:hidden;
}
		
#page-phone 	{width:1018px; 
				height:30px; 
				margin-top:8px; 
				position:relative; 
				margin-right:40px;
				text-align:right;
				right:20px;}

#page-header 	{width:1018px; 
				height:60px; 
				margin:0px; 
				position:relative; 
				padding:0px 0px 0px 0px; 
				background-color:#000000;
                                z-index:80;}	

#page-menu 		{width:670px; 
				height:60px; 
				margin:0px; 
				float:right; 
				padding:0px 0px 0px 0px; 
				background-color:#000000;}	
	
#page-logo		{width:300px;
				height:60px;
				float:left;
				padding-left:15px;
				background-color:#000000;
                                z-index:100;}
			
#page-image		{width:1020px; 
				margin:0px; 
				height:475px;
				position:relative;  
				background-color:#000000; 
				top:0px;}

#main_image {width:auto; height:auto; float:left;z-index:1;}
				
#scroll-image	{width:120px; 
				margin:0px; 
				float:left;  
				background-color:#000000; 
				top:0px;
				min-height:450px;}
		

/* CENTRE-BOTTOM MENU WITH MOUSEOVER DETAILS */
		
/*#bottom-menu 	{list-style: none;
                                padding: 0;
                                margin: 0;
                                width:1020px; 
				height:56px; 
                                position: relative;
                                z-index:50;}	*/

#bottom-menu {margin:0px 0 0px 0px; font-size:15px;}

#bottom-menu a.vmenu, #menub a.vmenu:link, #bottom-menu a.hmenu, #bottom-menu a.hmenu:link, #menub a.vmenu:visited, #bottom-menu a.hmenu:visited {display:block; width:340px; height:55px; background:#000; color:#ffffff; font-family:arial,verdana, sans-serif;
font-size:16px;text-decoration:none; text-align:center; line-height:55px;border:none;}

#bottom-menu a.hmenu, #bottom-menu a.hmenu:link, #bottom-menu a.hmenu:visited {float:left;}

#bottom-menu a.hmenu:hover, #menub a.vmenu:hover {background:#000000; color:#00adef;}
#bottom-menu a.hmenu:active, #menub a.vmenu:active {background:#000000; color:#00adef;}

#bottom-menu {height:55px;}

#bottom-menu:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden;}

/* END OF CENTRE-BOTTOM MENU WITH MOUSEOVER DETAILS */



				
#page-box 		{width:250px; 
				height:50px;
				margin:0px 0px 0px 0px; 
				padding-top:0px; 
				position:absolute; 
				left:540px; 
				top:120px; 
				z-index: 10;
				/*border-right:thin;
				border-right-color:#0066FF;
				border-right-style:solid;
				border-spacing:0px;*/
				}
				
#page-box-clear{width:880px; 
				margin:0px 0px 0px 0px; 
				padding:0px; 
				position:absolute; 
				left:0px; 
				top:330px;
				height:140px; 
				background-image:url(divOpacity.png);}
		

#clear-small-1	{width:460px; 
				margin:0px 0px 0px 0px; 
				padding-left:20px; 
				float:left; 
				padding-top:10px;
				height:90px; 
				/*background-color:#000000;*/}
				
#clear-small-2	{width:260px; 
				margin:0px 0px 0px 0px; 
				padding-left:20px;
				padding-right:20px; 
				float:left; 
				padding-top:32px;
				height:auto;
                                text-align:right; }
								
#blue-box		{width:1020px; 
				margin:0px 0px 0px 0px; 
				padding:0px; 
				float:left; 
				left:0px; 
				top:0px;
				height:100%;
				background-color:#000000;  
				z-index: 10;
				overflow:hidden;
				background-image:url(blue.jpg)}
				
#blue-small-1	{width:250px; 
				margin:0px 0px 0px 0px; 
				padding-left:20px; 
				float:left; 
				padding-top:10px;
				height:90px;
				z-index:20;
                                overflow:hidden;
                                height:100%;}
				
#blue-small-2	{width:700px; 
				margin:10px 0px 10px 0px; 
				padding-left:10px;
				padding-right:20px;
				padding-bottom:0px; 
				float:left; 
                                height:100%;
				padding-top:0px;
				min-height:150px;
				z-index:20;
				overflow:hidden;
				border-left:thin;
				border-left-color:white;
				border-left-style:solid;}
				
#page-footer 	       {width:700px; 
				float:left; 
				left:0px; 
				top:0px; 
				min-height:30px;
				padding:0px 20px 0px 20px; 
				background-color:#000000;}

				
#pageFooterRight	{width:220px; 
				float:right; 
				left:0px; 
				top:0px; 
				min-height:30px;
				padding:0px 20px 0px 20px;
				text-align:right; 
				background-color:#000000;}

#phone			{float: right;
				width: 200px; 
				background-color: #911142; 
				min-height: 20px; 
				height: auto; 
				position:relative;
				top:5px; 
				margin-right:15px; 
				color:#4e4e4e; 
				display:inline; 
				z-index: 2; 
				margin-right:1px; 
				top:1px} 

#page-mini-box {width:200px; margin:20px 20px 20px 20px; padding:20px; position:relative; left:0px; top:50px; z-index: 6}

#info-mini-box {width:34px; margin:0px 0px 0px 0px; padding:0px; float: right; left:0px; top:0px; z-index: 6}

#form2 {float:right; }

#minibox2 {
	position:absolute;
	width: 300px;
	margin: 5px;
	padding: 5px;
	border: 0px solid black;
	z-index:10px;
	left: 590px;
	top: 255px;
  }

#full-box-1 {width:900px; margin:0px 0px 0px 0px; padding-right:10px; position:relative; left:0px; top:0px; z-index: 6}

#mini-box-1 {width:280px; margin:0px 0px 0px 0px; padding-right:10px; position:relative; left:0px; top:0px; z-index: 6}

#mini-box-2 {width:280px; margin:0px 0px 0px 0px; padding-right:10px; position:relative; left:0px; top:0px; z-index: 6}

#mini-box-3 {width:280px; margin:0px 0px 0px 0px; padding-left:10px; position:relative; left:0px; top:0px; z-index: 6}

#footerbox {width:200px; margin:0px 0px 0px 0px; padding-right:0px; float:right; left:0px; top:0px; z-index: 6}


.menu-note	{ color: #FF9900; font-family: arial, verdana, sans-serif; font-size: 9pt; font-weight: bold; }

.menubackground {
	BORDER-TOP: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
/*.menu {
	BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffffff 0px solid; DISPLAY: block; PADDING-LEFT: 7px; FONT-SIZE: 9pt; BORDER-LEFT: #ffffff 0px solid; CURSOR: pointer; LINE-HEIGHT: 23px; BORDER-BOTTOM: #ffffff 0px solid; FONT-FAMILY: Geneva, arial, verdana, sans-serif; HEIGHT: 25px; TEXT-ALIGN: center
}	*/


		   
		   		#mainmenudiv {
	width: 600px;
	text-align:left;
	float:right;
	/*left:50px;*/
	z-index:10;
	
	     }
		 
		 

.titletextbot { color: #878787; font: 20px Geneva, Arial, Helvetica, sans-serif; text-align: justify; }

.titletextor { color: #ff9900; font: 25px Geneva, Arial, Helvetica, sans-serif; text-align: justify; }

.textthree { color: #878787; font: 12px Geneva, Arial, Helvetica, sans-serif; text-align: justify; }




/* Fonts for BMComposites */

.testtext { color: #ffffff; font: 9px Geneva, Arial, Helvetica, sans-serif; text-align: justify; padding-right: 0px; }

.testlarge { color: #ffffff; font: 20px; font-family: 'Futura Condensed', 'Futura', sans-serif; font-stretch:extra-condensed;padding-right: 20px;  }


.imageTitle {	color:#FFFFFF;
				font-size: 19px;
				font-family: 'Futura Condensed', 'futura', sans-serif; 
				font-stretch:extra-condensed;
				padding-right:15px;}
				
.largeTitle {	font-family: "Myriad Pro", sans-serif, helvetica;
				font-size: 35px;
				padding-left:30px;
				color:#FFFFFF;}
				
.textOverTitle {font-family: Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				color:#FFFFFF;
				font-size: 1.1em;
				}
				
.textOverContent {font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:normal;
				color:#FFFFFF;
				}
				
.bodyText {		font-family:myriad Roman, myriad, arial, helvetica;
				font-size:12px;
				color:#FFFFFF;
				font-weight:normal;
				padding-left:10px;
				text-align:justify;	}

.bodyTextTitle {font-family:"myriad", arial, helvetica;
				font-size:14px;
				color:#FFFFFF;
				font-weight:bold;
				padding-left:10px;
				text-align:left;	}
.futuraTitle {	color:#FFFFFF;
				font-size: 18px;
				font-family: 'Futura Condensed', 'futura', sans-serif; 
				font-stretch:extra-condensed;
				padding-left:10px;}

.bodyText a:hover   {color: #8ea0cc; text-decoration:none; }

a:link { 
	color: #ffffff; text-decoration:none;
	}
a:visited { 
	color: #FFFFFF; text-decoration:none;
	}
a:hover { 
	color: #8ea0cc;
	text-decoration: none;
	}
a:active { 
	color: #ffffff; text-decoration:none;
	}



.copyText 	{color: #8ea0cc; font: 11px Arial, Geneva, Helvetica, sans-serif; text-align: justify; padding-right: 12px; padding-left: 12px; font-weight:normal; }

.copyText a:hover {color: #ffffff; text-decoration:none; }

.copyText a:link {color: #8ea0cc; text-decoration: none; }