/**********************************************************************************************
	Website: G. Curnock & Associates
	Author: Loud Advertising (www.loudadvertising.com)
	Url:	www.gcurnock.ca
			www.gcurnock.com
  
	Copyright (c) Loud Advertising.
	
***********************************************************************************************
	
	1. Global Reset
	
	2. General Elements
	
	3. Layout

***********************************************************************************************/

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body {
	background: #fff url('/images/bg-layout-fade.jpg') repeat-x fixed center bottom;
	color: #333;
	font-family: 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

a:link,
a:visited,
a:active {
	color: #0b6f94;
	text-decoration: underline;
}

a:hover {
	color: #00bbde;
	text-decoration: none;
}

img { border: 0; }

.red { color: #F00; }

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* start Dean 2020 additions */

.errMsg,
.succMsg {
  display: block;
  padding: 10px;
  margin: 10px;
  background-color: #ffcccb;
}

.succMsg {
  background-color: #90ee90;
}

#contact-form label{
  float: left;
}

#contact-form input.required {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  height: 31px;
  color: #404040;
  border: 1px solid #bbb;
  padding: 5px 0 0 0;
  margin: 2px;
  background: transparent;
}

/* end Dean 2020 additions */


.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.txt-align-center { text-align: center;	}
.txt-align-left { text-align: left; }
.txt-align-right { text-align:right; }
.txt-align-justify { text-align: justify; }

.fontsize_11 { font-size: 11px; }
.fontsize_12 { font-size: 12px; }

.float-left { float: left; }
.float-right { float: right; }

.img-float-left { float: left; margin: 0px 20px 20px 0px; }
.img-float-right { float: right; margin: 0px 0px 20px 20px; }

.img-float-left-nmb { float: left; margin: 0px 20px 0px 0px; }
.img-float-right-nmb { float: right; margin: 0px 0px 0px 20px; }

.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

