/* ************************************************************************************** */ 
/*               Cascading Style Sheet for Free Summer Sea Holiday                        */
/*   Author Robas Design Vision - Freelance web design / Front-end developing Services    */
/*                   Author URLs - http:robas.net /  http:robas.info                      */
/* ************************************************************************************** */
html, body{ 
 margin:0; padding:0; 
 text-align:center;
 background: #fff url(../../images/campaign/bg.jpg) repeat-x 0 0;} 
 
body {font: normal 12px Tahoma,Verdana, Arial,sans-serif; color:#2f1e14;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
table {font-size:inherit;}
strong {font-weight:bold;}
small {color:#666;font-size:85%;}
p {
	padding:5px 0;
	line-height: 1.5;}
img, a img {
	border: none;
	outline: none;}
	
/* --------- Links --------- */
a, a:link, a:visited {
	text-decoration: none;
	color: #333399;}	
a:hover, a:active, a:focus {
	text-decoration: underline;		
	color: #B60006;
	outline:none;}
	
/* --------- Typography --------- */
h1,h2,h3,h4,h5,h6 {
	font-family:Tahoma,Verdana, Arial,sans-serif;
	line-height: 1.5;}
h1 {
	font-size: 13px;
	color: #B60006;	
	text-transform: uppercase;
	letter-spacing: 1px;}	
h2 {
	font-size: 12px;
	color: #2f1e14;
	text-transform: uppercase;}	
h3 {
	font-size: 14px;
	color: #2f1e14;}	
h4 {
	font-size: 12px;
	/*color: #B60006;*/ color: #2f1e14;
	padding-bottom:7px;}	
 
 
/* --------- Layout Structure --------- */  
/*#top {
	background: #002a68;
	border-bottom: 1px solid #ffd42d;
	margin:0;padding:0;
	height: 20px;
	width: 100%;}*/

#bckgr {
	background: url(../../images/campaign/header80.jpg) no-repeat center top;
	height: auto;
	min-height: 330px;
	margin:0;padding:0;}
	
#pagewidth{ 
 width:1000px; 
 text-align:left; 
 margin:0 auto;} 
 
#maincol{
 	background-color: transparent;  
 	position: relative;	
	margin: 0 auto;
	padding-bottom:50px;}
 
#header{
 position:relative; 
 height:330px; 
 background-color:transparent; 
 width:100%;
 display:block;} 
#header h1 {display: none;}

 
/* --------- Main Column --------- */
.col, .colWide, .col50, .col40 {
	position: relative;
	text-align: center;} 
.col {
	float: left;
	width: 320px;}
.colWide {
	float: right;
	width: 350px;
	padding-left:10px;}
.col50 {width:500px;}
.col40 {width:400px; float: left;}
.col60 {width:570px; margin-left:30px;}
	
	
.twoframes {
	padding: 0 10px;
	text-align: center;
	clear: both;
	position: relative;
	margin-top: -15px;
	margin-bottom:20px;}
.content {
	padding: 0 20px;
	text-align: justify;}
.address {
	text-align: left;
	margin: 20px 0 0 20px;
	width:200px; /* total 220px */ 
	height: 125px;  
	overflow: hidden;}

.frame {
	background: url(../../images/campaign/frame.gif) no-repeat 0 0;
	width: 308px;
	height: 214px;
	text-align: center;
	margin: 0 auto;  /* important!!! */}
.frame img {padding-top:19px;border:none;
	width:268px; height:174px;  /* important!!! */
	overflow: hidden;}


.frameSmall {
	background: url(../../images/campaign/frame-sm.gif) no-repeat 0 0;
	width:238px;
	height:161px;
	text-align: center;
	font-size:11px;}
.frameSmall img {padding-top:9px; border:none;
	width: 218px; height: 140px;  /* important!!! */
	overflow: hidden;}
	
	
.frameBig {
	background: url(../../images/campaign/frame-big.gif) no-repeat 0 0;
	width: 358px;
	height: 238px;
	text-align: center;
	margin: 0 auto;  /* important!!! */}
.frameBig img {padding-top:9px;border:none;
	width:338px; height:217px;  /* important!!! */
	overflow: hidden;}


/* Buttons */
.button, .buttonBeige {
	background: url(../../images/campaign/button.gif) no-repeat 0 0;
	width: 308px;
	height: 82px;
	text-align: center;
	margin: 0 auto;}
.button h2, .buttonBeige h2 {
	line-height:70px;
	padding-left: 20px;}
.button h2 a:hover, .buttonBeige h2 a:hover {
	text-decoration: none;}
.buttonBeige {
	background: url(../../images/campaign/button-beige.gif) no-repeat 0 0;
	margin-left: 131px;}
 
 
/* --------- Footer --------- */
#footer{
 	height:auto;
	min-height: 70px; 
 	background-color: #ede7de; 
 	clear:both; padding: 20px 0;
	text-align: center; margin-bottom: -20px;}  
