/* 


  Template: Allpoints Website
  
  Author: Immix Productions
  Date 2/24/2010 
  
  

*/

/* Globals */
*{
  margin:0;
  padding:0;
  outline-style:none;
  list-style:none;
}
 
body{
  font-family:Arial;
  font-size:9pt;
  background:#c7c2bb;
}

img, fieldset{
  border:0;
}
table{
  border-collapse:collapse;
}
a:link, a:visited{
  text-decoration:none;
  color:#BA4A1F;  
}

a:hover{
   text-decoration:underline; 
}

/* Structure */

#page{
  width:927px;
  margin:50px auto;  
  background:url(images/bg_page.gif) repeat-y;
  position:relative;
}

/* Header */
#header{
  height:134px;  
  position:relative;
  background:url(images/content_top.gif) 0 100% no-repeat;
}

#header .pad{
  background:url(images/content_top.gif) 0 -13px no-repeat;
  height:116px;
  padding:0 10px;
    
}
#logo{
  position:absolute;
  top:20px;
  left:40px;  
}
#logo h1{
  text-indent:-10000px;  
}

#logo:hover{
text-decoration:none;  
}
#logo h1{
  font-size:20pt;
  font-family:Georgia;
  font-weight:normal;
  color:#888;
  text-decoration:none;
}
#top_menu{
  top:20px;
  right:20px;
  position:absolute;  
  font-size:8pt;
}

#top_menu li{
  display:inline;
  padding-left:20px;  
  
}

#top_menu .bt_login{
  display:block;
  background:url(images/bt_login.gif) no-repeat;
  width:142px;
  height:28px;
  text-indent:-10000px;
}
#top_menu .bt_news{
  padding:0;
  display:block;
  text-transform:uppercase;
  height:15px;
  text-align:center;  
  font-weight:bold;
  font-size:8pt;
}

#search_form{
  position:absolute;
  top:40px;
  right:20px; 
  width:200px; 
}

#kwd{
  width:138px;
  height:20px;
  position:absolute;
  top:1px;
  left:1px;  
  border:0;
  background:#DDD;
  
}
#search_form .bt_search{
  position:absolute;
  top:1px;
  right:1px;
  background:#888;
  border:0;
  color:#fff;
  width:60px;
  line-height:20px;
  text-align:center;
}
/* Content */
#content{
  margin-top:-6px;
  margin-bottom:0;
  height:553px;
  position:relative;
}
#content_main{
  margin:0 10px;  
  line-height:17px;
 
}
#content_main p, #content_main ul, #content_main ol{
  margin-bottom:17px;  
}
#content_main ul{
  margin-top:-17px;  
}
 
#content_main ol li{
  margin-left:20px;
  list-style:decimal;  
}

#content_main h1,
#content_main h2,
#content_main h3{  
  font-family:Arial;
  text-transform:uppercase;
  
}

#content_main h1,
#content_main h2{
  font-weight:normal;  
  margin-bottom:8px;
  color:#ba4a1f;
}

#content_main h2{
  font-size:28pt;  
  line-height:28px;
  min-height:30px;
}
 
#content_main ul li{
  list-style:none;
  background:url(images/bullet.gif) 4px 7px no-repeat;
  padding-left:15px;  
}

#content_main h3{
  margin-top:15px;
  margin-bottom:5px;  
}

.small_note{
  font-size:8pt;
  color:#888;  
}
#content_picture a{
  text-decoration:none;  
}
#content_main .column{
  float:left;  
}

#content .flash_warning{
  margin:0 10px;
  background:#BA4A1F;
  color:#fff;
  text-align:center;
  position:absolute;
  top:-143px;
  left:0;
  width:907px;
  height:30px;
  line-height:30px;
  z-index:100;
    
}
#content .flash_warning a{
  color:#ff0;  
}
.content-left #content_main{
  float:left;
  width:350px;
  margin-right:0;
}
.content-left #content_picture{
  float:right;
  margin-right:10px;  
  min-width:554px;
  _width:554px;
}
.content-left #content_picture .picture{
  width:554px;
  text-align:right;  
}
.content-left #content_main .pad{
  margin-left:30px;
  margin-right:23px;  
  margin-top:35px;
}

