/* South Pacific Stainless Ltd - CSS on6162
   Erwin Raaphorst - on6162.co.nz */

body { background:#b8d5ec url(../bg/bg.png) repeat-x top left; color:#232323; }

#content { background:#fff url(../bg/bgcontent.png) no-repeat; }

#footer { background:url(../bg/bgcontentbottom.png) no-repeat; }

.intro { font-size:1.1em; padding:35px 0 60px; }

.intro p { margin-left:380px; }

.introimage { background-color:#fff; padding:4px; border:1px solid #515d64; }

.shadowblue { background:url(../bg/shadow_blue.png) no-repeat bottom right; height:207px; float:left; margin-right:20px; }
.shadowwhite { background:url(../bg/shadow_white.png) no-repeat bottom right; height:187px; float:left; }

a:link    { color:#36f ; text-decoration:none; }
a:visited { color:#666; }
a:hover   { color:#f00; text-decoration:underline; }

.thanks { padding:5em 0 15em; }

/* BASICS */

html, body { border:0; margin:0; padding:0; }
body { font:76%/1.25 arial, helvetica, sans-serif; text-align:center; min-width:750px; }
img { border:0; }
a { outline:none; }
p { padding:0.5em 0 1.4em 0; margin:0; }

.thumbs p { padding:0 0 16px 0; margin:0; }
.thumbs p.marine { padding-bottom:95px; }
.firstword { font-variant:small-caps; font-weight:bold; font-size:1.1em; padding-right:0.3em; }
 
/* STRUCTURE */  

#wrap {
 width:770px;
 margin:0 auto;
 padding-top:20px;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 }

#content { padding:30px 40px 15px; overflow:hidden; }
#footer { padding:30px 0 10px; text-align:center; font-size:0.9em; }

/* HEADINGS */

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { font-size:1.2em; font-weight:bold; }
h2 { font-size:1.2em; font-weight:bold; }

h1#logo { 
 width:543px;
 height:131px;
 text-indent:-9000px;
 background:url(../images/logo_sps.png) no-repeat;
 }

.contactus {
 width:127px;
 height:18px;
 text-indent:-9000px;
 padding-top:1em;
 background:url(../images/contactus.png) no-repeat bottom left;
 }

.contactdetails h2 { margin:8px auto; border-bottom:1px solid #0096ff; padding:10px 0 8px; font-variant:small-caps; }
.contactdetails li { display:inline; padding-right:8px; margin-right:8px; border-right:1px solid #0096ff; }
.contactdetails li.last { border-right:none; }
.contactdetails strong { font-weight:bold; font-size:1.2em; }

/* LISTS */

ol { margin:0; padding:0; list-style:none; }
ul { margin:0; padding:0; list-style:none; }

.end { margin-bottom:1em; } 

/* IMAGE SECTION */

li { list-style:none; }
a { text-decoration:none; }

.mainimghead { 
 background:url(../bg/headstripe.png) repeat;
 height:22px;
 width:308px;
 border:1px solid #515d64; border-bottom:none;
 padding:5px 0 0 10px;
 }

.imgcontainer {
 margin:20px 0px;
 padding-bottom:15px;
 overflow:hidden;
 border-bottom:1px solid #0096ff; 
 display:inline-block;
 }

.mmi { float:left; }

.mainimage { border:1px solid #515d64; padding:4px; background-color:#fff; }

.thumbs { border-left:1px solid #0096ff; padding-left:25px; margin-left:25px; float:left; width:315px; 

 display:inline-block;}

ul.thumbs { float:left; }

.thumbs li { float:left; margin:8px 6px 0 0; }
.thumbs li.lastthumb { margin-right:0; }

.imgcontainer .thumbs a:link, .imgcontainer .thumbs a:visited { 
 border:1px solid #515d64; float:left; height:65px; background-color:#fff; padding:2px; }
.imgcontainer .thumbs a:visited { background-color:#ccc; }
.imgcontainer .thumbs a:hover { background-color:#0096ff; }

/* WEB CREDIT */
.credit { margin:0.3em auto; }
.credit a:link, .credit a:visited { background:url(../images/checkblack.png) left 0 no-repeat; padding-left:17px; color:#000; text-decoration:none; }
.credit a:hover { color:#f00; }

/* CONTACT FORM */ 

.required { margin-bottom:2px; } 

#contactform { display:inline-block; } /* for IE6 bug */

#contactform fieldset { 
 float:left;
 clear:left;
 width:100%;
 margin:0;
 padding:0;
 border-style:none;
 }

#contactform fieldset ol {
 float:left;
 clear:left;
 padding:1em 0 0;
 list-style:none;
 margin:0;
 }

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

#contactform label {
 position:relative;
 float:left;
 width:6em;
 margin-right:1em;
 }

#contactform label img {  
 position:absolute;
 left:5.7em;  
 top:0.5em;
 }  
  
#contactform #contactsubmit {
 float:none;
 width:auto;
 padding:0 0 1em 7em;
 margin:0 0 2em 0;
 }

#contactform input { 
 width:19em;
 border:1px #666 solid;
 }

#contactform textarea {
 width:21em;
 height:5em;
 border:1px #666 solid;
 font-family:arial, helvetica, sans-serif;
 font-size:1em;
 }

#contactsubmit input {
 width:auto;
 margin-right:10px;
 border:1px #666 solid;
 background: #e5e5e5;
 }