.lightblue	{ color: #00bbde; }
.darkblue 	{ color: #0b6f94; }
.lightgray	{ color: #d2d2d2; }
.darkgray 	{ color: #333; }

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

p.paragraph-txt {
	line-height: 18px;	
	margin: 0px 0px 10px 0px;
}

p.big_txt {
	font-size: 18px;
	letter-spacing:-0.5px !important;
	line-height: 22px;
}

h2.pagetitle {
	border-bottom: 1px solid #d2d2d2;
	color: #0b6f94;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 20px;
	padding: 0 0 5px;	
}

h3.category {
	color: #333;
	font-size: 22px;
	line-height: 30px;
	margin: 0 0 20px;	
}

div.category-list {
	border-bottom: 1px dashed #d2d2d2;
	padding: 20px;	
}

div.category-list-first {
	border-bottom: 1px dashed #d2d2d2;
	padding: 0 20px 20px 20px;
}

ul.list-samples {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

ul.list-samples li {
	list-style: none;
	background: transparent url('/images/bullet-arrow.png') no-repeat left center;	
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

a.top_link:link,
a.top_link:visited,
a.top_link:active {
	background: transparent url('/images/icon_top.gif') no-repeat scroll right top;
	color: #0b6f94;
	float: right;
	font-size: 12px;
	margin-top: 20px;
	text-align: left;
	text-decoration: none;
	width: 85px;	
}

a.top_link:hover { color: #00bbde; }

.photo-border {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	padding: 5px;	
}

.photo-thumb {
	float: left;
	margin: 0 10px 10px 0;	
	text-align: center;
}

ul.noindent {
	margin: 0;
	padding: 0px 10px;
}


/* 3. Layout
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#breadcrumbs {
	position: relative;
	font-size: 12px;
	padding-bottom: 12px;
	width: 100%;
}

#breadcrumbs span {
	position: relative;
	float: left;
	padding: 0px;	
}

#breadcrumbs #you_here {
	position: relative;
	background: transparent url('/images/you_here.gif') no-repeat scroll left top;
	float: left;
	height: 23px;
	margin: 0px 0px 0px 5px;
	width: 95px;	
}

#breadcrumbs a {
	position: relative;
	float: left;
	color: #0b6f94;
	padding: 0px;	
	text-decoration: none;
}

div#top-navigation {
	position: relative;
	background-color: #333;
}

div#top-navigation-container {
	height: 20px;
	margin: 0 auto;
	padding: 5px 20px;
	width: 980px;
}

div#phone-details {
	float: right;
	background-image: url('/images/layout/icon-phone.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	padding-left: 22px;
}

div#main-navigation {
	position: relative;
	background-color: #000;	
}

div#main-navigation-container {
	height: 87px;
	margin: 0 auto;
	width: 980px;
}

div#gcurnock-logo {
	position: relative;
	float: left;
	background-image: url('/images/logo-mainnav-gcurnock.jpg');
	background-repeat: no-repeat;
	top: 15px;
	left: 20px;
	height: 57px;
	width: 175px;
}

/* Main Menu
-----------------------------------------------------------------------------------------------*/

ul#main-menu-nav {
	position: relative;
	list-style: none;	
	float: right;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

ul#main-menu-nav li {
	float: left;
	font-size: 0;
	line-height: 0;
	height: 78px;
	list-style: none;	
	margin: 0;
	padding: 0px 0px 0px 10px;
	width: 97px;
	outline: none;
	text-indent: -5000px;
}
ul#main-menu-nav li a {
	display: block;
	color: #fff;
	height: 100%;
	text-decoration: none;	
	outline: none;
	overflow: hidden;
}

ul#main-menu-nav li a.menu-item-home {background: #000000 url('/images/menu-nav-sprite.jpg') 0 -78px no-repeat;}
ul#main-menu-nav li a.menu-item-home:hover {background: #000000 url('/images/menu-nav-sprite.jpg') 0 0 no-repeat;}
ul#main-menu-nav li.menu-item-home-active {background: #000000 url('/images/menu-nav-sprite.jpg') 10px 0 no-repeat;}

ul#main-menu-nav li a.menu-item-bio {background: #000000 url('/images/menu-nav-sprite.jpg') -107px -78px no-repeat;}
ul#main-menu-nav li a.menu-item-bio:hover {background: #000000 url('/images/menu-nav-sprite.jpg') -107px 0 no-repeat;}
ul#main-menu-nav li.menu-item-bio-active {background: #000000 url('/images/menu-nav-sprite.jpg') -97px 0 no-repeat;}

ul#main-menu-nav li a.menu-item-process {background: #000000 url('/images/menu-nav-sprite.jpg') -214px -78px no-repeat;}
ul#main-menu-nav li a.menu-item-process:hover {background: #000000 url('/images/menu-nav-sprite.jpg') -214px 0 no-repeat;}
ul#main-menu-nav li.menu-item-process-active {background: #000000 url('/images/menu-nav-sprite.jpg') -204px 0 no-repeat;}

ul#main-menu-nav li a.menu-item-services {background: #000000 url('/images/menu-nav-sprite.jpg') -321px -78px no-repeat;}
ul#main-menu-nav li a.menu-item-services:hover {background: #000000 url('/images/menu-nav-sprite.jpg') -321px 0 no-repeat;}
ul#main-menu-nav li.menu-item-services-active {background: #000000 url('/images/menu-nav-sprite.jpg') -311px 0 no-repeat;}

ul#main-menu-nav li a.menu-item-portfolio {background: #000000 url('/images/menu-nav-sprite.jpg') -428px -78px no-repeat;}
ul#main-menu-nav li a.menu-item-portfolio:hover {background: #000000 url('/images/menu-nav-sprite.jpg') -428px 0 no-repeat;}
ul#main-menu-nav li.menu-item-portfolio-active,
ul#main-menu-nav li a.menu-item-portfolio-active {background: #000000 url('/images/menu-nav-sprite.jpg') -428px 0 no-repeat;}

ul#main-menu-nav li a.menu-item-contact {background: #000000 url('/images/menu-nav-sprite.jpg') -536px -78px no-repeat;}
ul#main-menu-nav li a.menu-item-contact:hover {background: #000000 url('/images/menu-nav-sprite.jpg') -536px 0 no-repeat;}
ul#main-menu-nav li.menu-item-contact-active {background: #000000 url('/images/menu-nav-sprite.jpg') -526px 0 no-repeat;}


#main-nav {
	float: right;	
}

/* Homepage
-----------------------------------------------------------------------------------------------*/

div#homepage-banner-area {
	position: relative;
	background-color: #d2d2d2;
	border-bottom: 1px solid #c4c3c3;
}

div#homepage-banner-area-container {
	position: relative;
	height: 450px;
	margin: 0 auto;
	width: 980px;	
}

div#banner-area {
	position: relative;
	background-color: #d2d2d2;
	border-bottom: 1px solid #c4c3c3;
}

div#banner-area-container {
	position: relative;
	height: 250px;
	margin: 0 auto;
	width: 980px;	
}

