/*   
Theme Name: Sea Club Resort
Theme URI: http://www.datatechdesigns.com
Description: A theme for Sea Club Resort
Author: DataTech Designs, Inc.
*/

.clearer {clear: both; overflow: hidden; height: 0px; line-height: 0px; font-size: 0px; width: 100%;}

html {}

body {background-color:#221A35; padding: 1px; font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-style: normal; color:#FFFFFF;}

#viewport-wrap {background-color:#09001E; min-height: 100%; width: 100%; position: relative; min-width:280px}
#viewport-wrap + img {width: 1px; height: 1px;}

#logo {background:url('../images/logo_seaclubresort.png') no-repeat #A4A0BE ; margin:0px; width:100%; height:auto }

#image-container, #image-container2 {position:relative;}
#photo, #photo2 {position: relative;}
#photo img, #photo2 img {display:block; width:100% !important; height:auto;margin: 0 0 10x 0;}

.gradient, .gradient-top {position: absolute; left: 0; bottom: 0; z-index: 20; width: 100%; height: 120px; background: url('../images/photos_gradient.png') 0 100% repeat-x; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity:0.8;filter:alpha(opacity=80) }

#main-content {max-width:400px; padding-top:12px}
#main-text, #main-text p {margin:6px 8px 12px 8px; }

/*navigation top*/
#navi {position:absolute; z-index:20; top:40px; right: 10px; }
#navi a:link, #navi a:visited {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;filter:alpha(opacity=70)}
#navi a:hover {-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0;filter:alpha(opacity=100); cursor: hand}

/*navigation bottom*/
#main-menu-container {max-width:400px; text-align:center; position:absolute; top:60px; left:6px; z-index:20; }
#main-menu-container-page {max-width:400px; text-align:center;  }
.menu-container, .menu-container-page {width:98%; padding:0 6px 6px 0}
#menu-page li, #menu li, #slider3 li, #slider3-pager li {list-style-type:none}
.menu-item {width:98%; border: none; margin: 3px 0  0 0;}

.pop, .cur-nav {display:none}


/*gallery*/
#slides {width:100%; padding:10px 0 6px 0}

/*footer*/
#footer-container {padding:8px 16px 6px 6px; border-top:solid; border-color:#221A35; border-width:1px}
#footer { padding:10px 10px 10px 10px}
#footer p {color:#ffffff; line-height:20px}
#footer a {color:#800877}

/* fonts */
h1 {font: bold 16px/20px 'verdana','arial','sans-serif'; color:#800877; text-align:center; margin:5px 0 5px 0}
h2 {font: bold 12px/16px 'verdana','arial','sans-serif'; color:#6B6393; margin:5px 0 5px 0}
p, li {font: normal 12px/16px 'verdana','arial','sans-serif'; color:#ffffff}
a:visited, a:link {font: normal 12px/16px 'verdana','arial','sans-serif'; color:#E1ACD2}
a:hover {color:#A8ADB1}
li{list-style-type:square; list-style-position:inside; line-height:18px}
li a {list-style-type:none}
.seventh {font-weight:400; font-size:13px; line-height:17px}

blockquote { 
quotes:"\201C""\201D""\2018""\2019";
margin:15px;
font-family:'Open Sans','Helvetica Neue', 'Arial', 'sans-serif';
}
blockquote:before {
font-family:'Georgia','serif';
content:open-quote;
content:"\201C";
font-size:46px;
line-height:.1em;
vertical-align:-.3em;
}

.bg_ltgray {background-color:#DCDADB}
.black {color:#222222}

/*weather
div.wblock { width:28%; float:left;}
#blq2 { width:70%; float:right; }*/
#weatherTbl  {background-color:#FFFFFF;}
		
		
/*iPhone 5 in portrait & landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}
/*iPhone 5 in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/*iPhone 5 in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/*iPhone 2G, 3G, 4, 4S, iPod Touch generations 1-4 Media Queries
iPhone 2G-4S in portrait & landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { /* STYLES GO HERE */}
/*iPhone 2G-4S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/*iPhone 2G-4S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { /* STYLES GO HERE */ }