/*
	GANDR Web: CORE.css
	Based on http://960.gs
*/

/* `Containers
----------------------------------------------------------------*/

.container {
/*	background:		#fff url("../img/16_col.gif") repeat-y;*/
	margin-left:	auto;
	margin-right:	auto;
	width:			960px;
}

/* `Grid
----------------------------------------------------------------*/

#header, #intro, #nav, #content-pri, #content-sec, .section, #footer, #footer-pri, #footer-sec,
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:		inline;
	float:			left;
	position:		relative;
	margin-left:	10px;
	margin-right:	10px;
}

.container .grid_1 {
	width: 40px;
}

.container .grid_2 {
	width: 100px;
}

.container .grid_3 {
	width: 160px;
}

.container .grid_4 {
	width: 220px;
}

.container .grid_5 {
	width: 280px;
}

.container .grid_6 {
	width: 340px;
}

.container .grid_7 {
	width: 400px;
}

.container .grid_8 {
	width: 460px;
}

.container .grid_9 {
	width: 520px;
}

.container .grid_10 {
	width: 580px;
}

.container .grid_11 {
	width: 640px;
}

.container .grid_12 {
	width: 700px;
}

.container .grid_13 {
	width: 760px;
}

.container .grid_14 {
	width: 820px;
}

.container .grid_15 {
	width: 880px;
}

.container .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Prefix Extra Space
----------------------------------------------------------------*/

.container .prefix_1 {
	padding-left: 60px;
}

.container .prefix_2 {
	padding-left: 120px;
}

.container .prefix_3 {
	padding-left: 180px;
}

.container .prefix_4 {
	padding-left: 240px;
}

.container .prefix_5 {
	padding-left: 300px;
}

.container .prefix_6 {
	padding-left: 360px;
}

.container .prefix_7 {
	padding-left: 420px;
}

.container .prefix_8 {
	padding-left: 480px;
}

.container .prefix_9 {
	padding-left: 540px;
}

.container .prefix_10 {
	padding-left: 600px;
}

.container .prefix_11 {
	padding-left: 660px;
}

.container .prefix_12 {
	padding-left: 720px;
}

.container .prefix_13 {
	padding-left: 780px;
}

.container .prefix_14 {
	padding-left: 840px;
}

.container .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space
----------------------------------------------------------------*/

.container .suffix_1 {
	padding-right: 60px;
}

.container .suffix_2 {
	padding-right: 120px;
}

.container .suffix_3 {
	padding-right: 180px;
}

.container .suffix_4 {
	padding-right: 240px;
}

.container .suffix_5 {
	padding-right: 300px;
}

.container .suffix_6 {
	padding-right: 360px;
}

.container .suffix_7 {
	padding-right: 420px;
}

.container .suffix_8 {
	padding-right: 480px;
}

.container .suffix_9 {
	padding-right: 540px;
}

.container .suffix_10 {
	padding-right: 600px;
}

.container .suffix_11 {
	padding-right: 660px;
}

.container .suffix_12 {
	padding-right: 720px;
}

.container .suffix_13 {
	padding-right: 780px;
}

.container .suffix_14 {
	padding-right: 840px;
}

.container .suffix_15 {
	padding-right: 900px;
}

/* `Push Space
----------------------------------------------------------------*/

.container .push_1 {
	left: 60px;
}

.container .push_2 {
	left: 120px;
}

.container .push_3 {
	left: 180px;
}

.container .push_4 {
	left: 240px;
}

.container .push_5 {
	left: 300px;
}

.container .push_6 {
	left: 360px;
}

.container .push_7 {
	left: 420px;
}

.container .push_8 {
	left: 480px;
}

.container .push_9 {
	left: 540px;
}

.container .push_10 {
	left: 600px;
}

.container .push_11 {
	left: 660px;
}

.container .push_12 {
	left: 720px;
}

.container .push_13 {
	left: 780px;
}

.container .push_14 {
	left: 840px;
}

.container .push_15 {
	left: 900px;
}

/* `Pull Space
----------------------------------------------------------------*/
 
.container .pull_1 {
	left: -60px;
}
 
.container .pull_2 {
	left: -120px;
}
 
.container .pull_3 {
	left: -180px;
}

.container .pull_4 {
	left: -240px;
}

.container .pull_5 {
	left: -300px;
}

.container .pull_6 {
	left: -360px;
}

.container .pull_7 {
	left: -420px;
}

.container .pull_8 {
	left: -480px;
}

.container .pull_9 {
	left: -540px;
}

.container .pull_10 {
	left: -600px;
}

.container .pull_11 {
	left: -660px;
}

.container .pull_12 {
	left: -720px;
}

.container .pull_13 {
	left: -780px;
}

.container .pull_14 {
	left: -840px;
}

.container .pull_15 {
	left: -900px;
}

/* `Header
----------------------------------------------------------------*/

#nav-access { display:	none; }

#header {
	height:			464px;
	margin-bottom:	0;
	padding:		0 60px;
	width:			340px;
}	
	#header span {
		background:	transparent url('../img/logo.png') no-repeat scroll 17px -193px;
		text-indent: -9999px;
	}
	#header span, #header span:hover {
		display:	block;
		height:		152px;
		width:		287px;
	}
	#header span:hover { background: transparent url('../img/logo.png') no-repeat scroll 17px -33px; }
	#header span a {
		cursor:		pointer;
		display:	block;
		height:		80px;
		margin:		53px 0 0 52px;
		width:		210px;
	}
	
	#page #header { height: 184px; }
	#page #header img { margin: 23px 0 0 115px;}