div#full-banner-area {
	position: relative;
	background-color: #d2d2d2;
	border-bottom: 1px solid #c4c3c3;
}

div#full-banner-area-container {
	position: relative;
	height: 400px;
	margin: 0 auto;
	width: 980px;	
}

#view-more-projects { float: right; z-index: 1; }

div#content-wrapper {
	position: relative;
	background: transparent url('/images/bg-content.png') repeat-y scroll center top;
	margin: 0 auto;
	width: 990px;	
}

div#content {
	position: relative;
	margin: 0 auto;
	padding: 20px 25px;	
	width: 940px;
}

div.content-left {
	float: left;
	padding: 0 35px 0 0;
	position: relative;
	width: 530px;
}

div.sidebar {
	float: left;
	background: transparent url('/images/bg_sidebar.png') repeat-y scroll left top;	
	padding: 20px 0 40px 35px;
	position: relative;
	width: 340px;
}

.sidebar_top,
.sidebar_bottom {
	display: block;
	height: 70px;
	left: 0;
	position: absolute;
	width: 280px;
	z-index: 1;	
}

.sidebar_top {
	background: transparent url('/images/bg_sidebar_top.png') no-repeat scroll left top;
	top: 0;
}

.sidebar_bottom {
	background: transparent url('/images/bg_sidebar_bottom.png') no-repeat scroll left bottom;
	bottom: -1px;
}


div#homepage-carousel {
	position: relative;
	background-color: #d2d2d2;
	margin: -7px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 940px;
}

div#roundtop {
	position: absolute;
	top: 0;
	right: 0;
}


div#roundbottom {
	background: url(/images/bg-fp-corner-br.jpg) no-repeat bottom right; 
	margin-top: 10px;
}

img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}


div#featured-projects-title {
	/*position: absolute;
	top: -50px;
	left: 0px;	
	z-index: 5;*/
	position: relative;	
	height: 55px;
	width: 211px;
	z-index: 5;
}

ul#featureprojectscarousel {
	list-style: none;
}

.jcarousel-skin-gcurnock .jcarousel-container {
   
}

.jcarousel-skin-gcurnock .jcarousel-container-horizontal {
    width: 940px;
}

.jcarousel-skin-gcurnock .jcarousel-clip-horizontal {
    width:  940px;
    height: 140px;
}

.jcarousel-skin-gcurnock .jcarousel-item {
    width: 210px;
    height: 140px;
}

.jcarousel-skin-gcurnock .jcarousel-item-horizontal {
   margin: 0px 10px 0px 10px;
}

.jcarousel-skin-gcurnock .first {
	margin: 0px 10px 0px 20px;
}

.jcarousel-skin-gcurnock .last {
	margin: 0px 20px 0px 10px;
}

.jcarousel-skin-gcurnock .jcarousel-item-placeholder {
    background: #d2d2d2;
    color: #333;
}
 
.jcarousel-skin-gcurnock .jcarousel-item {
	height: 140px;
	width: 210px; 
 }
 
.jcarousel-skin-gcurnock .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: -48px;
    width: 28px;
    height: 60px;
    cursor: pointer;
    background: transparent url('/images/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-gcurnock .jcarousel-next-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-gcurnock .jcarousel-next-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-gcurnock .jcarousel-next-disabled-horizontal,
.jcarousel-skin-gcurnock .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-gcurnock .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}

.jcarousel-skin-gcurnock .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: -48px;
    width: 28px;
    height: 60px;
    cursor: pointer;
    background: transparent url('/images/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-gcurnock .jcarousel-prev-horizontal:hover {
    background-position: -28px 0;
}

