@charset "UTF-8";
/* CSS Document */

/*RESET*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* CLEARFIX*/
.clearfix:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
/* 'zoom' rule could go in a separate IE stylesheet for validation if needed. */
.clearfix { zoom:1; /*for ie 5.5-7*/}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


html, body{height:100%;}

body{background: #251b1a url(../images/bg.jpg) repeat-y center; color:#888888; font: 12px/18px 'Nobile', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; -webkit-font-smoothing: antialiased;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 19, 2010 */

@font-face {
	font-family: 'VegurMedium';
	src: url('../fonts/vegur-m_0602-webfont.eot');
	src: local('☺'), url('../fonts/vegur-m_0602-webfont.woff') format('woff'), url('../fonts/vegur-m_0602-webfont.ttf') format('truetype'), url('../fonts/vegur-m_0602-webfont.svg#webfontaYCbH9A0') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VegurLight';
	src: url('../fonts/vegur-l_0602-webfont.eot');
	src: local('☺'), url('../fonts/vegur-l_0602-webfont.woff') format('woff'), url('../fonts/vegur-l_0602-webfont.ttf') format('truetype'), url('../fonts/vegur-l_0602-webfont.svg#webfontfuKX9JNH') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VegurBold';
	src: url('../fonts/vegur-b_0.602-webfont.eot');
	src: local('☺'), url('../fonts/vegur-b_0.602-webfont.woff') format('woff'), url('../fonts/vegur-b_0.602-webfont.ttf') format('truetype'), url('../fonts/vegur-b_0.602-webfont.svg#webfonthgZQPsjg') format('svg');
	font-weight: normal;
	font-style: normal;
}


p{margin-bottom:20px;}
a{color:#999; text-decoration:underline;}
a:hover{text-decoration:none; color:#666;}
ul#main-nav a, ul#projects-nav a, ul#projects-nav-second a{font: normal 12px/14px 'VegurMedium', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; text-decoration:none;}
h1, h2, h3{color:#FFF; font: normal 20px/30px 'VegurLight', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; padding:10px 20px; font-weight:200;}
h1.home-text{font: normal 28px/36px 'VegurLight', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
h1 a, h1 a:hover{color:#FFF; text-decoration:none;}
h2{font-size:18px; line-height:22px;}

ul#projects-nav{display:block; width:160px; padding:20px; float:left; }
ul#projects-nav-second{display:block; width:160px; padding:20px; float:left; }



/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto; width:940px; margin:0 auto;
	padding-bottom: 110px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* IMPORTANT
You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->
*/


/*
MAIN NAV
*/

body#home-page #home-nav, body#philosophy-page #philosophy-nav, body#projects-page #projects-nav, body#testimonials-page #testimonials-nav, body#contact-page #contact-nav{color:#FFF;}

.container{width:1020px; margin:0 auto;}

.main-content{width:940px; margin:0 auto;}

.header-content{ height:135px;}
ul#main-nav{display:block; width:120px; padding:20px; float:left; }
ul#main-nav a{color:#888;}
ul#main-nav a:hover, ul#projects-nav a:hover{color:#b7b5b2;}

/*SUB NAV*/

body.bal-page #bal-nav, body.dar-page #dar-nav, body.nor-page #nor-nav, body.pyr-page #pyr-nav, body.eliz-page #eliz-nav, body.sti-page #sti-nav, body.wol-page #wol-nav, body.edgecliff-page #edgecliff-nav, body.botany-page #botany-nav, body.bondi-page #bondi-nav, body.custom-page #custom-nav{color:#FFF;}

.logo{width:302px; float:right;}

.footer-content{width:940px; height:110px; margin:0 auto; background-color:#181210;}
.footer-text{padding:20px; font-size:10px; line-height:14px;}
.footer-text a{text-decoration:none;}

.text-col{background-color:#FFF; float:left; margin-bottom:40px;}
.heading{background-color:#6f6a65;}
.text-col div{ display:block; padding:20px;}
.pic-col{ float:left; margin-bottom:40px;}

/*HOME PAGE*/
.intro-text-box{width:310px; background-color:#6f6a65; float:left;}
.home-pics{width:630px; height:420px; overflow:hidden; float:left;}

/*TESTIMONIALS PAGE*/
.testimonials-heading{width:220px; float:left; margin-right:700px; background-color:#6f6a65;}
.testimonials-col{width:310px; float:left; background-color:#FFF;}
.last-col{width:320px;}

/*PROJECTS*/

.project-module{width:320px; float:left; margin-bottom:20px; height:210px;}
.project-image{width:300px; height:160px;}
.project-heading{width:300px;}
.third-module{width:300px;}
.heading-text{width:300px; float:left;}

/*PROJECT DETAIL*/
.project-pic{width:640px; height:420px; background: url(../images/content/loading.gif) no-repeat 10px 10px;}


/*
SLIDE BOX
*/

.feature_box{
  width:220px;
  height:50px;
  position:relative;
  float:left;
  margin:0;

}
.feature_box p{
  overflow:hidden;
  width:100%;
  height:40px;
  z-index:1;
  background: #6f6a65;	
  margin:0;
  font-size:11px;
  line-height:15px;
  display:block;
  }
  
.feature_box p a{padding: 10px 20px; display:block; color:#FFF; line-height:15px; text-decoration:none; font-family:'VegurLight', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.feature_box p a:hover{text-decoration:none;}



/*CONTACT*/
.contact-heading{width:300px;}
.contact-col{width:300px;}
.contact-pic{width:640px;}




/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/*
Bullets
*/
.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-402px;
}
.nivo-controlNav a {
	display:block;
	width:30px;
	height:30px;
	background: url(../images/content/bullets.gif) no-repeat;
	text-indent:-9999px;
	border:0;
	margin:1px 1px 0 0;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -30px;
}




/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:0;
	z-index:99;
	cursor:pointer;
	width:50px;
	height:50px;
	text-indent:-999px;

}
.nivo-prevNav {
	left:0px;
	background: url(../images/content/arrows.png) no-repeat 0 0;


}
.nivo-nextNav {
	right:0px;
	background: url(../images/content/arrows.png) no-repeat -50px 0;

}


/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider .nivo-controlNav {
	position:absolute;
	left:0;
	bottom:-31px; /* Put the nav below the slider */
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:0;
}

#slider {
	//See the "style-pack" for image
	background: #333 url(../images/content/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	display:none;
}




*::-moz-selection { background: #E0E0E0 none repeat scroll 0 0; color:#251b1a }

::selection { background: #E0E0E0 none repeat scroll 0 0; color:#251b1a; }