/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
/* Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.85em !important;
	color:#333 !important;
	margin: 0 auto;
	width: 980px;
	background: #aca592
}

/* Layout */

#container {
	margin: 0 auto;
	width: 960px;
	position: relative;
	background: #e1dbcf;
	padding: 25px 0 15px 0;
}

#header 
{
	margin: 0 auto;
	position: relative;
	height: 167px;
	width: 905px;
	background: url(/images/header.jpg) no-repeat;


}

#logo {
	margin: 25px 27px 0 30px;
	float: right;
	border: none;
}



#content 
{
	margin: 0 auto;
	width: 905px;
	position: relative;

}

#leftContent {
	float: left;
 	width: 480px;
 	padding: 35px 0 40px 0;
}

#rightContent {
 	float: right;
	width: 377px;
 	padding: 35px 0 40px 0;
}

#leftContentText {
	float: left;
 	width: 350px;
 	padding: 35px 0 40px 0;
	color: #e1dbcf;
}

#rightContentText {
 	float: left;
	width: 510px;
 	padding: 35px 0 40px 0;	
}

#leftContentNews {
	float: left;
 	width: 200px;
 	padding: 35px 0 40px 0;
}

#rightContentNews  {
 	float: right;
	width: 440px;
 	padding: 35px 0 40px 0;	
	margin: 0 240px 0 0;
	text-align:center;
}


#leftContentCottage {
	float: left;
 	width: 300px;
 	padding: 35px 0 40px 0;
}

#rightContentCottage {
 	float: right;
	width: 560px;
 	padding: 35px 0 40px 0;	

}


#leftContentWide {
	float: left;
 	width: 580px;
 	padding: 35px 0 40px 0;
}

#rightContentNarrow {
 	float: right;
	width: 300px;
 	padding: 35px 0 40px 0;
}

#leftContentPortfolio{
	float: left;
 	width: 720px;
 	padding: 35px 0 40px 0;
	min-height: 350px;
	color: #e1dbcf;
}

#rightContentPortfolio{ 
 	float: right;
	width: 160px;
 	padding: 35px 0 40px 0;
}


#leftContentPortfolio a {
	float: left;
	margin: 15px 15px 0 0;
	border: 1px solid #ccc;
	padding: 5px;
	height: 115px;
color: #e1dbcf;
	text-align: center;
	
}

#leftContentPortfolio .picture img {
	height: 115px;
	border: none;
}

#leftContentPicture {
	float: left;
 	width: 650px;
 	padding: 35px 0 40px 0;
	text-align: center;
}

#rightContentPicture  {
 	float: right;
	width: 220px;
 	padding: 35px 0 40px 0;
}

#rightContentPicture p {
	line-height: 140%;
}

#leftContentPicture img {
	border: 1px solid #ccc
}

#footer 
{
	clear: left;
	margin: 0 auto;
	width: 905px;
	position: relative;
	background: url(/images/bg-footer.gif) repeat-x;
	height: 90px;
}
#footer img {
	float: left;
}
#footer p{
 	padding: 15px 0 0 30px;
	color: #fff;
	font-size: 80%;
	float: right;
	width: 260px;
}


/* Navigation */
#Menu 
{
	margin: 0 auto;
	width: 905px;
	position: relative;
	background: url(/images/bg-menu.gif) repeat-x;
	height: 50px;
	text-align:center;
}


#navigation  {
	margin: 0 0 0 95px;
	padding: 11px 0 0 0;
}


#navigation li{
    float: left;
    list-style: none;
	height: 45px;
	font-size: 115%;
	color: #fff;
	margin: 0 0 0 0;
}


#navigation li a.current, #navigation li a:hover, #navigation li a.section {
background: #68655d;
}

#navigation li a
{
	color: #fff;
	text-decoration: none;
    margin: 8px 0 0 0;
	padding:4px 17px 4px 17px;
	height: 1.8em;
	line-height: 1.8em;
}

ul#subMenu {
	margin: 0 0 0 0
}

ul#subMenu li{
	list-style: none;
	background: url(/images/list-image.gif) left no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px
	}
	


#rotate {
	height: 290px;	
	width: 374px;
	text-align: center
}

#rotate img {
	border: 1px solid #999
}

#subMenuHome {
	width: 390px;
	margin: 15px 0 0 0;
}

#subMenuHome li{
    float: left;
    list-style: none;
	height: 35px;
	width: 176px;
	background-color: #bcb7a4;
	margin: 12px 12px 0 0;
	padding: 3px 0 3px 5px;
}

