@import url(classes.css);
@import url(contactForm.css);

body {
	background:#FFFFFF url(../images/bg_grad.jpg) repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
		margin: 0;
	padding: 0;
}

body * {
	margin: 0;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
}

.hidden {
	display:none;
}

/* used for auto width fix */

div.fixed
{
width: 870px!important;
}

/* Header and Nav */

#header
{
width:100%;
height:220px;
background:#a3d1e8 url(../images/bg_nav_blue.jpg) right top no-repeat;
}

#header_inner
{
	background:#FFFFFF url(../images/bg_nav.jpg) center top no-repeat;
	text-align:left;
	position:relative;
	width: 870px;
	height:220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	#header_nav {
		height:220px; 
		width:300px;
	}

		#navigation {
	width: 280px;
	padding: 10px 10px 0 10px;
		}
		
		#navigation h1 a {
			background:url(../images/royce_logo.png) left top no-repeat;
			display:block;
			width: 270px;
			height: 50px;
		}
		
		#navigation h1 a span {
			display:none;
		}
		
		#navigation ul {
			text-align:left;
			margin-top: 5px;
			margin-left: 10px;
		}
		
		#navigation ul li a {
			font-size:1.2em;
			color:#ffffff;
			display:block;
		}
		
		#navigation ul li a:hover {
			color:#EFEDAD;
		}
		
		#navigation ul li a.active {
			color:#FFFF99;
			font-weight:bold;
		}
		
		 #date {
			height: 15px;
			padding: 5px 10px;
		}
		
		 #date p {
			margin-left: 10px;
			color:#C1D0DD;
			font-size:1.0em;
			text-align:left;
		}


/* Main Site */

#wrap {
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
	width: 870px;
}

* html .visualIEFloatFix { height: 0.01%; }



/* ---------------------------------------------------------------------------------------------------------
=constantElements */

#constantElements {
	width: 200px;
	float:left;
	position:relative;
	z-index:1;
	margin-bottom:30px;
	height: 100%;
}
	
		/* -----------------------------
		=constantElements =navigation */
		#constantElements #navigation {
			background:#F2F2F2;
			height: 145px;
			padding: 10px;
		}
		
		#constantElements #navigation h1 a {
			background:url(../images/logo.gif) left top no-repeat;
			display:block;
			width: 180px;
			height: 31px;
		}
		
		#constantElements #navigation h1 a span {
			display:none;
		}
		
		#constantElements #navigation ul {
			float: right;
			text-align:right;
			margin-top: 10px;
		}
		
		#constantElements #navigation ul li a {
			font-size:1.2em;
			color:#333333;
			width: 170px;
			display:block;
		}
		
		#constantElements #navigation ul li a:hover {
			background:#FFFFCC;
		}
		
				/* product quickfind popup css */
		
				/* -----------------------------
				=constantElements =productPopup  */
				#constantElements #productPopup a {
					background:url(../images/bg_list.gif) center left no-repeat;
					width: 155px;
					height:22px;
					display:block;
					padding: 5px 0 0 5px;
					color: #576C9E;
				}
				
				#constantElements #productPopup a:hover {
					background:#FFFFCC url(../images/bg_list.gif) center left no-repeat;
				}
				
				
				/* -----------------------------
				=constantElements =productPopupDiv  */
				#constantElements #productPopupDiv {
					border-bottom:1px solid #999999;
				}
				
				#constantElements #productPopupDiv a {
					color: #999;
				}
				
				#constantElements #productPopupDiv a:hover {
					background: #FFFFCC;
				}
		
		/* -----------------------------
		=constantElements =date */
		#constantElements #date {
			background:#F7F7F7;
			height: 15px;
			padding: 5px 10px;
		}
		
		#constantElements #date p {
			font-size:1.2em;
			text-align:right;
		}
		
		/* -----------------------------
		=constantElements =standardInformation */	
		#constantElements #standardInformation {
			padding: 10px;
		}
		
		#constantElements #standardInformation  a.newsLink {
			color:#666666;
		}
		
		#constantElements #standardInformation  a.newsLink:hover {
			background:#FFFFCC;
		}
		
		#constantElements #standardInformation h3 {
			font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
			font-size:1.6em;
			margin-bottom: 1em;
			font-weight:normal;
			color:#333333
		}
		
		#constantElements #standardInformation p, 
		#constantElements #standardInformation ul li {
			font-size:1.2em;
			margin-bottom: 1em;
			color:#999;
		}
		
		#constantElements #standardInformation ul li {
			background:url(../images/icon_news.gif) top left no-repeat;
			padding-left: 16px;
		}
		
		#constantElements #standardInformation .blue li {
			background:url(../images/bullet_blue.gif) center left no-repeat;
		}
		
		#constantElements #standardInformation .yellow li {
			background:url(../images/bullet_yellow.gif) center left no-repeat;
		}
		
		#constantElements #standardInformation .green li {
			background:url(../images/bullet_green.gif) center left no-repeat;
		}
		
		#constantElements #standardInformation .red li {
			background:url(../images/bullet_red.gif) center left no-repeat;
		}
	
	
