/*
 * 	THEME NAME: TOTI
 *	AUTHOR: SunRoom
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);

/* CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     line-height: 0;
     content: " ";
     clear: both;
     height: 0;
     width: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* RESETS */
img {border:0;}
* {margin:0;padding:0;}
:focus {outline:0;}
.strong {font-weight:bold;}
.black {color:black;}


h1,h2,h3,h4,h5 {font-weight:normal;margin-bottom:10px;}
h1 {
	font-size:24px;
	text-transform:uppercase;
	color:white;
	background:#0B486B url(images/bg-h1.png) no-repeat bottom left;
	padding:7px 16px 22px;
}

h2 {font-size:18px;color:#00A9EC;}
h3 {font-size:24px;color:#0B486B;border-bottom:1px solid #0B486B;margin-bottom:10px;padding-bottom:5px;}
h4 {font-size:19px;padding-bottom:10px;}
h5 {font-size:15px;margin-bottom:10px;font-weight:bold;}
p {padding-bottom:15px;}
hr {border:none;border-top:1px solid #1e798e;margin-bottom:15px;}
a {color:#00A79E; text-decoration:underline;}
a:hover {text-decoration:underline;}
.alignright {float:right;margin-left:5px;}
.alignleft {float:left;margin-right:5px;}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.topspace {padding-top:15px;}

/* LAYOUTS & BACKGROUNDS */
body {
	background:#579DD9 url(images/bg-body.png);
	font:14px/1.5 "Open Sans", sans-serif;
	color:#373A3F;
}

#header {
	background:url(images/bg-header.png) repeat-x top;
}

#header > .content {
	width:962px;
	height:140px;
	margin:0 auto;	
	position:relative;
}

#header .logo a {
	position:absolute;
	top:0px;
	left:0px;

	display:block;
	width:298px;
	height:151px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/toti-logo.png) no-repeat;
	z-index:1000;
}

#header .search {
	position:absolute;
	width:50px;
	height:49px;
	top:20px;
	right:0px;
	background:url(images/bg-search.png) no-repeat right;
}

#header #searchform { position: relative;}

#header .search .text {
	display:none;
	width:220px; 
	position: absolute;
	left:23px;
	top:14px;
	margin:0; 
	color:white; 	
	background:transparent;
	border:0;
	font-size:14px;
}

#header .search .button {
	position:absolute; 
	top:0px;
	right:0px;
	width:49px;
	height:49px;
	border:none;
	background:none;
	cursor:pointer;	
	
}

#header .search .button span {
	display:none;
}
#header .search .button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

#header .main-nav {
	position:absolute;
	top:80px;
	right:6px;
	padding-left:13px;
	width:661px;
	height:36px;
	background:white;
}


ul.social {
	list-style:none;
	position:fixed;
	top:71px;
	right:10px;
}

ul.social li {
}

ul.social a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:25px;
}

ul.social a.facebook {background:url(images/icon-facebook.png) no-repeat; height:39px;}
ul.social a.twitter {background:url(images/icon-twitter.png) no-repeat; height:37px;}
ul.social a.plusone {background:url(images/icon-plusone.png) no-repeat; height:38px;}
ul.social a.pinterest {background:url(images/icon-pinterest.png) no-repeat; height:37px;}




/* INTERNAL */

#internal {
	width:960px;
	margin:0 auto 10px;
}

#internal > .content {
	padding:0 25px;
	margin-right:6px;
	background:white;
}

#internal #content {
	width:540px;
	float:left;
	margin-right:49px;
}


/* SIDEBAR */

#sidebar {
	width:315px;
	float:left;
}


#sidebar ul {
	margin-left:30px;
	margin-bottom:20px;
}

#sidebar .subnav {
	background:#EBF1F2;
	padding:15px;
	margin-bottom:15px;
}

#sidebar .subnav a {
	text-decoration:none;
	color:#373A3F;
}

#sidebar .subnav a:hover {
	text-decoration:underline;
}

#sidebar .subnav h4 {
	font-size:14px;
	font-weight:700;
	margin-bottom:0px;
	padding-bottom:5px;
}

#sidebar .subnav li {
	margin-top:5px;
}

#sidebar .subnav li.current_page_item > a {
	background:#F1F7F8;
}

/* TWO COLUMN LAYOUT */

.two-col {

}

.two-col > div {
	width:315px;
	float:left;
}

.two-col > div.right {
	margin-left:30px;
}


/* FOOTER */

#footer {
	background:#464646 url(images/bg-footer.png) repeat-x top;
	color:white;
}

#footer > .content {
	width:960px;
	margin:0 auto;
	text-align:center;
}


#footer a {
	color:white;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


#footer .footer-nav {
	width:100%;
	padding-top:50px;
	background:url(images/creative-projects.png) no-repeat center 25px;
}

#footer .footer-nav li {
	list-style:none;
	display:inline;
	padding:0 10px 0 15px;
	background:url(images/footer-nav-seperator.png) no-repeat 0px 0px;
}

#footer .footer-nav li.first {
	background:none;
}

#footer .footer-nav li a {
	font-size:16px;	
}

