/*---------------------------------------------------------------

		Author: 				geoff@burocreative.ca
		Last updated: 			
		
----------------------------------------------------------------*/

/*---------------------------------------------------------------
		GLOBAL 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	/*vertical-align: baseline;*/
	}

a img, :link img, :visited img {
	border: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

ol, ul {
	list-style: none;
	}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}
	
:focus {
	outline:none;
	}
	

/*---------------------------------------------------------------
	GENERAL LAYOUT		
----------------------------------------------------------------*/

body {
	background-image:url(../../images/bg_2.gif);
	background-repeat:repeat-y;
	background-color:#eaeae3;
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#202e34;
	}
	
#wrapper {
	position:relative;
	top:0px;
	left:0px;
	width:880px;
	padding:45px 0 50px 0;
	/*background-image:url(../../images/grid.gif);
	background-repeat:repeat-y;*/
	}
	
#mainContent {
	width:659px;
	margin:0 0 0 220px;
	}
	
/*-----------------HOMEPAGE LAYOUT--------------------*/	

	
#homeIntro {
	background-image:url(../../images/rule.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	margin-bottom:25px;
	}

.homeBlurb { 
    background:url(../../images/home_intro.jpg) repeat 0px 0px; 
    width:580px; 
    height:152px; 
    display:block; 
	}

.homeBlurb span { 
    display:none; 
	}
	
#homeSlider {
	position:relative;
	padding-bottom:8px;
	margin:0;
	background-image:url(../../images/rule.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}

#homeSlider ul li {
	float:left;
	margin-bottom:8px;
	width:659px;
	height:371px;
	overflow:hidden; 
	}
	
#homeBlog {
	position:relative;
	margin:50px 0 60px 0;
	}
	
.homeBlogTitle { 
    background:url(../../images/home_blog_title.jpg) repeat 0px 0px; 
    width:480px; 
    height:86px; 
    display:block; 
    margin-bottom:20px;
	}

.homeBlogTitle span { 
    display:none; 
	}
	
	
/*-----------------ARCHIVE LINK--------------------*/
	

.archiveButton a {
	position:absolute;
	right:79px;
	top:50px;
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	height:28px;
	width:90px;
	padding:0 0 0 35px;
	background:url(../../images/archives_icon.gif) no-repeat 0 0;
	}
		
.archiveButton a:link, .archiveButton a:visited {
	color:#8daa27;
	text-decoration:none;
	}
	
.archiveButton a:hover {
	color:#617714;
	text-decoration:none;
	background-position:0 -28px;
	}
	
.archiveButton a:active {
	color:#666666;
	}	
	
.homeBlogBlock {
	float:left;
	width:280px;
	margin-right:20px;
	}
	
.clear {
	clear:both;
	}
	
/*-----------------HOME SLIDER LINK CONTROL--------------------*/

	
#prevBtn a {
	position:absolute;
	/*top:-50px;
	right:-612px;*/
	top:570px;
	right:32px;
	background:url(../../images/left_arrow_home.png) repeat 0px 0px; 
    width:27px; 
    height:27px; 
    display:block; 
    text-indent:-8000px;
	}
	
#prevBtn a span { 
    display:none; 
	}

#prevBtn a:hover { 
    background:url(../../images/left_arrow_home.png) repeat 0px -27px; 
    }
    
#nextBtn a { 
	position:absolute;
	/*top:-110px;
	right:-612px;*/
	top:537px;
	right:32px;
    background:url(../../images/right_arrow_home.png) repeat 0px 0px; 
    width:27px; 
    height:27px; 
    display:block; 
    text-indent:-8000px;
	}

#nextBtn a span { 
    display:none; 
	}

#nextBtn a:hover { 
    background:url(../../images/right_arrow_home.png) repeat 0px -27px; 
	}
	
#homeSlider .badge {
	position:absolute;
	top:55px;
	right:70px;
	}
	
/*-----------------MAIN NAV LAYOUT--------------------*/

#mainNav {
	position:fixed;
	top:45px;
	left:0;
	width:160px;
	margin:0 0 0 40px;
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	}
	
#mainNav li.current_page_item a {
	color:#4d5f0c;
	}
	
#mainNav li.active a {
	color:#4d5f0c;
	}

/*-----HOME BUTTON CONTROL----*/

a.buroHome { 
    background:url(../../images/buro_logo.gif) repeat 0px 0px; 
    width:65px; 
    height:65px; 
    display:block; 
	}

a.buroHome span { 
    display:none; 
	}

a.buroHome:hover { 
    background:url(../../images/buro_logo.gif) repeat 0px -65px; 
	}

#mainNav a {
	font-size:11px;
	line-height:15px;
	}
	
#mainNav h3 {
	text-transform:uppercase;
	font-size:11px;
	color:#4e6873;
	font-weight:bold;
	padding-bottom:2px;
	}
	
