/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

body
{
	color: #333;
	font-size: 62.5%;
	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif;
}

html { background: #fff; }

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

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

.clear { clear: both; }

/* CONTAINER
----------------------------------------- */

#BgContainer
{
	background-image: url(../images/dotted-horiz-on-white.gif);
	background-repeat: repeat-x;
	background-position: 0px 140px;
}

#Container { text-align: center; }

#Layers
{
	background-color: #c5c19d;
	height: 622px;
	text-align: center;
}

#LayersInner
{
	width: 939px;
	margin: 0 auto;
	text-align: left;
}

#Layout
{
	float: left;
	overflow: hidden;
	width: 839px;
	height: 622px;
	background-color: #fff;
}

#Layout .layer-inner { width: 839px; }

body.GalleryPage #Layout.hidden
{
	background-image: url(../images/tab-portfolio.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
}

body.HomePage #Layout.hidden
{
	background-image: url(../images/tab-home.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#Content
{
	width: 500px;
	float: left;
	margin: 100px 0 0 50px;
	text-align: left;
}

#Content p { text-align: justify; }

/* ABOUT
----------------------------------------- */

#About
{
	height: 622px;
	float: left;
	overflow: hidden;
	width: 50px;
	background-color: #93C2F1;
}

#About a.tab,
#About div.tab {
	background-color: #93C2F1;
	width: 50px;
	padding-top: 622px;
	overflow: hidden;
	height: 0;
	display: block;
	float: left;
	background-image: url(../images/tab-about.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#About a.tab:hover,
#About div.tab:hover {
    background-color: #628cb6;
	background-position: -50px center;
}

#About .layer-inner
{
	height: 622px;
	width: 780px;
	margin-left: 50px;
	padding-left: 10px;
	background-image: url(../images/vert-rule-light-blue.gif);
	background-repeat: repeat-y;
	background-position: 0 0px;
	background-color: #93C2F1;
}

#About .layer-inner .loading
{
	width: 100%;
	height: 622px;
	background-image: url(../images/ajax-loader-blue.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#About #Content { margin: 100px 0 0 0; }
#About #Content h1,
#About #Content h2,
#About #Content h3,
#About #Content p { color: #fff; }
#About #Content h1 { margin-bottom: 15px; }
#About #Content td li { color: #fff; }
#About hr { background-image: url(../images/dotted-horiz-on-blue.gif); }

#About .Sidebar
{
	height: 522px;
	width: 210px;
	padding: 100px 10px 0 20px;
	margin: 0;
	background-color: #7cadde;
}

#About .Sidebar h1
{
	padding-bottom: 20px;
	font-size: 24px;
	color: #fff;
	background-image: url(../images/dotted-horiz-on-blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#About .Sidebar h2,
#About .Sidebar h2 a
{
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background-image: none;
	margin-bottom: 4px;
	padding-bottom: 0;
}

#About .Sidebar p
{
	color: #1f1f1f;
	font-size: 10px;
	line-height: 16px;
}

#About .Sidebar a.more
{
	color: #425467;
	font-size: 13px;
	line-height: 16px;
	display: block;
	height: 26px;
	background-image: url(../images/learn-more-about.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px 35px 0 0;
	margin-left: -30px;
}

/* CONTACT
----------------------------------------- */

#Contact
{
	float: left;
	overflow: hidden;
	width: 50px;
	background-color: #c0ae00;
	height: 622px;
	background-image: url(../images/tab-contact.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
}

#Contact a.tab,
#Contact div.tab {
	background-color: #c0ae00;
	width: 50px;
	padding-top: 622px;
	overflow: hidden;
	height: 0;
	display: block;
	float: left;
	background-image: url(../images/tab-contact.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#Contact a.tab:hover,
#Contact div.tab:hover {
    background-color: #a59503;
	background-position: -50px center;
}

#Contact .layer-inner
{
	height: 622px;
	width: 780px;
	margin-left: 50px;
	padding-left: 10px;
	background-image: url(../images/vert-rule-light-green.gif);
	background-repeat: repeat-y;
	background-position: 0 0px;
	background-color: #c0ae00;
}




#Contact .layer-inner .loading
{
	width: 100%;
	height: 622px;
	background-image: url(../images/ajax-loader-green.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#Contact #Content { margin: 100px 0 0 0; }
#Contact #Content h1,
#Contact #Content h2,
#Contact #Content h3,
#Contact #Content p { color: #fff; }
#Contact #Content td li { color: #fff; }
#Contact a { color: #575103; }
#Contact .Sidebar a:hover { color: #F7941E; }
#Contact #Content td p
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvitica, Arial, Verdana, sans-serif;
	line-height: 16px;
	margin: 8px 0;
}

#Contact hr
{
	padding-bottom: 20px;
	background-image: url(../images/dotted-horiz-on-green.gif);
}

#Contact .Sidebar
{
	height: 522px;
	width: 210px;
	padding: 100px 10px 0 5px;
	margin: 0;
	background-color: #a79802;
}

#Contact .Sidebar h1
{
	padding-bottom: 20px;
	font-size: 24px;
	color: #fff;
	background-image: url(../images/dotted-horiz-on-green.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#Contact .Sidebar h3.FormHeading
{
	font-size: 28px;
	line-height: 28px;
	color: #fff;
	background-image: url(../images/dotted-horiz-on-green.gif);
	margin: 0 0 16px 10px;
	padding-bottom: 16px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

#Contact .Sidebar p
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
#Contact a.giant, #Contact .giant a {
    text-decoration: none;
    font-weight: normal;
}


#Contact .Sidebar form,
#Contact .Sidebar fieldset
{
	padding: 0;
	margin: 0;
	display: block;
	width: auto;
	height: auto;
	background-color: transparent;
}

#Contact .Sidebar input.text,
#Contact .Sidebar textarea,
#Contact .Sidebar label,
#Contact .Sidebar select
{
	padding: 0;
	margin: 0;
	display: block;
	width: auto;
	height: auto;
	font-family: Helvitica, Arial, Verdana, sans-serif;
	font-size: 11px;
}

#Contact .Sidebar textarea,
#Contact .Sidebar input.text
{
	font-size: 13px;
	font-weight: normal;
	padding: 1px 3px;
	width: 180px;
}

#Contact .Sidebar .middleColumn
{
	border: 1px solid #d6ca59;
	padding: 1px;
	margin: 0 0 0 18px;
	display: block;
	width: auto;
	height: auto;
	background-color: transparent;
}

#Contact .Sidebar div.requiredField
{
	background-image: url(../images/required-green.gif);
	background-repeat: no-repeat;
	background-position: left 22px;
}

#Contact .Sidebar label,
#Contact .Sidebar label.left
{
	text-align: right;
	color: #fff;
	font-weight: bold;
	margin: 1em 0 2px 0;
}

#Contact .Sidebar input.action
{
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #574f03;
	font-size: 13px;
	line-height: 16px;
	display: block;
	height: 26px;
	width: 215px;
	text-align: right;
	float: none;
	border: none;
	background-color: #c0ae00;
	background-image: url(../images/submit-contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0 32px 0 0;
	margin: 20px 0 20px -5px;
}

#Contact .Sidebar div.required-note {
    display: inline;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #fff;
	font-size: 12px;
	font-style: italic;
	line-height: 20px;
	background-image: url(../images/required-green.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 0 0 0 20px;
}



/* HEADER
----------------------------------------- */

#Header
{
	width: 939px;
	height: 146px;
	overflow: hidden;
	padding-left: 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#Header #logo
{
	color: #756c64;
	font-size: 3.2em;
	font-weight: 300;
	margin: 53px 0 0 0;
	width: 173px;
	height: 59px;
	overflow: hidden;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

#Header #logo a
{
	display: block;
	padding-top: 500px;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */

#Navigation
{
	width: 939px;
	margin: 0 auto;
	overflow: hidden;
}

#Navigation ul
{
	position: absolute;
	top: 93px;
	left: 230px;
}

#Navigation ul li
{
	list-style: none;
	float: left;
	line-height: 2.8em;
	display: block;
	font-weight: bold;
	color: #c5c19d;
}

#Navigation ul li a,
#Navigation ul li.Parent
{
	float: left;
	text-decoration: none;
	display: block;
	height: 2.3em;
	font-family: Helvitica, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	padding: 0 5px;
	color: #f7941e;
	text-transform: lowercase;
}

#Navigation ul li.Parent
{
	color: #c5c19d;
	text-transform: uppercase;
}

#Navigation ul li a:hover
{
	color: #93c2f1;
	cursor: pointer;
}

#Navigation ul li a:hover span { cursor: pointer; }
#Navigation ul li a.current,
#Navigation ul li a.section,
#Navigation ul li a.section:hover,
#Navigation ul li a.current:hover { color: #93c2f1; }
#Navigation ul li.Parent a.section { color: #c5c19d; }

/* BREADCRUMBS
-------------------------------------------- */

#Breadcrumbs
{
	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em;
	margin: 0px 5px 10px 0;
}

#Breadcrumbs p { margin: 0; }

/* SIDEBAR
-------------------------------------- */

.typography .Sidebar
{
	width: 223px;
	float: right;
	margin: 105px 20px 0 0;
	padding: 0;
	text-align: right;
}

.typography .Sidebar .sidebarBox
{
	margin: 0 0 5px 0;
	padding-bottom: 2px;
}

.typography .Sidebar ul { margin: 2px 0 5px 3px; }

.typography .Sidebar li
{
	margin: 8px 2px;
	list-style: none;
}

.typography .Sidebar h2
{
	color: #f7941e;
	font-weight: normal;
	font-size: 28px;
	line-height: 1em;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(../images/dotted-horiz-on-white.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.typography .Sidebar h3
{
	color: #7c6a55;
	font-weight: normal;
	font-size: 15px;
	line-height: 19px;
}

.typography .Sidebar a em { font-style: normal; }
.typography .Sidebar img { margin-bottom: 10px; }

.typography .Sidebar p
{
	font-family: Helvitica, Arial, Verdana, sans-serif;
	font-size: 10px;
	clear: both;
	line-height: 16px;
}

/* Spotlight on Homepage
-------------------------------------- */

body.HomePage .Sidebar .spotlight
{
	background-image: url(../images/quote-stamp-on-white.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 223px;
	text-align: right;
}


/* Portfolio pages (GalleryPage)
-------------------------------------- */

body.GalleryPage { }

body.GalleryPage h1.breadcrumb
{
	font-family: Helvitica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 65px 0 0 50px;
}

body.GalleryPage h1.breadcrumb span
{
	font-family: Helvitica, Arial, Verdana, sans-serif;
	font-size: 11px;
}

body.GalleryPage #Layout
{
	float: left;
	overflow: hidden;
	width: 839px;
	height: 622px;
	background-color: #f7941e;
}

body.GalleryPage #Layout.hidden
{
	background-image: url(../images/tab-portfolio.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
}

body.GalleryPage #Layout.hidden:hover
{
	background-color: #f9ad52;
}



body.GalleryPage #Layout .layer-inner
{
	height: 622px;
	background-image: url(../images/vert-rule-light-orange.gif);
	background-repeat: repeat-y;
	background-position: 50px 0px;
	padding-left: 10px;
}

body.GalleryPage #Layout #Content { margin-top: 116px; }
body.GalleryPage #Layout h1,
body.GalleryPage #Layout h1 strong,
body.GalleryPage #Layout h2,
body.GalleryPage #Layout h3,
body.GalleryPage #Layout h4,
body.GalleryPage #Layout p { color: #fff; }

body.GalleryPage #Layout .quote-outer
{
	background-image: url(../images/quote-big-light-orange-left.gif);
	color: #fff;
}

body.GalleryPage #Layout .quote-inner
{
	background-image: url(../images/quote-big-light-orange-right.gif);
	color: #fff;
}

body.GalleryPage .Sidebar
{
	margin: 0;
	background-color: #c97a1b;
	height: 622px;
	width: 240px;
}

body.GalleryPage #gallery-items { margin: 30px -10px 0 0; }

body.GalleryPage #gallery-items img
{
	border: 5px solid #fff;
	margin: 0 12px 12px 0;
	float: left;
	display: block;
	height: 55px;
	width: 55px;
}

body.GalleryPage #gallery-items a
{
	margin: 0;
	padding: 5px;
	line-height: 0;
	float: left;
	display: block;
	height: 65px;
	width: 65px;
}

body.GalleryPage #gallery-items a:hover { background-color: #f7941e; }
body.GalleryPage #gallery-items a.even { padding-left: 50px; }
body.GalleryPage #gallery-items a.odd { padding-right: 50px; }

body.GalleryPage #gallery-items a.first
{
	margin-right: 79px;
	padding-left: 50px;
	padding-right: 5px;
}

/* MENU2 */
ul#Menu2 li
{
	font-size: 0.9em;
	margin: 1px 0 5px 4px;
	list-style: none;
}

ul#Menu2 li a
{
	display: block;
	width: 196px;
	font-size: 1.2em;
	height: 1.8em;
	line-height: 1.8em;
	color: #898989;
}

ul#Menu2 li em
{
	padding-left: 8px;
	display: block;
}

ul#Menu2 li li em { padding-left: 0; }

/* Level 1
      	- We use 3 elements for the nav to get 3 background images applied.
            * span - topleft rounded corner
            * em - bottomleft rounded corner
            * a - arrow on the right
            <a><span><em></em></span></a>
      	*/

ul#Menu2 li a:hover,
      	ul#Menu2 li a.current,
      	ul#Menu2 li a.current:hover
{
	color: #666;
	cursor: pointer;
	text-decoration: none;
}

ul#Menu2 li a.current { font-weight: 700; }

ul#Menu2 li a.section,
      	ul#Menu2 li a.section:hover
{
	background: #DCDCDC;
	font-weight: 700;
	width: 193px;
}

ul#Menu2 li a.levela:hover span,
      	ul#Menu2 li a.current span,
      	ul#Menu2 li a.section span,
      	ul#Menu2 li a.section:hover span,
      	ul#Menu2 li a.current:hover span
{
	display: block;
	width: 100%;
	height: 100%;
}

ul#Menu2 li a.levela:hover em,
		ul#Menu2 li a.current em,
		ul#Menu2 li a.section em,
		ul#Menu2 li a.section:hover em,
		ul#Menu2 li a.current:hover em
{
	display: block;
	width: 100%;
	height: 100%;
}

ul#Menu2 li ul
{
	height: 100%;
	position: relative;
	margin: -4px 0 0 0;
	width: 193px;
	padding: 4px 0 10px 0;
}

ul#Menu2 li ul li
{
	width: 160px;
	background: #DCDCDC;
	padding: 0;
	font-size: 0.8em;
	display: inline;
	margin: 0;
}

ul#Menu2 li ul li ul
{
	background: #DCDCDC;
	margin-left: 0;
}

ul#Menu2 li li a.current,
      				ul#Menu2 li li a.section,
      				ul#Menu2 li li a.section:hover,
      				ul#Menu2 li li a.current:hover
{
	color: #555;
	font-weight: 700;
	background: #DCDCDC;
}

ul#Menu2 li li ul
{
	margin: 0 0 0 10px;
	padding: 0;
	width: 175px;
}

ul#Menu2 li li ul .roundWhite { margin-bottom: -10px; }

/* Sub Menu */
ul#Menu2 li a.levelb
{
	font-size: 1.7em;
	text-indent: 8px;
	width: 188px;
	background: transparent;
	margin-left: 10px;
}

ul#Menu2 li a.levelb:hover,
      		ul#Menu2 li li a.current,
      		ul#Menu2 li li a.current:hover,
      		ul#Menu2 li li a.section,
      		ul#Menu2 li li a.section:hover
{
	text-decoration: none;
	display: block;
	color: #fff;
}

ul#Menu2 li a.levelb:hover span,
      		ul#Menu2 li li a.current span,
      		ul#Menu2 li li a.current:hover span,
      		ul#Menu2 li li a.section span,
      		ul#Menu2 li li a.section:hover span
{
	display: block;
	width: 100%;
	height: 100%;
}

ul#Menu2 li a.levelb:hover em,
      		ul#Menu2 li li a.current em,
      		ul#Menu2 li li a.current:hover em,
      		ul#Menu2 li li a.section em,
      		ul#Menu2 li li a.section:hover em
{
	display: block;
	width: 100%;
	height: 100%;
}

/* COMMENTS
---------------------------------------- */

#CommentHolder ul
{
	list-style: none;
	margin: 20px 0;
}

#PageComments li
{
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}

#PageComments li.odd
{
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}

#PageComments li.even
{
	padding-right: 40px;
	padding-left: 10px;
}

#PageComments li.odd p.info { color: #3AA0C3; }

.actionLinks li
{
	display: inline;
	border-right: 1px solid;
}

.actionLinks li a
{
	padding-right: 3px;
	font-size: 10px;
}

.actionLinks li.last { border-right: none; }

.commentrss
{
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}

#PageCommentsPagination p
{
	text-align: center;
	font-size: 1.2em;
}

#PageComments p { font-size: 1em; }

#PageComments p.info
{
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}


/* QUOTES
------------------------------------------------ */

.quote-outer
{
	padding-left: 16px;
	background-image: url(../images/quote-big-orange-left.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
}

.quote-inner
{
	padding-right: 16px;
	background-image: url(../images/quote-big-orange-right.gif);
	background-repeat: no-repeat;
	background-position: right 13px;
}

/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */

#Unsubscribe_MailingListForm_MailingListForm { min-height: 100px; }

#Unsubscribe_MailingListForm_MailingListForm p
{
	margin: 0 !important;
	padding: 10px;
}

#Unsubscribe_MailingListForm_MailingListForm p label { display: inline; }
#Unsubscribe_MailingListForm_MailingListForm label { margin: 0; }

/* FOOTER
----------------------------------------------- */

#Footer
{
	clear: both;
	background-image: url(../images/dotted-horiz-on-white.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-top: 2px;
	padding: 20px 0 0 0;
	text-align: center;
}

#Footer p
{
	font-family: Arial, Verdana, sans-serif;
	color: #90816f;
	font-size: 1em;
	width: 939px;
	margin: 0 auto;
	text-align: center;
}

/* OVERLAY
----------------------------------------------- */

/* the overlayed element */
div.overlay
{
	/* growing background image */
	background-color: #372b1d;
	/* dimensions after the growing animation finishes  */
	width: 600px;
	height: 470px;
	/* initially overlay is hidden */
	display: none;
	/* some padding to layout nested elements nicely  */
	padding: 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close
{
	background-image: url(../img/overlay/close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}