/* ---------------------------------------------------------------------------------------------------------
=dynamicElements */

#dynamicElements {
	width: 660px;
	float:left;
	position:relative;
}


				#dynamicElements #single {
					padding: 20px;
					border-left:1px solid #F7F7F7;
				}
				
				#dynamicElements #single h2 {
					font-size: 2em;
					font-weight:normal;
					margin-bottom:0.5em;
				}
				
				#dynamicElements #single h3 {
					font-size: 1.6em;
					font-weight:lighter;
					margin-bottom:1em;
					line-height:1.5em;
					color:#576C9E;
					font-variant:small-caps;
				}
				
				#dynamicElements #single h4 {
					font-size: 1.4em;
					font-weight:lighter;
					margin-bottom:1em;
					line-height:1.5em;
					color:#666666;
				}
				
				#dynamicElements #single p {
					font-size:1.2em;
					margin-bottom:1em;
					line-height:1.5em;
				}
				
				#dynamicElements #single ul {
					margin-bottom: 1em;
					font-size:1.2em;
				}
					
					#dynamicElements #single ul li ul {
						margin-bottom: 1em;
						font-size:1.0em;
					}
						
				#dynamicElements #single ul li {
					margin-left: 10px;
					list-style:disc;
				}
				
					#dynamicElements #single ul li ul li {
						margin-left: 10px;
						list-style:none;
					}
				
				#dynamicElements #single ul li a {
					color: #576C9E;
				}
					
					#dynamicElements #single ul li ul li a {
						color: #576C9E;
					}
				
				#dynamicElements #single ul li a:hover {
					background:#FFFFCC;
				}
				
					#dynamicElements #single ul li ul li a:hover {
						background:#FFFFCC;
					}

				#dynamicElements #single p a.img {
					
				}


	
		/* -----------------------------
		=dynamicElements =dynamicHeader */
		#dynamicElements #dynamicHeader {
			border-bottom: 25px solid #EFEFEF;
		}
		
		/* -----------------------------
		=dynamicElements =homepageColumn */
		#dynamicElements #homepageColumn {
	position: absolute;
	left:1px;
	top: 1px; /* 165px (dynamicHeader) + 25px (dynamicHeader border) */
	width: 165px;
	background:#F5F5F5;
	padding: 10px 0;
		}
		
		#dynamicElements #homepageColumn p {
			font-size:1.2em;
			padding-bottom: 1em;
			margin: 0 10px;
			color:#999999;
			line-height:1.5em;
		}
		
		#dynamicElements #homepageColumn a {
			color:#666666;
		}
		
		#dynamicElements #homepageColumn a:hover {
			background:#FFFFCC;
		}
		
		#dynamicElements #homepageColumn p strong {
			color: #576C9E;
		}
		
		#dynamicElements #homepageColumn h3 {
			font-family: "Helvetica Light", Helvetica, Arial, sans-serif;
			font-size:1.6em;
			margin: 0 10px 1em 10px;
			font-weight:normal;
		}
		
		#dynamicElements #homepageColumn form {
			margin: 0 10px;
		}
		
		/* -----------------------------
		=dynamicElements =homepageColumn =technicalDatasheets */
		#dynamicElements #homepageColumn #technicalDatasheets {
	background:#FFFFFF;
	border-left:5px solid #F5F5F5;
	border-right:5px solid #F5F5F5;
	padding: 10px 0;
	overflow:visible;
		}
		
		
		/* -----------------------------
		=dynamicElements =homepageMain */
		#dynamicElements #homepageMain {
	position:absolute;
	left: 241px;
	top: -48px;
	float: left;
	width: 455px;
	padding: 10px 20px 20px 20px;
		}
		
		#dynamicElements #homepageMain h2 {
			margin-left: 20px;
		}
		
		#dynamicElements #homepageMain h2 a span {
			display:none;
		}
		
		#dynamicElements #homepageMain #photoElectric a {
			/*background:url(../images/nav_bar_1.jpg) top left no-repeat;*/
			width:365px;
			height:85px;
			display:block;
			margin-bottom: 10px;
		}
		
		#dynamicElements #homepageMain #photoElectric a img {
		border:0px;
		}
		
		
		
		#dynamicElements #homepageMain #radioMonitoring a {
			width:365px;
			height:85px;
			display:block;
			margin-bottom: 10px;
		}
		
		#dynamicElements #homepageMain #radioMonitoring a img {
		border:0px;
		}
		
		#dynamicElements #homepageMain #electronicBalast a {
			width:365px;
			height:85px;
			display:block;
			margin-bottom: 10px;
		}
		
		#dynamicElements #homepageMain #electronicBalast a img {
		border:0px;
		}
		
		#dynamicElements #homepageMain #accessories a {
			width:365px;
			height:85px;
			display:block;
		}
		
		#dynamicElements #homepageMain #accessories a img {
		border:0px;
		}
		
		.one {
		padding-left:85px; 
		height:85px; 
		float:left; 
		background:url(../images/nav_logo_bar_1.jpg) no-repeat;
		}
		
		.two {
		padding-left:85px; 
		height:85px; 
		float:left; 
		background:url(../images/nav_logo_bar_2.jpg) no-repeat;
		}
		
		.three {
		padding-left:85px; 
		height:85px; 
		float:left; 
		background:url(../images/nav_logo_bar_3.jpg) no-repeat;
		}
		
		.four {
		padding-left:85px; 
		height:85px; 
		float:left; 
		background:url(../images/nav_logo_bar_4.jpg) no-repeat;
		}
		
		/* -----------------------------
		=dynamicElements =newsMain */
		#dynamicElements #newsMain {
	/*position:absolute;*/
	left: 169px;
	top: 3px;
	float: right;
	width: 455px;
	padding: 10px 20px 20px 20px;
		}
		
		#dynamicElements #newsMain h2 {
			margin-left: 00px;
		}
		
		#dynamicElements #newsMain p {
			font-size:1.2em;
			margin-bottom:1em;
		}
		
		#dynamicElements #newsMain p.newsDate {
			color:#999999;
			padding-left:20px;
			background:url(../images/calendar.png) left center no-repeat;
		}
		
/* ---------------------------------------------------------------------------------------------------------
=footer */

#footer {
	clear:both;
	width: 860px;
	text-align:left;
	background:#F7F7F7;
	font-size:1.2em;
	padding: 5px;
}

#footer a {
	color:#999;
	border-bottom:1px #BBB solid;
	margin-left:10px;
}

#footer a:hover {
	background:#FFFFCC;
}

#footer a#printLink {
	background:url(../images/icon_printer.gif) left center no-repeat;
	padding-left: 20px;
}

#footer a#printLink:hover {
	background:#FFFFCC url(../images/icon_printer.gif) left center no-repeat;
}