/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                 	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        		*
*  Modified  :  26th-Jun-2008                                                   *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/


/*
--------------------------------------------------------------------------------
LAYOUT STYLE SHEET - PUTS THE SITE TOGETHER
--------------------------------------------------------------------------------
*/

/* MAINLAYOUT
=============================================================================== */
body {background:#5c875d url(../images/body-bg.gif) repeat-x 0 0;margin:0;padding:0;}
#scottandscott, #scottandscott-subpage {width:825px;margin:20px auto 0;padding:0 0 10px 0;text-align:center;}
#content-container, #branding {width:780px;margin:0;padding:0;text-align:left;}
#footer {background:transparent;width:825px;margin:0px auto;}


/* SPECIFIC AREA BACKGROUNDS STYLING
------------------------ */
#scottandscott, #scottandscott-subpage {background:transparent url(../images/sitecontent-foot-bg.gif) no-repeat 0 bottom;padding-bottom:24px;}
#branding {position:relative;height:435px;background:transparent url(../images/default-page-branding.jpg) no-repeat 0 0;}
#content-container {background:transparent url(../images/wrapper-bg.gif) repeat-y 0 0;}



#scottandscott-subpage #branding {position:relative;height:350px;background:transparent url(../images/default-page-branding-sub.jpg) no-repeat 0 0;}
#scottandscott-subpage #branding #portfolio {position:relative;padding:0;margin:29px 0 0 0;background:none;width:731px;height:272px;}
#scottandscott-subpage #branding #portfolio li a {display:block;width:731px;height:272px;}
#scottandscott-subpage #branding #portfolio li a img {margin:29px 0px;padding-left:16px;width:731px;height:272px;}
#scottandscott-subpage #branding .guard {position:absolute;top:76px;left:24px;width:731px;height:272px;z-index:999;border:1px solid #E2DFD2;background:transparent url(../images/overlay.png) no-repeat 0 0;}




/* MARGINS AND PADDINGS
------------------------ */
#content-container {width:780px;margin:0;padding:0;}
.site-content {width:515px;padding:0 30px 20px 0px;float:right;}
.left-navigation {margin:0 35px 0 14px;width:183px;float:left;}


/* SITE NAVIGATION
------------------------ */
.right-navigation {position:absolute;top:20px;right:-43px;width:43px;z-index:999;}
.right-navigation, dl {border-bottom:none;}
.right-navigation dt {display:none;}
.right-navigation dd {display:block;width:43px;height:41px;margin-bottom:3px;}

.right-navigation a.home {display:block;width:43px;height:41px;margin:0;padding:0;background:transparent url(../images/home.gif) no-repeat 0 0;text-indent:-9999em;text-decoration:none;}
.right-navigation a.home:hover {background:transparent url(../images/home.gif) no-repeat 0 -41px;}
.right-navigation a.contact {display:block;width:43px;height:41px;margin:0;padding:0;background:transparent url(../images/contact.gif) no-repeat 0 0;text-indent:-9999em;text-decoration:none;}
.right-navigation a.contact:hover {background:transparent url(../images/contact.gif) no-repeat 0 -41px;}


.left-navigation dl {margin:20px 0 0 10px;padding:0;width:182px;border-style:none;}
.left-navigation dt {display:none;}
.left-navigation dd {display:block;width:182px;height:20px;text-align:right;margin-bottom:3px;}
.left-navigation dd a {display:block;height:20px;margin:0;padding:0 10px 0 0;text-decoration:none;background:transparent url(../images/left-navigation-li-bg.gif) no-repeat 0 0;color:#fff;}
.left-navigation dd a:hover, .left-navigation dd a.selected {background:transparent url(../images/left-navigation-li-bg.gif) no-repeat 0 -20px;}

/* LATEST NEWS 
------------------------ */
.news-container a.read-more {display:block;margin-top:0.2em;width:58px;}
.news-container {}

/* CONTACT PAGE
------------------------ */
#contact-form {position:relative;margin:0;padding:0; width: 480px;}
#contact-form fieldset {width:100%;}
#contact-form  legend {background:#E2E0D2;border:1px solid #aaa;}
#contact-form br {clear:right;}
#contact-form  label {float:left;margin:0 20px 0 0;width:80px;line-height:2em;}
#contact-form input {margin:0 0 10px 0;width:367px;padding:4px;}
#contact-form button {width:200px;height:30px;margin-bottom:10px;}

/* PORT FOLIO / FADER TOP OF SITE
--------------------------------- */
#branding ul li:before { content: ""; }
#branding #portfolio {position:relative;padding:0 0 205px 0px;background:transparent url(../images/portfoliobg.gif) no-repeat 7px 25px;}
#branding #portfolio li a {display:block;margin:44px 9px;}
#branding #portfolio li a img {width:727px;height:347px;}


/* Misc STYLES
------------------------ */
dl {padding-bottom:4px;border-bottom:1px solid #8A2C00;}
dl dt {padding-bottom:2px;border-bottom:1px solid #8A2C00;}

.content h6 {border-bottom:1px solid #8A2C00;color:#8A2C00;font-weight:bold;margin-bottom:0.4em;margin-top:-2.8em;padding-bottom:2px;}
.content h6 ul {list-style-type:none!important;}
.content h6+ul li { text-indent: 0; margin-left: -1.5em;color:#5C875D;list-style-type:none;}
.content h6+ul li:before { content: ""; }


/* goose
=============================================================================== */
.cms-image {
border: 1px solid #999;
margin: 10px 10px 10px 10px;

}