html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #000;
background-image: url(../images/bg-main.jpg), url(../images/bg-tile.jpg);
background-repeat: no-repeat, repeat-y;
background-position: center top, center;
background-color: #2dc1ef;
}
td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #333333;
}
a {
color: #3366CC;
text-decoration: none;
}
p,ul {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #e9e9e9;
}
ul a {
color: #ffe203;
}
img {
border: none;
}
.overall {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
min-height: 100%;
}
.header {
font-size: 24px;
color: #DCDCDC;
height: 200px;
text-align: center;
}
.container {
margin: 0 auto;
width: 800px;
}
.nav {
padding: 20px 20px 20px 170px;
height: 50px;
background-color: #001d1a;
text-align: center;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.nav a {
padding-left: 35px;
}
.nav-media {
}
.nav-news {
}
#links {
margin-top:-10px;
position:absolute;
z-index:0;
width: 220px;
height: 400px;
background-image: url(../images/available-single.png);
background-repeat: no-repeat;
text-align: center;
}
.floatBtn {
float: right;
margin-top: -50px;
z-index: 50;
}
.content {
padding: 20px;
background-color: rgba(1, 53, 47, 0.8);
color: #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
min-height: 300px;
margin-bottom: 20px;
}
.content-overlap01 {
margin: -190px 0 0 -260px;
width: 460px;
height: 582px;
background:url(../images/bg-dolphin.png) no-repeat;
position: absolute;
}
.gap {
margin: 0;
width: 100%;
height: 10px;
}
.link-float {
margin: 0;
padding: 0;
width: 200px;
height: 300px;
postion: absolute;
background-color: #3FF;
}
.content iframe, #video {
float: right;
padding-left: 15px;
padding-bottom: 10px;
position: relative;
}
.content h1, .content h3 {
margin-left: 30px;
}
.content p {
margin: 0;
padding: 0 30px 0 40px;
}
.contentImg {
float: right;
}
#features {
list-style-image: url(../images/bullet01.png);
}
.headerImg1 {
margin-left: -5px;
margin-top: 5px;
}
.headerImg2 {
margin-left: -5px;
}
.yoxview {
position: relative;
z-index: 50;
margin: 0 40px 0 40px;
}
.content-contact {
position: relative;
z-index: 50;
width: 100%;
}
.content form {
margin-left: 75px;
width: 470px;
}
.twitterFeed {
width: 600px;
margin: 0 auto;
}
.scrollarea {
height: 500px;
overflow: auto;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #6d9877;
background-color: #001d1a;
padding: 40px 0 32000px 0;
margin-bottom: -31960px;
width: 100%;
}
.footer-content {
margin: 0 auto;
width: 500px;
height: 94px;
}
.footer a {
font-size: 12px;
}
.footer-content p {
margin: 0;
text-align: center;
}
#footer-logo {
float: left;
width: 94px;
}
#footer-right {
float: left;
width: 406px;
}
#social {
text-align: right;
width: 100%;
display: inline-block;
}
.twitter-follow-button {
margin: 0 5px 0 0;
font-size: 1px;
font-weight: normal;
}
#social a {
font-weight: normal;
}
.fb-like {
margin: -2px 5px 0 0;
width: 44px;
overflow: hidden;
font-size: 1px;
font-weight: normal;
z-index: -1;
}
.fb-btn {
margin: 0 5px 0 0;
display: inline;
}
.g-plusone {
margin: 0;
font-size: 1px;
font-weight: normal;
}
#tumblr_button_abc123 {
margin-left: 5px;
font-size: 1px;
font-weight: normal;
}
.popup-button{
/*margin: 150px 290px 0 0;*/
margin: 0 0 0 140px;
}
.popbox {
display: block;
position: absolute;
text-align:center;
font-size: 14px;
font-weight: bold;
z-index: 99;
width: 230px;
}
#mad_mimi_signup_form{
margin: 0;
width: 230px;
overflow: hidden;
}
#mad_mimi_signup_form fieldset{
margin: 0;
padding: 5px;
width: 230px;
border: none;
}
#footer-copyright {
margin: 10px 0 0 0;
width: 400px;
}
a:hover {
text-decoration: underline;
}
input.big {
width: 100px;
}
input.small {
width: 50px;
}
.clearFlt {
clear: both;
}
/*Contact form*/
input:required, textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
/** inputs and textarea**/
input:not([type="submit"]),
textarea{
outline:none;
display:block;
width:380px;
padding:4px 8px;
border:1px dashed #DBDBDB;
color:#3F3F3F;
font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
font-size:14px;
border-radius:2px;
transition:background 0.2s linear,
box-shadow 0.6s linear;
}
input:not([type="submit"]):active,
textarea:active,
input:not([type="submit"]):focus,
textarea:focus{
background:#F7F7F7;
border:dashed 1px #969696;
box-shadow:2px 2px 7px #E8E8E8 inset;
}
input:not([type="submit"]){
height: 20px;
}
textarea{
min-height:130px;
resize:vertical
}
/* placeholder */
::-webkit-input-placeholder {
color:#BABABA;
font-style:italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
color:#BABABA;
font-style:italic;
}
/*Send Button*/
/** Styling the send button **/
input[type=submit]{
margin-left:350px;
margin-top: 10px;
cursor:pointer;
background:none;
border:none;
font-family: 'Alice',serif;
color:#767676;
font-size:18px;
padding:10px 4px;
border:1px solid #E0E0E0;
text-shadow: 0px 1px 1px #E8E8E8;
background: rgb(247,247,247);
background: linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
border-radius:5px;
box-shadow:0px 1px 1px #FFF inset,
0 0 0px 5px #EAEAEA;
transition:all 0.2s linear;
}
input[type=submit]:hover{
color:#686868;
border-color: #CECECE;
background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px 1px 1px #FFF inset,
0 0 0px 5px #E0E0E0;
}
input[type=submit]:active,
input[type=submit]:focus{
position:relative;
top:1px;
color:#515151;
background: linear-gradient(top, rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px -1px 1px #FFF inset,
0 0 0px 5px #E0E0E0;
}
label{
color:#7F7E7E;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
transition: color 1s ease;
}
.indication{
color:#878787;
font-size:12px;
font-style:italic;
text-align:right;
padding-right:10px;
}
.required{
color:#E5224C;
}
/*Send Button*/
/** Styling the send button **/
button[type=submit]{
margin-top: 10px;
cursor:pointer;
background:none;
border:none;
font-family: 'Alice',serif;
color:#767676;
font-size:18px;
padding:10px 4px;
border:1px solid #E0E0E0;
text-shadow: 0px 1px 1px #E8E8E8;
background: rgb(247,247,247);
background: linear-gradient(top, rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
border-radius:5px;
box-shadow:0px 1px 1px #FFF inset,
0 0 0px 5px #EAEAEA;
transition:all 0.2s linear;
}
button[type=submit]:hover{
color:#686868;
border-color: #CECECE;
background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px 1px 1px #FFF inset,
0 0 0px 5px #E0E0E0;
}
button[type=submit]:active,
button[type=submit]:focus{
position:relative;
top:1px;
color:#515151;
background: linear-gradient(top, rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
box-shadow:0px -1px 1px #FFF inset,
0 0 0px 5px #E0E0E0;
}