#mainNav h3.topNav {
	margin-top:70px;
	}
	
#mainNav ul {
	padding:0 0 18px 0;
	}
	
#mainNav li {
	padding-top:2px;
	line-height:15px;
	}
	
/*-----------------PROJECT PAGE LAYOUT--------------------*/

#projectMain {
	margin:24px 0 0 0;
	padding-bottom:50px;
	width:658px;
	background-image:url(../../images/rule.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#projectMain h1 {
	width:580px;
	font-weight:normal;
	color:#202e34;
	}
	
.projectInfo {
	border-top:1px solid #dddedf;
	margin:20px 0 0 0;
	padding:15px 0 0 0;
	}
	
ul.projectMeta {
	float:left;
	width:280px;
	}
	
ul.projectMeta li {
	border-bottom:1px solid #dddedf;
	}
	
ul.projectMeta p, ul.projectMeta a {
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	padding:0 0 0 5px;
	}
	
ul.projectMeta p span {
	color:#4e6873;
	}
	
.projectDescription {
	float:left;
	margin-left:20px;
	width:338px;
	}
	
/*------PROJECT GALLERY CONTROL-----*/

#projectGalleryWrapper {
	position:relative;
	margin:20px 0 0 0;
	}
	
#projectGalleryWrapper ul li {
	float:left;
	width:641px;
	height:391px;
	/*overflow:hidden;*/
	margin-bottom:0;
	}

	
#projectMain #prevBtn a {
	position:absolute;
	top:84px;
	right:50px;
	background:url(../../images/left_arrow_home.png) repeat 0px 0px;
    width:27px; 
    height:27px; 
    display:block; 
    text-indent:-8000px;
	}
	
#projectMain #prevBtn a span { 
    display:none; 
	}

#projectMain #prevBtn a:hover { 
	background:url(../../images/left_arrow_home.png) repeat 0px -27px;
    }
    
#projectMain #nextBtn a { 
	position:absolute;
	top:84px;
	right:18px;
    background:url(../../images/right_arrow_home.png) repeat 0px 0px; 
    width:27px; 
    height:27px; 
    display:block; 
    margin-bottom:7px;
    text-indent:-8000px;
	}

#projectMain #nextBtn a span { 
    display:none; 
	}

#projectMain #nextBtn a:hover { 
    background:url(../../images/right_arrow_home.png) repeat 0px -27px; 
	}
	
/*------PROJECT NAV LINK CONTROL-----*/

#projectNav {
	margin-top:20px;
	}

#projectNav ul li {
	float:left;
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#acb2b7;
	}
	
#projectNav li.homeIcon {
	background-image:url(../../images/home_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:1px 0 0 18px;
	width:282px;
	}
	
#projectNav li {
	padding:1px 15px 0 0px;
	}
	
/*------VIEW THE SITE LINK CONTROL-----*/
	
ul.projectMeta a {
	display:block;
	}
	
ul.projectMeta a:link, ul.projectMeta a:visited {
	color:#8daa27;
	text-decoration:none;
	}
	
ul.projectMeta a:hover {
	color:#617714;
	background-color:#e8e9e9;
	text-decoration:none;
	}
	
ul.projectMeta a:active {
	color:#666666;
	}



/*-----------------ABOUT PAGE LAYOUT--------------------*/
	
.ui-tabs .ui-tabs-hide {
     display:none;
	}
	
#tabs {
	margin:50px 0 0 0;
	width:580px;
	}
	
#tabs ul.aboutNav li {
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	padding-right:20px;
	float:left;
	}
	
#tabs-1, #tabs-2, #tabs-3 {
	margin-top:55px;
	} 
	
.tabProcess p {
	float:left;
	width:400px;
	margin-left:20px;
	}
	
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
	color:#4d5f0c;
	}
	
#tabs-1 ul, #tabs-2 ul, #tabs-3 ul {
	float:left;
	width:400px;
	padding-left:5px;
	}
	
#tabs-1 ul li, #tabs-2 ul li, #tabs-3 ul li {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:15px;
	line-height:23px;
	padding:0 0 12px 15px; 
	font-weight:normal;
	background-image:url(../../images/list_arrow.gif);
	background-repeat:no-repeat;
	}  
	
.tabOne, .tabTwo, .tabThree, .tabFour {
	margin:15px 0 15px 0;
	}

	