#subMenuHome li:hover {
	background-color: #89867c;
}

ul#subMenuHome li a {
	display: block;
	padding: 10px 30px 10px 5px;
	font-weight: normal;
	color: #333
}

#subMenuPortfolio {
	width: 160px;
}

#subMenuPortfolio li{
    float: left;
    list-style: none;
	height: 35px;
	width: 156px;
	background-color: #bcb7a4;
	margin: 12px 0 0 0;
	padding: 3px 0 3px 5px;
}

#subMenuPortfolio li:hover {
	background-color: #89867c;
}

ul#subMenuPortfolio li a {
	display: block;
	padding: 10px 30px 10px 5px;
	font-weight: normal;
	color: #333
}

#subMenuPortfolio li.currentSub span {
	display: block;
	padding: 10px 30px 10px 5px;
	font-weight: normal;
	color: #fff
}

#subMenuPortfolio li.current, #subMenuPortfolio li.currentSub  {
background-color: #666;
}

#subMenuPortfolio li.current a, #subMenuPortfolio li.currentSub{
color: #fff;
}


/* Form */

label.left {
	width: 120px;
	float: left;
	padding: 0 0 0 0;
}


select {
	float: left;
	border: 3px solid #ccc;
	padding: 7px;
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.selectBox {
	margin: 0 10px 0 20px;
	width: 50px;
}

form p {
	margin: 0 0 15px 0
}

input {
	width: 350px;
	border: 3px solid #ccc;
	padding: 7px;
	font-size: 95% !important;
	font-weight: normal !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}


textarea {
	width: 299px; 
	padding: 5px; 
	border: 3px solid #ccc;
	font-size: 95% !important;
	font-weight: normal !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}

input.checkbox {
	width: 20px;
	height: 16px
}

#formPage {
	padding: 15px;
	border: 1px solid #ccc;
	width: 350px
}

form input#Form_Form_action_process {
	width: 100px;
	float: right;
	margin: 0 40px 0 0;
	font-size: 110% 
}

.message {
	font-size: 85%;
	color: #F00;
	padding: 0 0 15px 0;
}


#button {
	width: 100px;
	background-color: #bcb7a4;
	border: none;
	margin: 0 0 0 332px
}

#button:hover {
	background-color: #999;
}

.payPalBtn {
	width: 173px;
	height: 44px;
	border: none;
	padding:0
}

#photoBox {
	float: left;
	margin: 0 15px 5px 0;	
}


#photoBox img{
	width: 115px
}

#photoBoxLarge {
	float: left;
	margin: 0 15px 5px 0;	
	width: 200px
}



/* Styles */

h1 {
	font-size: 130%;
	margin: 0 0 15px 0
}

h2 {
	font-size: 130%;
	margin: 0 0 15px 0
}

h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}


p {
	line-height: 140%;
	margin: 0 0 15px 0
}

p.design {
	font-size: 85%;
	float: right;
	color: #666;
	margin: -8px 30px 0 0;
}

p.design a {
	font-weight: normal;
}

a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

li, img {
	outline: none;
}

#leftContentText img {
	width: 300px;
}

.floatRight {
	margin: 0 0 0 50px;
	width: 300px;
	height: 402px;
} 	

.lyndaBtn {

	width: 160px;
	height: 35px;
	background-color: #bcb7a4;
	margin: 110px 0 0 115px;
	padding: 3px 0 3px 5px;
}

.lyndaBtn:hover {
	background-color: #89867c;
}

.lyndaBtn  a {
	display: block;
	padding: 10px 15px 10px 20px;
	font-weight: normal;
	color: #333
}

#rightContentNews  p {
	font-size: 120%;
	line-height: 160%;
}

.left {
	float: left;
	margin: 0 10px 0 0;
	border: none;
}

#rightContentNews h1, #rightContentNews h1 a {
	font-size: 130%;
	color: #6e6450;
	font-family: Georgia, "Times New Roman", Times, serif
}

.archive {
	color: red;
	font-weight: bold;
}

/* overriding styles in form.css */

.mceContentBody typography{
	font-size: 100%;
	color: #333
}

#MapHolder {
	width:370px;
	height: 360px;
	margin: 250px 0 0 0;
}
#rightContentText ul, #rightContentText ol{
	margin: 0 0 0 20px;
}

.message {
	font-size: 85%;
	color: #F00;
	margin: -15px 0 0 0;
}

.break {
	clear: both;
}