.content-left #request_button{
  position:absolute;
  top:20px;
  left:380px;  
}
.content-left #request_button a{
  display:block;
  background:url(images/raq_sprite.png) 0 -26px no-repeat;
  text-indent:-10000px;
  font-size:7pt;
  text-transform:uppercase;
  height:16px;
  padding:0 5px;
  line-height:16px;
  text-decoration:none;
  width:98px;
  height:25px;
  
}
.content-left #request_button a:hover{
  text-decoration:none;  
  background-position:0 0;
}

.content-full #content_picture{
  margin-left:41px;
}
.content-full #content_picture .picture{
  margin-top:25px;
}

.content-full #content_main .pad{
  margin-left:30px;
}
.content-full .column{
  float:left;
  width:400px;
  margin-left:30px;
}
.content-full #column-1{
  margin-left:0;
}
.content-full #column-2{
  margin-top:9px;  
}

.content-full .gallery{
  padding:0;
  position:absolute;
  top:0;
  right:40px;
}
.content-full .gallery .caption{
  padding-bottom:5px;
}
.content-fit #content_picture{
  text-align:center;  
  height:553px;
  margin:0 10px;
}
.content-fit #content_main{
  margin-top:-553px;
}
.content-fit #content_main .pad{
  margin-left:30px;
  margin-right:30px;  
   margin-top:35px;
}

.image-wrapper{
  position:absolute;  
  top:0;
  left:0;
  display:block;
  margin:0;
  padding:0;
 
}
.image-wrapper a{
  display:block;
  margin:0;
  padding:0;  
}

#content_main em{
  color:#ba4a1f;
  font-style:normal;
}

#content_main .onehalf p,
#content_main .onehalf li{
  margin-bottom:10px;
}
/* Content - Breadcrumbs */
#content .breadcrumbs{
  font-size:8pt;
  padding:4px 20px;
  margin-top:-20px;
  margin-bottom:20px;
  margin-left:-20px;
  margin-right:-20px;
  
  margin:-20px -20px 20px -20px;

}

.breadcrumbs a{
  color:#888;
    
}
.breadcrumbs span{
  margin:0 10px;  
}

/* Content - Gallery */
.gallery{
  padding-bottom: 10px;  
  margin-right:-5px;
}
.gallery_item{
  float:left;
  color:#f40;
  width:95px;
  margin-right:5px;  
  margin-bottom:5px;
  line-height:1.2em;
}
.gallery_item .frame{
 
}

.gallery_item .thumb_link{
  height:59px;  
  display:block;

}
.gallery_item .caption{
  padding:5px 0 20px 0;
  font-size:7pt;   
  color:#BA4A1F;
  line-height:1em;
}
.gallery_item .caption a{

  color:#BA4A1F;
  line-height:1em;
 
  
}

.gallery_item.current-page-item img{
  opacity:0.5;
  filter:alpha(opacity=50);
}

.gallery_buttons{
  position:absolute;
  background:#fff;
}
.content-left .gallery_buttons{
  bottom:0;
  right:10px;  
  width:554px;
  height:65px;
  overflow:hidden;
}

.gallery_buttons .nav a{
  background:url(images/gallery_nav.png) no-repeat;
  position:absolute;
  display:block;
  width:20px;
  height:65px;
  top:0;
  overflow:hidden;
  font-size:7pt;
  line-height:65px;
  text-align:center;
  z-index:10;
  text-indent:-10000px;
}
.gallery_buttons .nav a#gallery_prev{
  background-position:0 50%;
  left:0;
}
.gallery_buttons .nav a#gallery_prev.disabled{
  background-position:-20px 50%;
 
}
.gallery_buttons .nav a#gallery_next{
  background-position:-40px 50%;
  right:0;
}
.gallery_buttons .nav a#gallery_next.disabled{
  background-position:-60px 50%;
 
}

.content-full .gallery_buttons{
  top:0;
  right:0;  
  background:#fff;
}

.gallery_buttons .gallery_item{
  background:url(images/bg_galbutton.gif) #efecea repeat-x;
  width:184px;
  height:65px;
  margin:0 0 0 1px;
  position:relative;
}
.content-full .gallery_item{
  height:79px;
  width:140px;
  float:none;
}