.tabProcess {
	margin-top:30px;
	padding-bottom:5px;
	background-image:url(../../images/process_icons.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #dddedf;
	}
	
.tabOne {
	background-image:url(../../images/1a.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #dddedf;
	}
	
.tabTwo {
	background-image:url(../../images/2a.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #dddedf;
	}
	
.tabThree {
	background-image:url(../../images/3a.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #dddedf;
	}
	
.tabFour {
	background-image:url(../../images/4a.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid #dddedf;
	}
	
#tabs h2 {
	float:left;
	width:160px;
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	color:#506774;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	}
	
.tabOne h2, .tabTwo h2, .tabThree h2, .tabFour h2 {
	margin-top:40px;
	}
	
.tabOneIntro { 
    background:url(../../images/tab1_intro.jpg) repeat 0px 0px; 
    background-repeat:no-repeat;
    width:580px; 
    height:190px; 
    display:block; 
    margin-bottom:20px;
	}

.tabOneIntro span { 
    display:none; 
	}
	
.tabTwoIntro { 
    background:url(../../images/tab2_intro.jpg) repeat 0px 0px; 
    background-repeat:no-repeat;
    width:580px; 
    height:151px; 
    display:block; 
    margin-bottom:10px;
	}

.tabTwoIntro span { 
    display:none; 
	}
	
.tabThreeIntro { 
    background:url(../../images/tab3_intro.jpg) repeat 0px 0px; 
    background-repeat:no-repeat;
    width:580px; 
    height:87px; 
    display:block; 
    margin-bottom:20px;
	}

.tabThreeIntro span { 
    display:none; 
	}
	
	
	
/*-----------------CONTACT PAGE LAYOUT--------------------*/

#contact {

	}

.contactTitle {
	background:url(../../images/contact_title.jpg) repeat 0px 0px; 
    background-repeat:no-repeat;
    width:302px; 
    height:36px; 
    display:block; 
    margin:33px 0 61px 0;
	}

.contactTitle span { 
    display:none; 
	}
	
	
/*-----------------NEWS PAGE LAYOUT--------------------*/

#mainBlogContent {
	width:659px;
	margin:26px 0 0 220px;
	}

.mainBlogTitle {
	background:url(../../images/main_blog_title.jpg) repeat 0px 0px; 
    background-repeat:no-repeat;
    width:480px; 
    height:57px; 
    display:block; 
    margin-bottom:50px;
	}

.mainBlogTitle span { 
    display:none; 
	}

.blogExcerpt {
	width:659px;
	background-image:url(../../images/rule.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0 0 18px 0;
	margin:35px 0 0 0;
	}
	
#mainBlogContent .blogExcerpt h1 {
	width:580px;
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	font-weight:bold;
	font-size:25px;
	}
	
#mainBlogContent .blogExcerpt h2 {
	width:580px;
	font-weight:bold;
	font-size:15px;
	padding-top:15px;
	}
	
#mainBlogContent .blogExcerpt h1 a {
	line-height:28px;
	}
	
#mainBlogContent .blogExcerpt p {
	width:580px;
	padding:5px 0 5px 0;
	}
	
h1.indBlogTitle {
	width:580px;
	font-weight:normal;
	padding-bottom:14px;
	}
	
.blogExcerpt img {
	padding:15px 0 15px 0;
	}
	
	
/*-----------------GENERAL LINKS--------------------*/
	
	
a:link, a:visited {
	color:#8daa27;
	text-decoration:none;
	}
	
a:hover {
	color:#617714;
	text-decoration:none;
	}
	
a:active {
	color:#666666;
	}	
	
	
/*---------------------------------------------------------------
	TYPOGRAPHY	
----------------------------------------------------------------*/

p {
	font-size:15px;
	line-height:23px;
	padding-bottom:15px;
	}
	
a	{
	line-height:23px; 
	}

h1 {
	font-size:48px;
	}


#mainContent #homeBlog .homeBlogBlock h3 a {
	font-family:Helvetica Neue, Helvetica, Lucida Grande, Verdana, Arial;
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	}
	
strong {
	font-weight:bold;
	}
	
big {
	font-size:17px;
	}

small {
	font-size:11px;
	}
	
cite {
	font-style:italic;
	}
	
code {
	font-family:Monaco,monospace,Courier,"Courier New";
	font-size:13px;
	}
	
.commentBlock code {
	font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
	}

em {
	font-style:italic;
	}
	
blockquote {
	padding:15px 15px 15px 15px;
	margin:20px 0 25px 0;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	}
	
blockquote p {
	color:#807a7a;
	}
	
sub, sup {
	font-size:12px;
	}

.blogExcerpt ul {
	font-size:15px;
	padding:0 0 10px 15px;
	font-size:13px;
	list-style:disc;
	width:565px;
	} 
	
.blogExcerpt ol {
	font-size:15px;
	padding:0 0 10px 20px;
	font-size:13px;
	list-style:decimal;
	width:560px;
	} 
	
.blogExcerpt li, .blogExcerpt li {
	font-size:15px;
	padding:8px 0 0 0;
	line-height:23px;
	} 
	
.blogExcerpt ol li ol, .blogExcerpt ul li ul {
	font-size:15px;
	padding:0 0 0 15px;
	}