#footer .facebook {
	margin: 20px 0 0;
}

#footer .panel {	
	width:696px;
	height:73px;
	margin:20px auto 40px;
	background:url(images/bg-footer-panel.png) no-repeat;
	position:relative;
}


#footer .panel label {
	display:block;
	padding-bottom:2px;
	font-weight:700;
	font-size:12px;
	color:#555;
}

#footer .newsletter, #footer .share {
	position:absolute;
	top:8px;
}

#footer .newsletter {
	left:35px;
	width:353px;
	text-align:left;
}

#footer .share {
	left:482px;
	width:190px;
}

#footer a.sunroom {
	margin:0 auto;
	width:178px;
	height:18px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;	
	background:url(images/sunroom-web-design-nelson.png) no-repeat;
}


/* BREADCRUMBS */
.breadcrumbs {
	padding:10px 0 10px 26px;
	background:url(images/bg-breadcrumbs.png) no-repeat 0px 16px;
	font-size:12px;
}

.breadcrumbs span {
	padding:0 10px;
}

/* IMAGE MAGNIFIER */
a.magnify {
	position:relative;
	display:block;
}

a.magnify .icon {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:auto;
}

/* LISTS */

#content ul {
	margin-left:20px;
	padding-bottom:15px;
}

#content ul li {
	padding-left:0px;
	padding-bottom:10px;
}

#content ul.tick-white li {
	padding-left:30px;
	background:url(images/icon-tick-white.png) no-repeat 0px -2px;	
}

#content ul.tick-grey li {
	padding-left:30px;
	background:url(images/icon-tick-grey.png) no-repeat 0px -2px;	
}


/* SPECIAL STYLES */

a.button-green {
    background:#1E6D00;
    color:white;
    font-size:14px;
    padding:4px 11px;
}

a.button-teal {
    background:#00A69E url(images/bg-button-teal.png) no-repeat 97% center;
	font-family:'Open Sans',sans-serif;
	font-weight:700;
	font-size:14px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
    padding:4px 45px 4px 11px;
}

a.button-white {
    background:#FFF url(images/bg-button-white.png) no-repeat 97% center;
	font-family:'Open Sans',sans-serif;
	font-weight:700;
	font-size:14px;
	color:#00a0b0;
	text-transform:uppercase;
	text-decoration:none;
    padding:4px 45px 4px 11px;
}



/* POSTS */
.latest-posts {
	border-top:1px solid #D8D8D8;
}

#internal .post {
	border-bottom:1px solid #D8D8D8;
	padding-top:15px;
	padding-right:5px;
}

#internal .post h4 {
	padding:0;
	font-size:22px;
	font-family:'Arial Narrow',sans-serif;
	font-weight:bold;
	margin-right:40px;
}

#internal .post h5 {
	font-family:'Arvo', serif;
	font-weight:normal;
	font-size:24px;
	color:black;
	padding:0;
	margin:0;
	margin-right:40px;
}

#internal .post .author {
	font-size:14px;
	font-family:'Arial Narrow',sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}

#internal .post .comments {
	float:right;
	width:36px;
	height:30px;
	margin-top:0px;
	padding-top:2px;
	background:url(images/bg-comment-count.png) no-repeat;
	text-align:center;
}

#internal .post .comments a {
	color:white;
}


/* BIOS */

.bio {
	border-bottom:1px solid #D8D8D8;
	margin-bottom:20px;
}

.bio .image {
	float:left;
	width:150px;
	padding:10px;
	background:url(images/bg-bio-image.png) no-repeat -4px -1px;
}

.bio .content {
	margin-left:170px;
}

.bio .content h5 {
	color:#1E798E;
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0;
}

.bio .content h6 {
	color:#959595;
	font-size:18px;
	font-weight:normal;
	padding-bottom:20px;
}

.bio .content a {
	color:#1E798E;
}

.bio .content blockquote {
	font-size:13px;
	font-style:italic;
	padding:0px 35px 0 0;
	background:url(images/end-quote.png) no-repeat 95% 100%;
}

.bio .content blockquote p {
	padding-left:20px;
	background:url(images/open-quote.png) no-repeat 0 0;
}


/* FANCYBOX */

#fancybox-left-ico {
 left: 20px;
}

#fancybox-right-ico {
 right: 20px;
 left: auto;
}



/* SLIDESHOW */
#slideshow-container {
	height:200px;
	position:relative;
}

#slideshow {
	display:none;
}

.slide {
	background:url(images/bg-slide.png) no-repeat;
	
}

.slide img {
	float:left;
	width:45px;
	height:auto;
	margin-right:5px;
}


.slide h5 {
	color:#1E6D00;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0;
}

.slide h6 {
	color:#353535;
	font-size:15px;
	font-weight:normal;
}

.slide blockquote {
	font-size:13px;
	font-style:italic;
	padding-top:9px;
	background:url(images/end-quote.png) no-repeat 95% 100%;
}

.slide blockquote p {
	margin-left:-5px;
	padding:0 0 0 20px;
	background:url(images/start-quote.png) no-repeat 0px 0px;
}