.gallery_buttons .gallery{
  margin:0;  
  padding:0;
}
.content-full .gallery_buttons .gallery{
 
  min-height:236px;
}
.gallery_buttons .gallery_item .frame{
  height:65px;  
}
.gallery_buttons .gallery_item .caption{
  margin-left:105px;

  height:65px;
  width:65px;
  line-height:1.2em;
  font-size:10pt;
  text-align:center;
  text-transform:uppercase;
  padding:0;
  color:#666;
  z-index:0;
  font-weight:bold;
}
.content-full .gallery_item .caption{
  margin:0 5px;
  font-size:9pt;  
  width:130px;
  display:block;
  height:auto;
  padding-top:60px;
}

.gallery_buttons .gallery_item .caption span{
  display:table-cell;
  vertical-align:middle;
  height:65px;
}
.content-full .gallery_buttons .gallery_item .caption span{
  height:auto;
  display:block;
}
.content-full .gallery_item .caption span{
  width:130px;
  text-align:center;
  height:79px;
}

.gallery_buttons .gallery_item.current-page-item .caption{
  color:#BA4A1F;
}
.gallery_buttons .gallery_item img{
  margin:7px 20px;  
  width:78px;
  height:50px;
}
.content-full .gallery_buttons .gallery_item img{
  margin:7px 24px;  
  width:90px;
  height:50px;
}

.gallery_buttons .thumb_link{
  position:absolute;
  top:0;
  left:0;
  width:180px;
  height:65px;  
  z-index:10;
}
.content-full .gallery_buttons .thumb_link{
  width:140px;    
  height:80px;
}

/* Home Page */
#content_main .pad{
  margin:16px;  
}
.page-1 #column-1{
  width:285px;
  margin-right:50px;  
}
.page-1 #column-2{
  width:400px;  
}
.page-1 #column-1 h2{
  margin-top:14px;
  margin-right:-15px;  
}
.page-1 #main_banner{
  height:247px;  
}
.on_location{
  background:url(images/bg_on_location.jpg) no-repeat;
  width:520px;
  height:238px;  
}
.on_location h3{ 
  margin:16px 39px 10px 39px !important;
  padding-top:0;
  color:#b9b1a9;
  font-weight:normal;  
}
.on_location p{
  margin: 0 20px 0 39px;  
  color:#4d4d4f;
  font-size:0.9em;
  line-height:18px;
 
}

/* Page - Coatings / subsea system */
.content-full #content_picture{
  height:236px  
}

/* News Page */
body.news #content_main .pad{
  margin-top:35px;    
}
body.news #column-1{
  width:500px; 
}
body.news #column-2{
  width:auto;
}


/* Comment */
#comments{
  margin:20px 0;  
}
#comments .indent{
  margin-left:20px;  
}
#comment_content, .comment_content{
  width:400px;
  height:150px;
  font-family:Arial;
  font-size:9pt;  
}

.comment_item{
  padding:10px;
  border:1px solid #ddd;  
  margin-bottom:10px;
  width:400px;
}
form.reply_comment{
  border-top:1px solid #ccc;
  padding-top:10px;
  margin-top:10px;  
}
#comments .alt{
  background:#f4f4f4;  
}

.comment_item .author{
  font-weight:bold;  
}
#comments .warning{
  background:#FDD;
  border:3px solid #F00;  
}

/* Footer */
#footer{
  position:relative;  
  height:50px;
  background: #c7c2bb;
  background:url(images/bg_footer.gif) 0 -5px no-repeat #c7c2bb ;  
}

#footer .content{
  margin:0 20px;
  padding: 20px;
  text-align:center;  
}

#login_menu{
  position:absolute;
  top:10px;
  right:20px;  
  
}
#login_menu li{
  display:inline;
  margin-left:10px;  
  font-weight:bold;
}
#login_menu a{
  color:#000;
  
}

/* Form */
.error{
  color:#d20;
}
select option{
  padding:0px 10px 0px 2px;
}
fieldset p.error{
  margin:0 !important;
  padding: 0 0 0 160px;

}

fieldset p label,
fieldset .set label{
  width:140px;
  float:left;
  margin-right:10px;
  position:relative;
}

fieldset p,
fieldset .set{
  clear:both;
  margin-bottom:10px;
}
span.required{
	font-size:14pt;
	color:#a00;
	font-family:Tahoma,Verdana,Arial, Helvetica;
	position:absolute;
	right:0;
}

fieldset .set{
  clear:both;
}
fieldset .field{
  padding:5px 0;
}
fieldset legend{
  font-weight:bold;
  font-size:12pt;
}