.jcarousel-skin-gcurnock .jcarousel-prev-horizontal:active {
    background-position: -56px 0;
}

.jcarousel-skin-gcurnock .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-gcurnock .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-gcurnock .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -84px 0;
}

div#homepage-trio-block {
	position: relative;
	margin: 0px 0px 20px 0px;
	min-height: 500px;
	clear: both;
}

div#about-block-container {
	float: left;
	width: 300px;
}

div#about-block {
	min-height: 460px;	
	height: auto !important;
	height: 460px;	
}

div#process-block-container {
	float: left;
	margin: 0px 0px 0px 20px;
	width: 300px;
}

div#process-block {
	min-height: 460px;	
	height: auto !important;
	height: 460px;	
}

#img-process {
	background: transparent url('/images/img-process-floorplans-clipalt.png') no-repeat;
	float: right;
	margin-top: -142px;
	height: 300px;
	width: 270px;
	z-index: auto;
}

div#services-block-container {
	float: left;
	margin: 0px 0px 0px 20px;
	width: 300px;
}

div#services-block {
	min-height: 460px;	
	height: auto !important;
	height: 460px;
}

.block-title {
	background: transparent url(/images/bg-block-title.jpg) no-repeat;
	color: #fff;
	height: 53px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	width: 300px;
}

.block-title h4 {
	font-size: 16px;
	padding-top: 10px;
}


img.trio-block-img {
	border: 10px solid #d2d2d2;
	margin: 0px 0px 20px 0px;	
}

.btn-learn-more {
	
	text-align: right;
}

.row-container {
	margin: 0px 0px 20px 0px;	
}

/* Portfolio
-----------------------------------------------------------------------------------------------*/

#portfolio-nav-container {
	
}

.portfolio-category-label {
	float: right;
	color: #0b6f94;	
	font-size: 16px;
	line-height: 30px;
}

select.portfolio-nav {
	
}

.boxgrid {
	width: 300px;
	height: 200px;
	margin: 0px;
	float:left;
	background:#161613;
	border: solid 1px #d2d2d2;
	overflow: hidden;
	position: relative;
}

.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxgrid h3 {
	font-size: 16px;
	margin: 0;
	padding: 10px 10px 0px 10px;	
}

.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	line-height: 16px;
}


.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 80px;
	width: 100%;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
	
.captionfull .boxcaption {
 	top: 180px;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 160px;
 	left: 0;
 }

div.portfolio-table {
	position: relative;
	width: 530px;
}

div.portfolio-details-row {
	display: inline-block;
	position: relative;
	border-bottom: 1px dashed #d2d2d2;
	height: 100%;
	clear: both;
}

div.portfolio-category {
	background: transparent url('/images/bullet-arrow.gif') no-repeat 100% 18px;	
	position: relative;
	float: left;
	color: #0b6f94;
	font-weight: bold;
	width: 130px;
	padding: 10px 0px;	
}

div.portfolio-detail {
	position: relative;
	padding: 10px 0 10px 20px;
	float: left;
	width: 380px;
	
}

div.postnav {
	display: block;
	height: 32px;
	padding: 20px 0 0px;
	clear: both;	
}

div.postnav .previous a {
	background: transparent url('/images/prev-post.jpg') no-repeat scroll left top;
	float: left;
	line-height: 100%;
	height: 36px;
	margin: 0;
	padding: 16px 0 0 22px;
	text-align: left;
	text-decoration: none;
	width: 90px;
}

div.postnav .next a {
	background: transparent url('/images/next-post.jpg') no-repeat scroll right top;
	float: right;
	line-height: 100%;
	margin: 0;
	padding: 16px 22px 0 0;
	text-align: right;
	text-decoration: none;
	width: 90px;
}

/* Contact
-----------------------------------------------------------------------------------------------*/

#contact-form label                       { width: 190px; display: block; }

#contact-form input[type=text], #contact-form textarea  { width: 300px; outline: none; }

.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#preferredContactMeans             { float: left; margin: 0 0 10px 0; width: 300px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }
.rowElemSelect              { clear: both; min-height: 35px; }

.thanks                     { background: transparent url('/images/icon_check.png') no-repeat left top; color: green; font-weight: bold; height: 16px; padding: 0 0 0 22px; }