/* `Homepage Intro
----------------------------------------------------------------*/

#intro {
	height:	464px;
	width:	460px;
}
	#learn-more { margin: 51px 0 0 265px; }
	#learn-more, #learn-more a {
		display:	block;
		height:		45px;
		width:		89px;
	}
	#learn-more a {
		background:		url('../img/learn-more.png') no-repeat scroll 0 0px;
		text-indent:	-9999px;
	}
	#learn-more a:hover { background: url('../img/learn-more.png') no-repeat scroll 0 -45px; }

/* `Primary Navigation
----------------------------------------------------------------*/

/*#home ul#nav { margin-top: 133px; }*/

ul#nav {
	height:			47px;
	margin-bottom:	0;
	margin-left:	57px; /*set back to 57 when gallery goes back up*/
	padding-left:	360px;
	width:			580px; /*was 580*/
}

ul#nav li {
	float:			left;
	font-size:		15px;
	font-weight:	bold;
	letter-spacing:	.5px;
	line-height:	40px;
	list-style:		none;
	margin:			0 13px;
	text-align:		center;
}
	ul#nav li.first { margin-left: 0; }
	ul#nav li.last  { margin-right: 0; }
	
	ul#nav li, ul#nav li a { display: block; }
	
	ul#nav li a {
		color:		#D2A542;
		display:	block;
		height:		47px;
	}
		ul#nav li a.home {
			background:	url("../img/nav.png") no-repeat scroll 0 0;
			width:		107px;
		}
		ul#nav li a.home:hover, ul#nav li a.home.here { background: url("../img/nav.png") no-repeat scroll 0 -47px; }
		ul#nav li a.home:active { background: url("../img/nav.png") no-repeat scroll 0 -94px; }
		
		ul#nav li a.about {
			background:	url("../img/nav.png") no-repeat scroll 0 0;
			width:		97px;
		}
		ul#nav li a.about:hover, ul#nav li a.about.here { background: url("../img/nav.png") no-repeat scroll 0 -47px; }
		ul#nav li a.about:active { background: url("../img/nav.png") no-repeat scroll 0 -94px; }
		
		ul#nav li a.locations {
			background:	url("../img/nav.png") no-repeat scroll -121px 0;
			width:		116px;
		}
		ul#nav li a.locations:hover, ul#nav li a.locations.here { background: url("../img/nav.png") no-repeat scroll -121px -47px; }
		ul#nav li a.locations:active { background: url("../img/nav.png") no-repeat scroll -121px -94px; }
		
		ul#nav li a.design-gallery {
			background:	url("../img/nav.png") no-repeat scroll -260px 0;
			width:		136px;
		}
		ul#nav li a.design-gallery:hover, ul#nav li a.design-gallery.here { background: url("../img/nav.png") no-repeat scroll -260px -47px; }
		ul#nav li a.design-gallery:active { background: url("../img/nav.png") no-repeat scroll -260px -94px; }
		
		ul#nav li a.contact {
			background:	url("../img/nav.png") no-repeat scroll -420px 0;
			width:		106px;
		}
		ul#nav li a.contact:hover, ul#nav li a.contact.here { background: url("../img/nav.png") no-repeat scroll -420px -47px; }
		ul#nav li a.contact:active { background: url("../img/nav.png") no-repeat scroll -420px -94px; }
		
	ul#nav li a:hover, ul#nav li a.here { text-decoration: none; }

/* `Primary Content
----------------------------------------------------------------*/

#content-pri {
	margin-top:	23px;
}
	#home #content-pri { width: 640px; }
	#page #content-pri { left: 240px; width: 700px; }
	
	img.floatleft {
		float: left;
		margin-right: 20px;
	}
	
	/* `Section
	----------------------------------------------------------------*/
	.section { width: 940px; }
		
		#page .section li strong {
			font-size:		17px;
			font-weight:	bold;
		}
		#page .section li {
			font-size:		13px;
			list-style:		none;
			margin-bottom:	20px;
			margin-left:	0;
		}

/* `Secondary Content
----------------------------------------------------------------*/

#content-sec { margin-top: 23px; }
	#home #content-sec { width: 280px; }
	#page #content-sec { left: -720px; width: 220px; }
	
	#content-sec a { color: #000; }
	#content-sec ul li {
		font-size:		17px;
		font-weight:	bold;
		list-style:		none;
		margin-bottom:	35px;
		margin-left:	0;
	}

/* `Footer
----------------------------------------------------------------*/
#footer {
	background:	url("../img/footer-f.png") no-repeat scroll center 17px;
	color:		#F4F4E6;
	height:		333px;
	margin-top:	95px;
	width:		960px;
}
	#footer h2 {
		text-shadow:	0 1px 0 rgba(255,255,255,0.7);
		font-size:		41px;
	}
	#footer p { font-size: 17px; font-weight: bold; }

	/* `Primary Footer
	----------------------------------------------------------------*/
	#footer-pri {
		margin:			100px 10px 0 0;
		padding-left:	360px;
		width:			400px;
	}
		#footer-pri p { margin: 120px 0 0 0; }
	
	/* `Secondary Footer
	----------------------------------------------------------------*/
	#footer-sec {
		margin:		260px 0 0 10px;
		text-align:	right;
		width:		160px;
	}
		#footer-sec p { margin-bottom: 0; }
		#footer-sec p img { padding-top: 10px; }
		
/* `Clear Floated Elements
----------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear:		both;
	display:	block;
	overflow:	hidden;
	visibility:	hidden;
	width:		0;
	height:		0;
}

/* `COLOR BOX
----------------------------------------------------------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}