@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/bg-high.jpg) no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}
#wrapper {
	width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
}

a {color:#000066; text-decoration:none;}
a:hover {text-decoration:underline;}
h2 {
	font-size:22px;
	line-height:22px;
	color:#333333;
	font-weight:normal;
	margin:15px 0 0 0;
}
h3 {
	font-size:14px;
	line-height:18px;
	color:#000066;
	text-transform:uppercase;
	font-weight:bold;
	margin:5px 0 0 0;
}
p  {font-size:12px; line-height:20px; color:#666666; margin:10px 0 0 0;}

#bg-layer-cl,
#bg-layer-c2,
#bg-layer-cw,
#bg-layer-contact,
#bg-layer-contact2 {/* for IE */
	filter:alpha(opacity=40); /* CSS3 standard */
	opacity:0.8;
	background:#FFFFFF;
	left:0px;
	top:0px;
	position:absolute;
	z-index:-1;
}

#contentLeft {border:1px solid #d4d4d4; float:left; width:654px; padding:13px; min-height:579px; position:relative;}
#bg-layer-cl { width:680px; height:579px; }

#content2 {border:1px solid #d4d4d4; width:285px; margin-left:5px; float:left; padding:0px; position:relative;}
#bg-layer-c2 { width:285px; height: 325px; /*margin-left:687px;*/ }

#content2 h2 {background-color:#f1f1f1; color:#666666; font-size:24px; font-weight:normal; text-align:center; padding:10px 0px 10px 0px; margin:0;}
#content2 h3,
#content2 p {padding:0 24px 0 24px;}
#content2 h3 {font-weight:bold; font-size:14px; line-height:16px; text-transform:none; margin-top:15px;}
#content2 p { font-size:11px; line-height:16px;}
#content2 .sidebarimg {display:block; margin:10px auto; margin-top:20px;}
#content2 .hr-div {border-top:1px solid #cccccc; width:250px; margin:10px auto;}
#content2 .sidebarimg_caption {text-align:center; margin:0px; color:#000066; font-size:14px;}

#contentWide {width:949px; float:left; padding:13px; min-height:579px; border:1px solid #d4d4d4; position:relative;}
#bg-layer-cw { width:976px; height: 579px; }

#contentContact {float:left; width:454px; padding:13px; border:1px solid #d4d4d4; margin-right:5px; position:relative; }
#bg-layer-contact,
#bg-layer-contact2 { width:480px; }

#contentContact,
#bg-layer-contact,
#bg-layer-contact2 {height:580px; }

#bg-layer-contact2 {margin-left:488px;}

#header {}

#logo {display:block; float:left;}
#nav {float:left; margin:10px 0px 0px 410px; padding:0px 15px 0px 0px;}
#nav li { list-style:none;}
#nav li a {}

#nav2 {float:left; border-left:2px solid #cccccc; padding-left:15px; margin:5px 0px 0px 0px; }
#nav2 li {list-style:none;}
#nav2 li a { font-size:12px; line-height:18px; color:#666666; text-decoration:none;}
#nav2 li a:hover,
#nav2 li a.selected {color:#000066;}

#footer { padding:0px 0 10px 0;}
#footer li {float:right; list-style:none; /*margin:0px 10px 0px 10px;*/ color:#999999; font-size:11px;}
#footer li a {color:#999999; font-size:11px;}

/*footer*/
#footer-or {    overflow: hidden;    height: 1%;    color:#a28a62;    padding:22px 41px 20px 88px;} 
#footer-or p {    width:150px;    position: relative;    overflow: hidden;    margin:-18px 0 0;    float: right;    color:#8F8F8F;    font-size: 10px; } 
#footer-or p span {    float:right;    margin-right:4px;    padding-top:16px; } 
#footer-or p a {    float: right;    text-indent:-9999px;    color:#8F8F8F;    width: 24px;    height:19px;    padding:16px 31px 0 0;    position: relative;    background: url(http://www.orangeroc.com/assets/images/ico-orangeroc.gif) no-repeat 100% 70%; }
#footer-or p a:hover {    text-indent:0;    width:auto;    height:19px;    white-space: nowrap;    text-align: right;    text-decoration: none;    background: url(http://www.orangeroc.com/assets/images/ico-orangeroc.gif) no-repeat 100% 70%; } 
#footer-or ul {    float: left;    width:650px;    margin: 0;    padding: 0;    list-style: none;    overflow: hidden;    height:1%; } 
#footer-or ul li {    float: left;    display: inline;    margin-left:-1px;    padding:0 8px;    background: url("../images/separator4.gif") no-repeat 0 50%; } 


#gallery {display:block; margin:0px; padding:0px; }

.wrap_right {display:block; float:right; padding-left:15px;}
.wrap_left {display:block; float:left; padding-right:15px; }
.service_category,
.product {
	margin-bottom:10px;
	height:250px;
}

.service_category {}
.service_category h2,
.product h2 {font-size:18px; line-height:16px; color:#333333; font-weight:normal; margin-top:0px;}
.service_category h3
.product h3 {font-size:14px; line-height:18px; color:#000033; font-weight:bold;}

.product {margin-bottom:20px;}
.product h2 {}
.product h3 {}

.press_relase {margin-bottom:10px; }
.press_release h2 { font-size:28px; line-height:26px; color:#333333; }
.press_release h3 {
	font-size:16px;
	line-height:20px;
	color:#000066;
}
.press_release h4 { font-size:10px; color:#999999; font-weight:normal; padding:0; margin:0 0 10px 0;}
.press_release p { }
.service_category, .product_2 {
	margin-bottom:10px;
	height:148px;
}
.press_release h5 {
	font-size:26px;
	color:#999999;
	font-weight:normal;
	padding:0;
	margin:0 0 10px 0;
}