#footer .footer {
	width: 1000px;
	margin: 0 auto;		
	text-align: center;
	font-size: 11px; 
	color:#574c39; }
.copy {
	width:610px;}
	
	
/* --------- Social --------- */
.social {
	background: transparent;
	margin:0;
	width:380px;}	
.social a {
	background-image: url(../../images/campaign/social.png);
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	float: left;
	padding: 0px !important;
	margin:  0 3px 0 4px;}

.social a.fb {background-position: 0px 0px;}
.social a.in {background-position: -30px 0px;}
.social a.tw {background-position: -60px 0px;}

.social a.fb:hover,.social a.fb:active {background-position: 0px -23px;}
.social a.in:hover,.social a.in:active {background-position: -30px -23px;}
.social a.tw:hover,.social a.tw:active {background-position: -60px -23px;}
	
/* ------- Lists ------------ */
ul, ol {
	margin: 0;
	margin-left:20px;
	padding: 0;
	list-style: outside none;
	list-style-image: none;}
ol {
	list-style: decimal;}
li {
	list-style-image: none; 
	padding-left:12px;
	line-height: 1.5;
	background: url(../../images/campaign/bullet.gif) no-repeat 0 7px; }
ul.answers li {
	background: none;
	padding: 0;
	font-size: 11px;
	line-height:1.6;}
 
/* --------- Common Styles --------- */
.left {float: left;}
.right {float: right;}

.vline {background: url(../../images/campaign/vline.jpg) repeat-y right top;}
.inline {display: inline;}
.Q {color:#6f6247;}
.FB {
	position: relative;
	width: 1000px;
	margin: 50px auto;
	text-align: center;}
.FB iframe {margin: 0 auto;}
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* ------- Forms Styles ------------ */
input, select, textarea {
	background: #fff;
	border: 1px solid #ccc;
	color:#666;}	



label {
	font-weight: bold; 
	width:150px; margin: 5px 0;}
select {width:330px; padding:3px;}  
option {padding:0px 3px 1px 3px;}
input[type="text"] {width:320px; padding:4px;}

input[type="radio"], input[type="checkbox"] {
  width:auto;height:auto;
  background: transparent;
  border: none;
  display: inline;
  vertical-align: middle; 
  margin-right: 2px;}
  
  
/* ----- Register form styles ----- */
#registerTop {
	background: url(../../images/campaign/formTop.gif) no-repeat 0 0;
	width: 568px; /* total 568px */
	height: 10px;
	margin-top:40px; padding: 0;}
#registerMid {
	background: url(../../images/campaign/formMid.gif) repeat-y 0 0;
	width: 568px; /* total 568px */
	height: auto;
	margin: 0; padding: 0;}
#registerBtm {
	background: url(../../images/campaign/formBtm.gif) no-repeat 0 0;
	width: 568px; /* total 568px */
	height: 12px;
	margin: 0; padding: 0;}
	
form#register {
	padding: 20px 40px;
	text-align: left;}
form#register p {padding:7px 0; position: relative;}