.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }

/* Footer
-----------------------------------------------------------------------------------------------*/

div#footer {
	position: relative;
	margin: 0px 0px 20px 0px;
}

div#footer-container {
	position: relative;
	background: transparent url('/images/bg-footer-rnd.png') no-repeat top center;
	height: 45px;
	margin: 0 auto;
	width: 990px;
}

ul#footer-nav {
	position: relative;
	list-style: none;	
	margin: 0 auto;
	height: 45px;
	width: 577px;
}

ul#footer-nav li {
	float: left;
	font-size: 0;
	line-height: 0;
	height: 45px;
	list-style: none;	
	margin: 0;
	padding: 0px;
	outline: none;
	text-indent: -5000px;
}

ul#footer-nav li a {
	display: block;
	color: #fff;
	height: 100%;
	text-decoration: none;	
	outline: none;
	overflow: hidden;
}

ul#footer-nav li.left-corner {background: transparent url('/images/footer-nav-sprite.png') 0 0 no-repeat; width: 19px;}
ul#footer-nav li.right-corner {background: transparent url('/images/footer-nav-sprite.png') -553px 0 no-repeat; width: 23px;}

ul#footer-nav li a.menu-item-home {background: transparent url('/images/footer-nav-sprite.png') -19px -45px no-repeat; width: 76px;}
ul#footer-nav li a.menu-item-home:hover {background: transparent url('/images/footer-nav-sprite.png') -19px 0 no-repeat; width: 76px;}
ul#footer-nav li.menu-item-home-active {background: transparent url('/images/footer-nav-sprite.png') -19px 0 no-repeat; width: 76px;}

ul#footer-nav li a.menu-item-bio {background: transparent url('/images/footer-nav-sprite.png') -95px -45px no-repeat; width: 60px;}
ul#footer-nav li a.menu-item-bio:hover {background: transparent url('/images/footer-nav-sprite.png') -95px 0 no-repeat; width: 60px;}
ul#footer-nav li.menu-item-bio-active {background: transparent url('/images/footer-nav-sprite.png') -95px 0 no-repeat; width: 60px;}

ul#footer-nav li a.menu-item-process {background: transparent url('/images/footer-nav-sprite.png') -155px -45px no-repeat; width: 97px;}
ul#footer-nav li a.menu-item-process:hover {background: transparent url('/images/footer-nav-sprite.png') -155px 0 no-repeat; width: 97px;}
ul#footer-nav li.menu-item-process-active {background: transparent url('/images/footer-nav-sprite.png') -155px 0 no-repeat; width: 97px;}

ul#footer-nav li a.menu-item-services {background: transparent url('/images/footer-nav-sprite.png') -252px -45px no-repeat; width: 98px;}
ul#footer-nav li a.menu-item-services:hover {background: transparent url('/images/footer-nav-sprite.png') -252px 0 no-repeat; width: 98px;}
ul#footer-nav li.menu-item-services-active {background: transparent url('/images/footer-nav-sprite.png') -252px 0 no-repeat; width: 98px;}

ul#footer-nav li a.menu-item-portfolio {background: transparent url('/images/footer-nav-sprite.png') -350px -45px no-repeat; width: 107px;}
ul#footer-nav li a.menu-item-portfolio:hover {background: transparent url('/images/footer-nav-sprite.png') -350px 0 no-repeat; width: 107px;}
ul#footer-nav li.menu-item-portfolio-active,
ul#footer-nav li a.menu-item-portfolio-active-trail {background: transparent url('/images/footer-nav-sprite.png') -350px 0 no-repeat; width: 107px;}

ul#footer-nav li a.menu-item-contact {background: transparent url('/images/footer-nav-sprite.png') -457px -45px no-repeat; width: 96px;}
ul#footer-nav li a.menu-item-contact:hover {background: transparent url('/images/footer-nav-sprite.png') -457px 0 no-repeat; width: 96px;}
ul#footer-nav li.menu-item-contact-active {background: transparent url('/images/footer-nav-sprite.png') -457px 0 no-repeat; width: 96px;}

div#copyright { 
	color: #333;
	margin: 10px auto 0px auto;
	text-align: center;
	width: 990px;
}