/* Salsa Exitoso
   GoodWebsites.co.nz - Erwin Raaphorst - 31 Aug 2009 */

html, body, ol, ul, h1, h2, h3, h4, form, fieldset, img, p, blockquote { border:0; margin:0; padding:0; }

body {
 background:#0e0f0f url(../bg/bg.jpg) top center repeat-x;
 font:76%/1.25 arial, helvetica, sans-serif;
 color:#333;
 text-align:center;
 min-width:900px; /* check if needed */
 }

html{ overflow-y:scroll; } /* scrollbar FF */

p { padding:10px 0; }

a { outline:none; color:#00f; }
a:visited { color:#666; }
a:hover   { color:#f00; }
 
#wrap {
 width:900px;
 padding:0 10px;
 margin:0 auto;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 position:relative;
 }

#content { background:#ffef01 url(../bg/bgcontent.jpg) bottom center repeat-x; padding:300px 30px 10px; border:1px solid #fff; border-width:0 1px; overflow:hidden; height:100%; } /* IE6 */

#content { background:#ce0903 url(../bg/bgcontent.jpg) top center repeat-x; } 

.article { padding:20px 0 20px 160px; position:relative; border-top:1px solid #fff; display:inline-block; }
.artlst { border-bottom:1px solid #fff; margin:-10px 0 30px; padding-bottom:10px; }
.article p { padding:10px 140px 10px 10px; }

.blockbig, .blocksmall { background:#feae31 url(../bg/bgblockbig.png) 0 0 repeat-x; border:1px solid #b1770b; position:absolute; top:20px; left:0; padding:20px 0; width:140px; height:29.5em; text-align:center;  }
.blocksmall { background:#feae31 url(../bg/bgblocksmall.png) 0 0 repeat-x; height:13.5em; }

.footer { margin-left:510px; overflow:hidden; color:#fff; }
.thx { margin:10px 0 10px; color:#333; }
.footer a, .footer a:visited { color:#ff3; }
.footer a:hover, #credit a:hover { background-color:#ff3; color:#900; text-decoration:none; }

.intro { font-size:1.2em; padding-top:1.4em; }
 
.logo { width:401px; height:257px; text-indent:-9000px;background:url(../img/logo.png) no-repeat; position:absolute; top:29px; left:0; }
.logo a { display:block; width:270px; height:185px; text-decoration:none; margin:30px 0 0 60px; }

.main { background:url(../bg/bgmain.png) 0 0 no-repeat; height:380px; width:513px; position:absolute; top:14px; right:-3px; }
.main img {border:1px solid #f7e3be; }
ul#slide {  margin:15px 0 0 20px; height:338px; width:450px; overflow:hidden; }

.small { font-size:0.9em; line-height:normal; }

/* kudos */

blockquote, .client { background:url(../bg/bgkudos.png) top center no-repeat; width:282px; padding:10px 20px 0;}
p.client { background-position:left bottom; padding-top:50px; color:#f2e873; padding-left:0; width:302px; margin-bottom:10px; }
blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em; line-height:1.4em; color:#333; }

.contactdetails span { float:left; display:block; width:15px; }

/* HEADINGS */

h1, h2, h3, h4 { font-weight:normal; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; }
h2 { font-size:2.9em; margin-bottom:0.1em; }
h2.salsaakl { margin:10px 0 80px; }
h3 { background-color:#c00; border:1px solid #980000;  font-size:2em; color:#fff; padding:8px 10px; } 
 
/* LISTS */

ol, ul { list-style:none; }
.end { margin-bottom:1em; } 
 
/* WEB CREDIT */

.copy { color:#fff9aa; font-size:0.9em; margin-top:10px; }
.thx .copy { color:#e45e1e; }
.copy p { padding:0; float:left;}

#credit { float:right; }
#credit a, #credit a:visited { background:url(../img/check.png) left 0 no-repeat; padding-left:1.5em; color:#fff9aa; text-decoration:none; }
#credit img { margin-right:3px; }

.thx #credit a, .thx #credit a:visited { color:#e45e1e; }

/* CONTACT FORM */ 

.required { margin-bottom:2px; } 

.contactform { background:url(../bg/bgform.png) 0  0 no-repeat; position:absolute; bottom:45px; left:0px; width:414px; height:348px; padding:50px 40px 40px 60px; display:inline-block; } /* for IE6 bug */
.contactform fieldset { float:left; clear:left; width:100%; margin:0; border-style:none; }
.contactform fieldset ol { float:left; clear:left; padding:1em 0 0; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:.8em; }
.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 2em 7em; }
.contactform input, .contactform textarea { width:24em; font-family:arial, helvetica, sans-serif; font-size:1em; }
.contactform textarea { height:5em; }
.contactsubmit input { width:auto; margin-right:10px; cursor:pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* CHANGE COLOR */
.contactform input, .contactform textarea { border:1px #900 solid; padding:3px 6px; background-color:#fffde5; }
.contactform input:focus, .contactform textarea:focus { border-color:#333; background-color:#fff; }
.contactsubmit input { background-color:#900; color:#fffde5; border:1px solid #333; padding:2px 10px; font-size:1.4em; }
.contactsubmit input:hover { color:#900; background-color:#efe357; border-color:#900; }