/*
http://www.02667.com
*/
/* TEST */
@import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Merriweather);
$red: #e74c3c;

*, 
*:before, 
*:after {
   @include box-sizing(border-box); 
}

html, body {
  background: #f1f1f1;
  font-family: 'Merriweather', sans-serif;
  padding: 1em;
}

h1 {
   text-align: center;
   color: #a8a8a8;
   @include text-shadow(1px 1px 0 rgba(white, 1));
}

form {
   max-width: 600px;
   text-align: center;
   margin: 20px auto;
  
  input, textarea {
     border:0; outline:0;
     padding: 1em;
     @include border-radius(8px);
     display: block;
     width: 100%;
     margin-top: 1em;
     font-family: 'Merriweather', sans-serif;
     @include box-shadow(0 1px 1px rgba(black, 0.1));
     resize: none;
    
    &:focus {
       @include box-shadow(0 0px 2px rgba($red, 1)!important);
    }
  }
  
  #input-submit {
     color: white; 
     background: $red;
     cursor: pointer;
    
    &:hover {
       @include box-shadow(0 1px 1px 1px rgba(#aaa, 0.6)); 
    }
  }
  
  textarea {
      height: 126px;
  }
}


.half {
  float: left;
  width: 48%;
  margin-bottom: 1em;
}

.right { width: 50%; }

.left {
     margin-right: 2%; 
}


@media (max-width: 480px) {
  .half {
     width: 100%; 
     float: none;
     margin-bottom: 0; 
  }
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
/* END TEST */
* {border:0;margin:0}
.fleft {float:left}
.fright {float:right}
.fclear {clear:both}
img {border:0}
body {font:12px Arial,Helvetica,sans-serif;color:#000;background:url(images/View-from-deck2.jpg) top center no-repeat #090001}
#main {width:1014px;margin-left:0;padding:0}
#main_bg {width:1014px;background:url(images/main_bg.gif) repeat-y;margin:0 auto;padding:0 13px 0 13px}
#header {width:1014px;padding:0;background:url(images/header.jpg) left top no-repeat;height:316px}
#logo {font-family:Arial,Helvetica,sans-serif;color:##000;font-size:18px;font-style:italic;padding:80px 0 0 397px;background:url(images/big_img.jpg) left top no-repeat}
#logo a {text-decoration:none;text-transform:lowercase;font-style:italic;font-size:18px;color:##000}
#logo H2 a {font-size:12px;font-family:Arial,Helvetica,sans-serif;text-transform:none;font-weight:100}
#buttons {width:983px;background:url(images/but2.png) center top no-repeat;text-align:center;padding-left:0;height:71px}
#buttons a {font-family:Arial,Helvetica,sans-serif;font-size:18px;display:block;float:left;height:45px;text-decoration:none;color:##000;padding-top:25px;padding-left:0;text-align:center;background:url(images/but.gif) 30px 20px no-repeat}
.but1 {padding-top:20px;width:195px;float:left;border-right:1px solid ##000}
.but3 {padding-top:20px;width:199px;float:left}
.but2 {padding-top:8px;width:195px;float:left;border-right:none;border-right:1px solid ##000}
#buttons .but1:hover {text-decoration:underline;background:url(images/but_ov.jpg) top repeat-x}
#buttons .but2:hover {background:url(images/but2_over.png) left top no-repeat;text-decoration:underline}
#buttons .but3:hover {background:url(images/but3_over.png) right top no-repeat;text-decoration:underline}
.inner_copy {border:0;color:#f00;float:left;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
/*Makes the container for the text  */
#content_top {background:url(images/cont_top2.png) left top no-repeat;height:10px;width:983px}
#content {width:983px;background:url(images/cont2.png) left repeat-y;line-height:20px}
#content_bot {background:url(images/cont_bot2.png) left bottom no-repeat;height:10px;width:983px}
#bot_left {background:url(images/bot_r2.png) left bottom no-repeat;height:12px;width:983px}
/*Ends the container for the text */

/* Makes the container for availability page */

#content2 {width:983px;background:url(images/cont2b.png) left repeat-y;line-height:10px;}

/* Ends the container */


#left {width:274px;margin:0 0 0 10px;float:left;color:##000;background:url(images/left_top.gif) left top no-repeat}
#left ul {padding:0;list-style:none}
#left li {line-height:24px;background:url(images/fish1.gif) 9px 9px no-repeat;padding:0 0 0 30px}
#left li a {font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:##000;font-size:12px;text-decoration:none}
#left li a:hover {font-family:Arial,Helvetica,sans-serif;font-weight:bold;color:##000;font-size:12px;text-decoration:underline}
.left_b {background:url(images/fish2.gif) 8px 20px no-repeat;padding:15px 5px 0 30px}
.text {padding:10px 0 0 0}
.img {float:left;margin:4px 16px 3px 0}
.img2 {float:left;margin:4px 12px 3px 0}
#left span {color:##000;font-weight:bold}
#right span {color:##000;font-weight:bold}
#left H1 {font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:100;color:##000;text-align:center;padding:8px 0 0 0;height:28px;background:url(images/tit_l2.jpg) left top no-repeat}
#right H1 {font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:100;color:##000;padding-left:0;text-align:left;padding:8px 0 0 1px;height:28px}
.read {text-align:right;padding-right:10px;padding-top:2px;font-weight:bold;text-decoration:none}
#left .read a {color:#890101;text-decoration:underline}
#left .read a:hover {color:#890101;text-decoration:none}
#right .read a {color:#DA770F;text-decoration:underline}
#right .read a:hover {color:#DA770F;text-decoration:none}
#right {float:right;width:660px;margin-right:8px;padding:5px 0 0 0}
.tit_bot {background:url(images/tit_bot.png) left top no-repeat;padding:5px 5px 0 5px}
#left .tit_bot a {color:#000;text-decoration:underline}
#left .tit_bot a:hover {color:#ff0000;text-decoration:none}

.tit_botrate {background:url(images/tit_bot.png) left top no-repeat;padding:5px 5px 0 5px}
#left .tit_botrate a {color:#000;text-decoration:underline}
#left .tit_botrate a:hover {color:#ff0000;text-decoration:none}

#footer {height:57px;width:100%;font-size:11px;color:#fff;text-align:center;clear:both;padding:23px 0 0 0;background:url(images/footer.jpg) left bottom no-repeat}
#footer div {padding:0 15px}
#footer a {color:#fff;font-size:12px;text-decoration:none}
#footer a:hover {color:#ff0000;font-size:12px;text-decoration:underline}

    p.center 
    	{
    		margin:.4em 0 .8em 0;
    		padding:0;
			font-size:15px;
    		text-align: center;
    	}