/*
Theme Name: Suspence Marketing 
Theme URI: http://suspencemarketing.com
Description: A custom theme built for Suspence Marketing. 
Version: 1.0
Author: JHF Design LLC
*/ 
/*=== Setup ===*/
* { border:0; margin:0 auto; padding:0; outline:none; }
body { background:#fff; color:#979797; font-family:  "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:16px; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #d0d0d0; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
li { list-style:none; }
h1 { color:#a58150; font-size:24px; font-weight:bold; margin:0 0 0px 0; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
h2 { color:#a58150; font-size:24px; font-weight:bold; margin:0 0 40px 0; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
h3 { color:#000; font-weight:normal; font-size:18px; margin:0 0 0em; }
h4 { font-size:1em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 1.3em; }

/*=== Fonts ====*/


/*=== Layout ===*/

#page { margin:0 auto; max-width:970px; padding:0px;}

#page-bottom { margin:40px 0 0 0; border-bottom: 3px solid #979797; padding:0; width: 100%; background:url(images/footer_img.png) repeat-x center; min-height: 188px; }

/*=== Header ===*/
#header {margin:0 auto; padding:0; }
.left-top {margin:0 0 0 30px; float: left; }
.right-top {float: right; margin:40px 0 0 0; }
.right-top a {margin: 0 25px 0 0; }
.header-img {margin: 0 auto; display:block; max-width:850px; height: auto;}
.dots {padding: 20px 0; }
.dots2 {padding: 20px 0; margin: 0 120px 0 0; float: right; }
.dots3 {padding: 20px 0; margin: 0 0px 0 0; }
.dots_desk {display:block;}
.dots_mobile {display: none;}
#header_container { background:#fff; height:auto; left:0; position:fixed; width:100%; top:0; z-index: 999; border-bottom: 3px solid #000; }

/*- Logo -*/
.logo {margin:20px auto 20px auto; display:block; max-width:200px; padding:20px 100px 20px 100px; border-bottom: 2px solid #000; }
.logo_pg {margin:0px auto 20px auto; display:block; max-width:152px; padding:20px 100px 0px 100px;  }
.social {display:block; float:right; margin: 0 80px 0 0;}
.hm_img {float: right; margin: -150px 50px 0 0; display: block; }
.hm_img2 {float: left; }
.headline {float: left; margin: 20px 0 0 90px; }

/* Search form */
#search span { width:238px; display:block; border:1px solid #e0e0e0; background:#f9f9f9; height:32px; margin:5px 10px; }
#search input#s { float:left; width:200px; padding:8px 0 8px 5px; margin:0; border:0; background:none; color:#646667; font:normal 14px Arial, Helvetica, sans-serif; line-height:17px; height:17px; }
#search .btn { float:left; padding:0; margin:0; border:0; width:auto; }

/*- Top Nav -*/
.topnav { margin:0 auto; padding:0px 0 20px 0; position: relative; z-index: 10; }
.topnav ul { list-style:none; padding:0; margin:0 auto; text-align:center; }
.topnav li { padding:0; display:inline-block; }
.topnav li a { font: normal 32px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; border-right: 2px solid #000; color:#979797; display:block; padding:0px 15px 5px 15px; text-decoration:none; margin:0px auto; letter-spacing: 2px; line-height: 30px;}
.topnav li:last-child a {border-right: none; }
.topnav li a .page_item .page-item-7 { border-right: none;  }
.topnav li a:hover { color:#a58150; }
.topnav li.current_page_item a { color:#a58150; }

.topnav_pg { margin:0 80px 0 0; padding:20px 0 20px 0; position: relative; z-index: 10; }
.topnav_pg ul { list-style:none; padding:0; margin:0 auto; text-align:left; }
.topnav_pg li { padding:0; display:inline-block; }
.topnav_pg li a { font: normal 25px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; border-right: 2px solid #000; color:#979797; display:block; padding:0px 15px 5px 15px; text-decoration:none; margin:0px auto; letter-spacing: 2px; line-height: 22px;}
.topnav_pg li:last-child a {border-right: none; }
.topnav_pg li a .page_item .page-item-7 { border-right: none;  }
.topnav_pg li a:hover { color:#a58150; }
.topnav_pg li.current_page_item a { color:#a58150; }

/*=== All Columns ===*/
#columns { margin:20px 0 0 0; padding:10px 0 0 0; display:table-cell; display:block; }
#columns img.centering { margin:0 auto; padding:0 40px;}
#columns_blog { margin:40px auto 0 auto; padding:10px 0; max-width:970px; }

/*=== Center Column ===*/
#centercol { max-width:970px; margin: 150px 50px 0 50px; display:block;  }
#centercol a {text-decoration: underline; }
#centercol_blog { float:left; max-width:550px; padding:0; margin:20px 50px;  }
#centercol_blog .blog_post_info { margin: 10px 0 0 0px;}
.blog-title {margin: 0 0 0 0;  padding: 0;}
.instructions {float: left; max-width: 380px; }
.contact_img {float: right; margin: 0 0 0 0;}
.contact {float: left; max-width:300px;  margin:  0px 0 0 0; }
.contact input {max-width: 220px; float:right; padding-top: 6px; padding-bottom: 6px;  }
.contact textarea {max-width: 260px; float:right;  margin: 10px 0 30px 0; }
label.file input[type="file"] {border: none; color:#979797; padding-top: 0px; padding-bottom: 0px; }
input[type="submit"] { color:#fff; width: 200px; float: left; background:#a58150;border-radius: 10px; text-transform:uppercase;font-size: 14px; }
.book_link {float: right; margin: 100px 100px 0 0; }

.log_btn { color:#fff; width: 200px; float: left; background:#a58150;border-radius: 10px; text-transform:uppercase;font-size: 14px; padding: 10px; text-align: center; text-decoration:none !important; margin: 0px 0 40px 0; }
.log_btn a { text-decoration:none !important;}

.booking_form {font-size:18px; }
.booking_form input[type="radio"] {margin: 6px 10px 6px 0; }
.booking_form input[type="text"] {margin: 6px 0px 6px 10px; padding: 5px; width: 200px;}
.booking_form input[type="password"] {margin: 6px 0px 6px 10px; padding: 5px; width: 200px;}
.booking_form textarea {margin: 6px 0px 6px 0px; width: 300px;}
.booking_form p {margin:0;padding:0 0 8px 0;}
.booking_form input[type="submit"] { color:#fff; width: 200px; float: left; background:#a58150;border-radius: 10px; text-transform:uppercase;font-size: 14px; margin: 20px 0;}
.request_img {float: right; }

.booking_details {line-height:28px;}
.booking_details span {color:#333;}
.booking_details a { color:#a58150; font-weight:normal; font-size:18px; margin:0 0 0em; }

.admin_info {}
.admin_info table {border-collapse: collapse;text-align: left; width: 100%; }
.admin_info th { border-bottom: 2px solid #804098; padding: 0 0px 5px 0px; margin: 0 0 10px 0; }
.admin_info td {height: 40px; }
/*=== Right Column ===*/
#rightcol { float:left; width:275px; padding:0 0 0 20px; margin:20px 0 0 0; border-left: 3px solid #000;}
#rightcol li {padding: 5px 0;}
.small_link { padding:0; margin:10px; background:#f5f5f5; }
.small_link a { color:#656464; text-decoration:none; }
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%; }

/*=== Post ===*/
.post-block { display: block; margin: 0 auto;}


/*- Post Title -*/
.post-title { padding:0 0 5px 0; margin:0 auto; display:block;  }
.post-title h1 { display:inline; text-align: center; margin:0; padding:5px 0; font:normal 18px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color:#000; }
.post-title h1 a { display:inline; padding:0; margin:0; color:#2a2a2a; text-decoration:none; }
/*- Post Date -*/
.post-date { margin:0; padding:0; line-height:22px; float:left; }
.post-data {padding:5px 0 10px 0; color:#666666; width: 140px; float:left; margin: 0 20px 0 0; }
.post-data a { color:#e94036; }
.post-data .date { background: #e94036; padding: 10px; margin: 10px; text-align: center;}
.post-data .date .day { font-size: 36px; font-weight: bold; color: #fff; padding: 5px 0; }
.post-data .date .month { font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 5px 0;}
.post-data .author { text-transform: uppercase; border-bottom: 1px solid #666666; margin:5px 10px 10px 10px; padding: 5px 10px 10px 10px; text-align: center;}
.post-data .comments { text-transform: uppercase; border-bottom: 1px solid #666666; margin:5px 10px 10px 10px; padding: 5px 10px 10px 10px; text-align: center;}
.post-data .category { text-transform: uppercase; border-bottom: 1px solid #666666; margin:5px 10px 10px 10px; padding: 5px 10px 10px 10px; text-align: center;}
/*- Post Excerpt -*/
.post-excerpt { padding:0px 0 0 0; display:table; font: normal 12px  "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color:#000; margin:0; }
.post-excerpt p {line-height:1.8em;}
.post-excerpt a { color:#00a2ca; text-decoration:underline;}
/*- Post Lists -*/
.post ul, .post ol { margin:0 0 1.5em; }
.post ul li { background:url(images/ico-list.gif) no-repeat 0 6px; margin:0 0 .4em; padding:0 0 0 10px; }
.post ol li { list-style:decimal; list-style-position:inside; margin:0 0 .4em; }
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.author-details { font-size:11px; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { font: normal 11px Arial, Helvetica, sans-serif; padding:0; color:#b1b1b1; }
.social-links a { color:#00a2ca; font-weight:normal; text-decoration:none;}
.social-links a:hover { text-decoration:underline; }
 /* post-commets */
.post-commets { margin:0 0 0 5px; padding:0; float:left; line-height:22px;}
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
.post-rel img { max-width:50px; }
.post-rel h2 { padding-top:10px; }
/*- Post Comments -*/
.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; }
.post-comments .fr { width:500px; }

/* post-leav */
.post-leav { color:#a13d3d; padding:0px 0; float: left; margin: 0;  }
.post-leav a { font-size:11px; font-weight:bold; color:#000; text-transform:uppercase; padding:0px; margin:0 10px 0 0; }

/*- Widget Title - */
.wtitle { padding:0 0 10px 0; margin:0; }
.wtitle h2 { margin:0; padding:0; font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; }
.wtitle h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 15px 0; padding:10px 0;}
.box .content { height:1%; padding:0; }
.content .left_sise { width:250px; float:left; }
.content .right_sise { width:375px; float:right; }
.box .ac { padding:5px 0; text-align:center; }
#centercol .box { }
#rightcol .box {  }
/*- Box2 -*/
.box2 { margin:0 0 20px;  }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:31px; color:#7b7a7a; font:normal 11px Arial, Helvetica, sans-serif; clear:both; padding:0; }
.list li { float:left; margin:0; padding:0 5px 0 0; }
.list li a { display:block; float:left; padding:10px; text-align:center; text-decoration:none; color:#7b7a7a; }
.list li a:hover { color:#00a2ca;  }
.list li a.active { color:#00a2ca; font-weight:bold; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
div.tabs_list { padding:0; margin:3px 0; border:1px solid #e0e0e0;}
div.tabs_list ul { list-style:none; text-align:left; padding:5px 3px; }
div.tabs_list ul li { font:normal 13px Arial, Helvetica, sans-serif; padding:0; margin:5px 0;}
div.tabs_list ul li a {  border-bottom:1px solid #e0e0e0; display:block; padding:5px 0 5px 15px; margin:0; color:#7b7a7a; }
div.tabs_list ul li a:hover { text-decoration:none; color:#00a2ca; }
div.tabs_list ul li ul.children { padding:0 0 0 0; }
div.tabs_list ul li ul.children li { border:0; margin:0; }
div.tabs_list ul li ul.children a { background:none; }
div.tabs_list ul li ul.children a:hover { background:#e0e0e0; color:#000; }
div.tabs_list ul li ul.children li a { padding:5px 0 5px 25px; display:block; }
div.tabs_list ul li ul.children li li a { padding:5px 0 5px 30px; display:block; }
/*- List1 -*/
.list1 li { background:url(images/ico-list1.gif) no-repeat 0 1.1em; border-bottom:1px solid #e7e7e7; height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:470px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:470px; font-family:Verdana; }
.message .submit { float:left; }
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif); }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img {  display:block; margin:0; padding:4px; background:#fff; margin:0 auto;}
.pic.fl img { float:left; margin:0px 20px 20px 0; }
.pic.fr img {  }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; }
.ads img, .widget_flickrRSS img { margin:4px; }
.widget_flickrRSS img { border:1px solid #cfcfcf; }
.box .ac img { border:0; margin:0; }
/*=== Footer ===*/
#footer { max-width:970px; color:#a58150; text-decoration:none; font:normal 13px  "Century Gothic", CenturyGothic, AppleGothic, sans-serif; margin:0 auto; padding:20px 0; }
#footer a { color:#804098; font-weight:bold; }
#footer span { color:#bcbcbc; }
#footer .text2 { padding:0px 20px; float:right;}
#footer .text { padding:0px 0px; text-align: center; margin: 0 auto; display: block; }
#footer .text img {margin: 0 5px 0 0; }
.footer_img {display: block; margin: 0 auto; }

/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.noBorder { border:0; }
.font-sm { font-weight:normal; }
.white { color:#FFF; }
/* html_body */
.html_body { padding:0px 0; margin:0;}
.html_body h2 { font: normal 18px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;color:#adabac; padding:5px 0; margin:0;}
.html_body h2 span { font: normal 11px "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color:#b1b1b1;}
.html_body p { font: normal 28px  "Century Gothic", CenturyGothic, AppleGothic, sans-serif;color:#adabac; text-align:left; padding:5px 0; margin:0; line-height:40px;}
.html_body p span { color:#a58150;}
.html_body a { color:#00a2ca; text-decoration:none;}
.html_body img.flicr { float:left; margin:10px 5px; padding:5px; border:1px solid #dedede;}
.html_body .text_blk1 {float: right; display: block; max-width:450px; margin:40px 0 0 0; padding: 0 170px 0 0; }
.html_body .text_blk2 {float: right; display: block; max-width:545px; margin:0; padding: 0 100px 0 0;  }
.html_body .text_blk2_mobile {display: none; }
.html_body .text_blk3 {float: right; display: block; max-width:650px; margin:0; padding: 0 100px 0 0;  }
.html_body .text_blk4 {float: right; display: block; max-width:700px; margin:0; padding: 0 100px 0 0; }



.line {border-bottom: 1px solid #000; }


/*

--------------------------------------------------------------

Media Queries Aplenty

--------------------------------------------------------------

*/



@media only screen

and (min-width : 720px ) and (max-width : 1039px) {
html,body {overflow-x:hidden;}

#centercol { max-width:100%; margin: 200px auto 0 auto; display:block;  }
#columns { margin:20px 20px;}


#header {margin:0 10px; padding:0; }
.left-top {margin:0 0 0 30px; float: left; }
.right-top {float: right; margin:40px 0 0 0; }
.right-top a {margin: 0 15px 0 0; }

.dots {padding: 20px 0; }
.dots2 {padding: 20px 0; margin: 0 auto; float: none; display: block; }
.dots3 {padding: 20px 0; margin: 0 0px 0 0; }

#header_container { background:#fff; height:auto; left:0; position:fixed; width:100%; top:0; z-index: 999; border-bottom: 3px solid #000; }
#wprmenu_bar {z-index: 2000 !important;}

/*- Logo -*/
.logo {margin:20px auto 20px auto; display:block; max-width:179px; padding:20px 100px 20px 100px; border-bottom: 2px solid #000; }
.logo_pg {margin:0px auto 20px auto; display:block; max-width:152px; padding:20px 0px 0px 100px;  }
.social {display:block; float:right; margin: 0 80px 0 0;}
.hm_img {float: none; margin: 0px auto; display: block; width: 100%; height: auto; padding: 0 20px 0 0; }
.hm_img2 {float: left; width: 50%; max-width: 302px; height: auto;  }
.headline {float: none; margin: 20px auto; display: block; width: 100%; height: auto; max-width: 672px; }

.html_body .text_blk1 {float: left; display: block; max-width:50%; margin:40px 0 0 40px; padding: 0 0px 0 0; }
.html_body .text_blk2 {display:none; }

.html_body .text_blk2_mobile {float: left; display: block; max-width:60%; margin:0 0 0 40px; padding: 0 0px 0 0;  }


.html_body .text_blk3 {float: none; display: block; max-width:80%; margin:0 auto; padding: 0 0px 0 0;  }
.html_body .text_blk4 {float: none; display: block; max-width:80%; margin:0 auto; padding: 0 0px 0 0; }

.instructions {float: left; max-width: 45%; margin: 0 20px 0 0;  }
.contact_img {float: right; max-width: 464px; width: 50%; height: auto; margin: 0 0 0 0;}
.contact {float: left; max-width:300px;  margin:  0px 0 0 0; }
.clr_mobile {clear:both; padding:0; margin:0; }
.request_img {float: right; max-width: 376px; width: 50%; height: auto; }



}





@media only screen

and (max-width : 719px ) {
html,body {overflow-x:hidden;}
img {max-width: 100%; height: auto;}
#centercol { max-width:100%; margin: 250px auto 0 auto; display:block;  }
#columns { margin:20px 20px;}


#header {margin:0 10px; padding:0; }
.left-top {margin:30px 0 0 0px; float: none; }
.right-top {float: none; display: block; margin:10px auto 10px auto; max-width: 155px;}
.right-top a {margin: 0 15px 0 0; }

.dots {padding: 20px 0; }
.dots2 {padding: 20px 0; margin: 0 auto; float: none; display: block; }
.dots3 {padding: 20px 0; margin: 0 0px 0 0; }

#header_container { background:#fff; height:auto; left:0; position:fixed; width:100%; top:0; z-index: 999; border-bottom: 3px solid #000; }
#wprmenu_bar {z-index: 2000 !important;}
/*- Logo -*/
.logo {margin:20px auto 20px auto; display:block; max-width:179px; padding:20px 100px 20px 100px; border-bottom: 2px solid #000; }
.logo_pg {margin:0px auto 20px auto; display:block; max-width:152px; padding:20px 100px 0px 100px;  }
.social {display:block; float:none; margin: 0 0px 0 0;}
.hm_img {float: none; margin: 0px auto; display: block; width: 100%; height: auto; padding: 0 20px 0 0; }
.hm_img2 {display: none; }
.headline {float: none; margin: 20px auto 0 auto; display: block; width: 100%; height: auto; max-width: 672px; }


.html_body p { font: normal 24px  "Century Gothic", CenturyGothic, AppleGothic, sans-serif;color:#adabac; text-align:left; padding:5px 0; margin:0; line-height:38px;}
.html_body .text_blk1 {float: left; display: block; max-width:100%; margin:40px 0 0 0px; padding: 0 0px 0 0; }
.html_body .text_blk2 {display:none; }

.html_body .text_blk2_mobile {float: left; display: block; max-width:100%; margin:0 0 0 0px; padding: 0 0px 0 0;  }


.html_body .text_blk3 {float: none; display: block; max-width:100%; margin:0 auto; padding: 0 0px 0 0;  }
.html_body .text_blk4 {float: none; display: block; max-width:100%; margin:0 auto; padding: 0 0px 0 0; }

.instructions {float: none; max-width: 100%; margin: 0 0px 0 0;  }
.contact_img {float: none; max-width: 464px; width: 80%; height: auto; margin: 0 auto; display:block; }
.contact {float: none; max-width:300px;  margin:  0px 0 0 0; }
.book_link {float: none; margin: 40px 0px 0 0; width: 100%; max-width:297px; height:auto; }

.clr_mobile {clear:both; padding:0; margin:0; }

.dots_desk {display:none}
.dots_mobile {display: block; float: left; margin: 20px 0;}
.request_img {display: none;  }

.booking_form input[type="text"] {display: block; margin: 6px 0px 0px 0px;  }


} /* END max-width : 719px */