fieldset .suffix{
  padding-left:5px;
}
input[type=submit],input[type=button]{
	background:#BA4A1F;
	color:#FFF;
	border:0;
	padding:3px 10px;
	cursor:pointer;
}
input[type=submit]:hover,input[type=button]:hover{
	background:#888;
}

table th{
  text-align:left;  
}

/* Main Menu */
#main_menu_container{
  position:absolute;
  bottom:18px ;
  width:907px;
  height:47px;
  background:url(images/bg_menu.gif) repeat-x;  
  z-index:100;
}


#main_menu li{
  display:block;
  float:left;
  margin-right:0;
  position:relative;
  font-size:8pt;
}

#main_menu li a{
  height:47px;
  line-height:47px;
  display:block;
  float:left;  
  text-decoration:none;
  background:url(images/menu_sprite.jpg) no-repeat;
  text-indent:-10000px;
}

#main_menu li#page-item-2 a, #main_menu li#page-item-2 ul{width:121px;}
#main_menu li#page-item-3 a, #main_menu li#page-item-3 ul{width:145px;}
#main_menu li#page-item-4 a, #main_menu li#page-item-4 ul{width:186px;}
#main_menu li#page-item-5 a, #main_menu li#page-item-5 ul{width:113px;}
#main_menu li#page-item-6 a, #main_menu li#page-item-6 ul{width:103px;}
#main_menu li#page-item-7 a, #main_menu li#page-item-7 ul{width:111px;}
#main_menu li#page-item-8 a, #main_menu li#page-item-8 ul{width:128px;}


#main_menu li#page-item-2 a{ background-position:0 0}
#main_menu li#page-item-3 a{ background-position:-121px 0}
#main_menu li#page-item-4 a{ background-position:-266px 0}
#main_menu li#page-item-5 a{ background-position:-452px 0}
#main_menu li#page-item-6 a{ background-position:-565px 0}
#main_menu li#page-item-7 a{ background-position:-668px 0}
#main_menu li#page-item-8 a{ background-position:-779px 0}


#main_menu li#page-item-2:hover a,
#main_menu li#page-item-2.current-page-item a, 
#main_menu li#page-item-2.current-page-parent a { background-position:0 -47px}
#main_menu li#page-item-3:hover a,
#main_menu li#page-item-3.current-page-item a,
#main_menu li#page-item-3.current-page-parent a{ background-position:-121px -47px}
#main_menu li#page-item-4:hover a,
#main_menu li#page-item-4.current-page-item a,
#main_menu li#page-item-4.current-page-parent a{ background-position:-266px -47px}
#main_menu li#page-item-5:hover a,
#main_menu li#page-item-5.current-page-item a,
#main_menu li#page-item-5.current-page-parent a { background-position:-452px -47px}
#main_menu li#page-item-6:hover a,
#main_menu li#page-item-6.current-page-item a,
#main_menu li#page-item-6.current-page-parent a{ background-position:-565px -47px}
#main_menu li#page-item-7:hover a,
#main_menu li#page-item-7.current-page-item a,
#main_menu li#page-item-7.current-page-parent a{ background-position:-668px -47px}
#main_menu li#page-item-8:hover a,
#main_menu li#page-item-8.current-page-item a,
#main_menu li#page-item-8.current-page-parent a { background-position:-779px -47px}

#main_menu li a:hover{
  text-decoration:none;
}
#main_menu ul li a{
 background:url(images/bg_menu.gif) 0 0 repeat-x #EFECEA !important;
 text-indent:0;
 text-align:center;
 height:auto;
 line-height:1em;
 padding:14px 0;
 color:#777;
 font-weight:bold;
 text-transform:uppercase;

}


#main_menu ul li a:hover,
#main_menu ul li.current-page-item a{
  color:#BA4A1F;
}
#main_menu ul li a span{
  padding:0 10px;
  display:block;
}

#main_menu li.current-page-item a,
#main_menu li.current-page-parent a{

 color:#777;
  text-decoration:none;
  font-weight:bold;
}



#main_menu ul{
  position:absolute;
  z-index:100;
  top:47px;
  left:0;
  display:none;
  
}
#main_menu li:hover ul{
  display:block;  
}
#main_menu ul li{
  float:none;  
}

.message{
  font-size:12pt;
  background:#f4f4f4;
  padding:10px;  
  margin-bottom:20px;
}

/* Magic Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:block;clear:both;zoom:1}