#slideshow-nav {
    position:absolute;
    bottom:0px;
    right:0px;
	z-index:99;
	text-align:right;
}

#slideshow-nav a { 
	float:left;
	display:block;
	width:12px;
	height:12px;
	margin-right:4px; 
	background-position: 0 0 !important;
	text-indent: 99em;
	overflow: hidden;
	background: url(images/slideshow-nav.png) no-repeat;
}

#slideshow-nav a.activeSlide, #slideshow-nav a:hover { background-position: 0 -12px !important; }
#slideshow-nav a:focus { outline: none; }

#slideshow-loading {
	position:absolute;
	width: 220px;
	text-align:center;
	font-size:15px;
	top:40px;
	left:25px;
	padding:5px;
	padding-top:20px;
	color:white;
	background:#333 url(images/slideshow-loading.gif) no-repeat center 1px;
	border:1px solid black;

	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}




/**********************************/
/*	SUCKERFISH STYLE MENU CONFIG  */
/**********************************/

.sfm {
	position:relative;
	width:100%;
}

.sfm a, .sfm li {
	display:block;
}

.sfm ul a, .sfm ul li {
	float:none;
}

.sfm ul {
	left:-10000px;
	position:absolute;
}

.sfm, .sfm ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.sfm li a {
	float:none;
}

.sfm li {
	position:relative;
}

/* sub menus drop down from the immediate right of the parent item */
.sfm li:hover>ul, 
.sfm li.sfHover>ul {
	top:0px !important;
	left:155px;
	z-index:100 !important;
	/* top:100%; */
}


/* top level menus drop down directly under main nav */
.sfm > li:hover>ul, 
.sfm > li.sfHover>ul {
	top:36px !important;
	left:-0px;
	z-index:100 !important;
}



/***************************/
/*	DROP DOWN MENU STYLES  */
/***************************/


/* 
	TOP LEVEL HORIZONTAL
*/	

ul.main-nav > li {
	list-style:none;
	float:left;
	margin-left:10px;
}

ul.main-nav li a {
	font-family:'Open Sans',sans-serif;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#00A9EC;
	
}

ul.main-nav > li > a {
	height:26px;
	display:block;
	padding:7px 3px 3px;
}

ul.main-nav > li:hover > a, ul.main-nav > li.current-menu-item > a {
	text-decoration:none;
	color:black;
}

/* 
	SUB NAVIGATION 
*/	

/* containers */
ul.main-nav ul	{	
	top:100%;
	padding-bottom:20px;
	margin:0;
	width:250px;
	background:url(images/bg-main-nav-bottom.png) no-repeat bottom;
}

/* items */
ul.main-nav ul li {	
	background:url(images/bg-main-nav.png) repeat-y;
	width:100%;
	padding:2px 0;
}

ul.main-nav ul li.first {	
	background:url(images/bg-main-nav-top.png) no-repeat top;
	padding-top:20px;
}

ul.main-nav ul a {	
	display:block;
	padding:2px 8px;
	margin:0 17px 0 11px;
	color:#FFF;
	font-weight:700;
	text-decoration:none;
	font-size:13px;
}

ul.main-nav ul li a:hover {
	background:#028D8B; 
	color:white;
	/* text-decoration:underline; */
}

/* HOMEPAGE */
.home .breadcrumbs, .home .main-nav {
	display:none;
}

.home #internal > .content {
	background:none;
}

.home #header {
	height:72px;
}

.home #header .logo a {
	left:10px;
	height:303px;
	background:url(images/toti-logo-long.png) no-repeat;
}


#internal #content.home {
	width:270px;
	padding-top:195px;
	margin-top:270px;
	background:url(images/bg-home-content.png) no-repeat top;
}

#internal #content.home p {
	line-height:25px;
	padding-bottom:20px;
}

/* TILES */
#tiles {
	width:567px;
	height:822px;
	position:relative;
}

#tiles .homepage-news {
	width:247px;	/* 277px; */
	height:270px; /* 350px; */
	padding:80px 15px 0px;
	background:#00a0b0 url(images/bg-homepage-news.png) no-repeat top;
	color:white;
}

#tiles .homepage-news h2 {
	color:white;
	text-transform:uppercase;
	font-weight:700;
	font-size: 16px;
	margin-top: 10px;
}

#tiles .homepage-news h2 a {
	text-decoration: none;
}

#tiles .homepage-news a {
	position:static !important;
	color: white;
}


#tiles a {
	position:absolute;
}

#tiles a.waikato-150 {
	top:0px;
	left:290px;
}

#tiles a.centennial {
	top:180px;
	left:290px;
}

#tiles a.whakaotirangi {
	top:363px;
	left:435px;
}

#tiles a.he-tangata {
	top:680px;
	left:0px;
}

#tiles a.sapper {
	top:363px;
	left:0px;
}

#tiles a.dame {
	top:363px;
	left:145px;
}

#tiles a.architects {
	top:363px;
	left:290px;
}





a.reveal img {
	/* display:none; */
}


.gallery {
	margin-bottom:20px;
}

.gallery img {
	width:102px;
	height:auto;
	padding:3px;
}