/*

Theme Name: Visit Devonport

Theme URI: http://wordpress.org/extend/themes/twentyeleven

Author: WEB-O-MATIC LIMITED

Author URI: http://www.web-o-matic.co.nz

Description: Custom Theme developed for Visit Devonport

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: custom

*/



@charset "utf-8";

/* CSS Document */



/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {

  margin:0;

  padding:0;

  border:0;

  outline:0;

  font-size:100%;

  vertical-align:baseline;

  background:transparent;

}                  



html, body{ width:100%; height:100%; font:12px normal Arial, Helvetica, sans-serif; color:#333333; }



#topnav_band{ background-color:#999999; width:100%; min-width:940px; height:30px; }

#topnav_content{ margin:0 auto; padding:0px; width:940px; color:#ffffff; text-align:right; }

#topnav_content a{ color:#ffffff; font-family:14px bold Arial, Verdana, Century Gothic; text-decoration:none; }



#header_band{ margin:0; width:100%; min-width:940px; height:90px; background-color:#ffffff;} /* put a centered background image here if required */

#header_content{position:relative; margin:auto; padding:0px; width:940px; height:90px; line-height:2em;text-align:right; }

#header_content a{ color:#23a8e1; text-decoration:none; }

#header_logo{position:absolute;top:10px;left:0;}



#nav_band{ background-color:#23a8e1; background-image:url(images/menu-background.png);background-repeat:repeat-x; width:100%; min-width:940px; height:60px; }

#nav_content{ margin:0 auto; padding:0px; width:940px; color:#ffffff; }

#nav_content a{ color:#ffffff; font-size:15px; font-weight: Arial, Verdana, Century Gothic; text-decoration:none; }



#menu-grey-bar{ margin:0; padding:0; width:100%; list-style:none; }

#menu-grey-bar li{ float:right; list-style:none; margin:0; font-weight:bold;}

#menu-grey-bar li#menu-item-269{background:none;}

#menu-grey-bar li a{ color:#ffffff; padding:8px 10px 8px; height:14px; font-size:12px; font-weight:normal; display:block; text-align:center;}

#menu-grey-bar li a:hover, #menu-grey-bar li.current-menu-item a { color:#ffffff; background-image:url(images/greynavon.png); background-position:bottom center; background-repeat:no-repeat; }



/*

#menulayout{ margin:0; padding:0; width:100%; list-style:none; }

#menulayout li{ float:left; list-style:none; margin:0; font-weight:bold;}

#menulayout li a.menu_off, #menulayout li a.menu_on { color:#ffffff; padding:20px 0px 16px; height:24px; width:155px; font-size:15px; font-weight: Arial, Verdana, Century Gothic; text-transform:uppercase; display:block; text-align:center;}

#menulayout li a.menu_off:hover, #menulayout li a.menu_on:hover, #menulayout li a.menu_on { color:#ffffff; background-image:url(images/menu-on-gradient.png); background-position:center; background-repeat:no-repeat; }

*/



#menu-main-menu{ margin:0; padding:0; width:100%; list-style:none; }

#menu-main-menu li{ float:left; list-style:none; margin:0; font-weight:bold;background-image:url(images/nav-splitter.png);background-position:right;background-repeat:no-repeat;}

#menu-main-menu li#menu-item-269{background:none;}

#menu-main-menu li a{ color:#ffffff; padding:20px 0px 16px; height:24px; width:134px; font-size:15px; font-weight: Arial, Verdana, Century Gothic; text-transform:uppercase; display:block; text-align:center;}

#menu-main-menu li a:hover, #menu-main-menu li.current-menu-item a { color:#ffffff; background-image:url(images/menu-on-gradient.png); background-position:center; background-repeat:no-repeat; }





#main_band{ margin:0; padding:0; width:100%;}

#main_content{position:relative; margin:0 auto; padding:10px 0 0 0; width:940px; line-height:1.6em;}

#main_content a{ color:#23a8e1; text-decoration:none; }



.leftcolumn{float:left;width:610px;}

.rightcolumn{float:right;width:320px;}

	

	/* common all levels */

	

	.contentbox{background-color:#FFFFFF;padding:10px 10px 5px;margin:0 0 10px 0;border:1px solid #cccccc;}

	.leftcolumn .contentbox{width:588px;}

	.rightcolumn .contentbox{width:298px;}

	.leftcolumn .contentbox .contact-box{float:right;width:190px;margin-left:10px; word-wrap: break-word;}

	.contentbox .title {color:#FFFFFF;background-color:#23a8e1;padding:3px 8px;margin:0 0 10px 0;font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-size:15px;}

	.contentbox .title .large{width:562px;}

	.contentbox .title .small{width:282px;}

	.advertisement{font-size:10px;color:#999999;margin-top:-8px;margin-bottom:0px;}

	.sidebar-ad{background-color:#c8e9f8;margin-bottom:5px;}

	.rightcolumn .sidebar-ad{height:217px;}

	.leftcolumn .sidebar-ad{height:100px;}

	

	/* level 3 */

	

	#toogle-bar{position:relative;width:100%;height:29px;border-bottom:1px solid #cccccc;padding-bottom:0;}

	#toogle-bar a.off{color:#333333;}

	.layerhit{position:absolute;bottom:-1px;left:0;border:1px solid #cccccc;padding:5px 15px;font-size:11px;font-weight:bold;} /* chrome needs top:1px; but changed it to bottom:-1px for all! */

	.destination-toogle{left:0;}

	.map-toogle{left:103px;}

	.layerhit.on{border-bottom:1px solid #ffffff;color:#23a8e1;}

	.layerhit.off{background-color:#f1f0f0;color:#333333;}

	#toogle2 img{margin:-5px 5px -5px -5px;}

	

	.contact-details{background-color:#e0f4fc;padding:10px;margin-bottom:5px;}

	.contact-details a{color:#23a8e1;}

	.address-title{font-size:12px;font-weight:bold;}

	.destination-subtitle{font-size:14px;}

	

	#layer1{position:absolute;top:60px;left:10px;z-index:81;}

	#layer2{position:absolute;top:60px;left:10px;z-index:80;}

	#destination-nav{padding-bottom:368px;}

	

	.promobox{position:relative;float:left;width:190px;padding:0;margin:0;}

	.promobox_category{color:#0099cc;font-weight:bold;font-size:11px;padding-right:7px;margin-right:7px;border-right:1px solid #CCCCCC;}

	.push10{margin-right:9px;}

	.promostrip{width:588px;height:95px;padding-bottom:8px;margin-bottom:8px;clear:left;overflow:hidden;}

	.promostrip img{float:left;margin-right:10px;height:95px;}

	.pushline{border-bottom:1px solid #cccccc;}

	

h1, h2, h3, h4{ margin:0px; color:#333333; line-height:1.4em; font-weight:bold; }

h1{ font-size:30px; }

h2{ font-size:22px; margin-bottom:10px; }

h3{ font-size:14px; font-weight:normal; margin-bottom:10px; }

h4{ font-size:15px; }

#main_content h4 a{color:#333333;}



#footer_band{ width:100%; padding:15px 0; margin-bottom:15px;}/* for an overflowing footer change the background colour to the footer colour! */

#footer_content{ margin:auto; padding:10px; width:940px; text-align:left; color:#999999; line-height:2em; }

#footer_content a{ color:#23a8e1; text-decoration:none; }



/* Alignment */

.alignleft {	display: inline;	float: left;	margin-right: 1.625em;}

.alignright {	display: inline;	float: right;	margin-left: 1.625em;}

.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}



/* search form */



#searchform{position:absolute;right:0;top:30px;}

#searchform input{border:1px solid #cccccc;padding:8px;font-size:14px; color:#999999;}

#searchform #s{background-image:url(images/search-bg.png);background-repeat:no-repeat;background-position:left;width:200px;padding-left:35px;}

#searchform #searchsubmit{background-color:#dbdbdb;border:1px solid #dbdbdb;color:#ffffff;font-weight:bold;}

.screen-reader-text{display:none;}



.contentbox ul, .contentbox ol{margin:10px 20px;}



.breakline{width:100%;height:15px;border-bottom:1px solid #CCCCCC;margin-bottom:10px;}

ul.social-buttons{float:right;padding:0;margin:0;}

ul.social-buttons li{display:inline;padding:0;margin:0;text-align:right;}

.fb_edge_widget_with_comment, .fb_iframe_widget{width:300px;}





.paginationtxt{float:right;height:20px;color:#666666;}

.paginationtxt form, .paginationtxt .nums{display:inline;margin-left:10px;}

#main_content .paginationtxt a.catpagination{color:#000000;text-decoration:none;padding:0 8px;}

.catpagination{border:0;background-color:#ffffff;display:inline;cursor:pointer;}

.catspacer{border-right:1px solid #666666;}

.blacktxt{color:#000000;font-weight:bold;}



#contactform .formfield{width:500px;padding:5px;}

#contactform .formfield .formleftname{float:left;text-align:right;width:200px;}

#contactform .formfield .forminputs{float:right;width:280px;}

#contactform .formfield .forminputs textarea, #contactform .formfield .forminputs input{padding:3px;width:250px;}

#contactform #contact_submit{margin-left:226px;padding:5px;background-color:#23a8e1;border:1px solid #23a8e1;color:#ffffff;font-weight:bold;width:180px;}

#contactform{margin-bottom:40px;}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	display:block;
}