/*
   @Author:		Alex Holsgrove
	@Email:		alex@blind-summit.co.uk
	$Date:		22nd July 2009
*/

* {
	margin:							0;
	padding:						0;
}

html, body {
	width:							100%;
}

body {
    background:                     url("/media/images/bg.png") repeat #4dc4a5;
	color:							#ffffff;
	font-family:					Tahoma,Arial,sans-serif;
	font-size:						75%;		/* 12pt */
    text-shadow:                    1px 1px 2px #999999;
}
h1, h2, h3, h4 {
	color:							#ffffff; /*#C2CFA8;*/
	font-weight:					normal;
	margin:							0 0 15px 0;
}
p {
	margin:							0 0 15px 0;
}


/* ---------- Base Styles ---------- */
a {
	color:							#ffffff;
	outline:						none;
	text-decoration:				none;	
}
form input,
form select {
	border:							1px solid #666666;
	color:							#333333;
	font-size:						1.0em;
	padding:						2px;
}
form textarea {
	border:							1px solid #666666;
	padding:						2px;
}
form input:focus,
form select:focus,
form textarea:focus {
	border:							1px solid #FF7A0F;
}
img {
	border:							none;	
}


/* ---------- Structural Styles ---------- */
#site-wrapper {
	height:							100%;
    margin:                         0 auto;
    min-width:                      1245px;
    width:                          1182px; 
}
#disclaimer-wrapper {
    height:                         100%;
    margin:                         0 auto;
    width:                          1182px;
}

#flash {
    height:                         82px;
    position:                       absolute;
    right:                          0;
    top:                            0;
    width:                          192px;
}

#header {
    height:                         293px;   
    margin:                         0 auto; 
    position:                       relative;       
    width:                          960px;
}

#header h1 {
    background:                     url("/media/images/logo.png") no-repeat scroll center 78px transparent;
    height:                         149px;
    padding:                        78px 0 0;
}

#header h1 a {
    display:                        block;
    height:                         149px;
    text-align:                     center;
    text-indent:                    -5000px;
}

#disclaimer-header {
    padding:                        10px 0;    
    position:                       relative;    
    margin:                         0 auto;    
    width:                          960px;
}

#disclaimer-header h1 {
    background:                     url("/media/images/disclaimer-logo.png") no-repeat scroll center 0 transparent;
    margin:                         14px 0 0;
}

#disclaimer-header h1 a {
    display:                        block;
    height:                         280px;
    text-align:                     center;
    text-indent:                    -5000px;
}

/* ---------- Header Styles ---------- */
#header #navigation {
	overflow:						hidden;
	width:							960px;
}
#header #navigation li {
	float:							left;
	list-style-type:				none;
	margin:							0 10px 0 0;
    position:                       absolute;
}

#header #navigation li a {
    display:                        block;
}

#header #navigation li#home {
    bottom:                         2px;
    height:                         59px;
    left:                           70px;
}
#header #navigation li#gallery {
    height:                         55px;  
    left:                           70px;
    top:                            67px;
}
#header #navigation li#sessions {
    height:                         54px;   
    left:                           70px;
    top:                            13px;
}
#header #navigation li#rules {
    height:                         54px;
    left:                           370px;
    top:                            13px;
}
#header #navigation li#modelling {
    height:                         54px;   
    right:                          67px;
    top:                            13px;
}
#header #navigation li#ethos {
    height:                         55px;   
    right:                          67px;
    top:                            67px;
}
#header #navigation li#philosophy {
    bottom:                         116px;  
    height:                         55px;       
    right:                          67px;
}
#header #navigation li#gifts {
    bottom:                         61px;
    height:                         55px;   
    right:                          67px;  
}
#header #navigation li#about-me {
    bottom:                         116px;
    height:                         55px;   
    left:                           70px;
}
#header #navigation li#contact {
    bottom:                         61px;
    height:                         55px;   
    left:                           70px;
}

/* ---------- Footer Styles ---------- */
#footer {
    background:                     none repeat scroll 0 0 #7FFFD4;
    padding:                        10px;
	position:						relative;
}
#footer p {
    font-size:                      1.4em;
	margin:							0;
    text-align:                     right;
}
#footer a {
	text-decoration:				underline;
}


/* ---------- Additional Styles ---------- */
.success {
	background:						#E4FFCF url(../images/icons/success.png) 8px 50% no-repeat;
}
.warning {
	background:						#FFFF99 url(../images/icons/warning.png) 8px 50% no-repeat;
}
.error {
	background:						#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;
}
p.notice {
	/*background:						#FFCFCF url(../images/icons/error.png) 8px 50% no-repeat;*/
	border:							1px solid #666666;
	margin:							10px 0;
	padding:						5px 32px;
}
.buttons {
	padding:						5px 0;	
}
.button {
	background:						#EEEEEE;
	border:							1px solid #73716D;
	color:							#000000;
	cursor:							pointer;
	padding:						3px 8px;
}
.button:hover {
	background:						#DDDDDD;
}
input.button {
	font-family:					Tahoma, Geneva, sans-serif;
	font-size:						1.0em;
	padding:						2px 5px;
}

.hidden {
	display:						none;
}
.visible {
	display:						block;	
}

/* ---------- Content Styles ---------- */
.framework {
    overflow:                       hidden;
    position:                       relative;        
    width:                          1182px;   
}

#contact.framework .flower#right {
    background:                     url("/media/images/flower-right-contact.png") no-repeat scroll 0 0 transparent;
    top:                            0;
    height:                         802px;
    right:                          0;
    width:                          365px;
}

#about-me.framework .flower#right {
    background:                     url("/media/images/flower-right-about-me.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         500px;
    right:                          0;
    width:                          782px;  
}

#home.framework .flower#right {
    background:                     url("/media/images/flower-right-home.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         779px;
    right:                          0;
    width:                          369px;  
}

#index.framework .flower#right {
    background:                     url("/media/images/flower-right-index.png") no-repeat scroll 0 0 transparent;
    height:                         408px;
    position:                       absolute;
    left:                           168px;
    top:                            60px;
    width:                          769px;
}

#gallery.framework .flower#right {
    background:                     url("/media/images/flower-right.png") no-repeat scroll 0 0 transparent;
    top:                            0;
    height:                         430px;
    right:                          0;
    width:                          298px;  
}

#sessions.framework .flower#right {
    background:                     url("/media/images/flower-right-sessions.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    display:                        none;
    height:                         779px;
    right:                          0;
    width:                          369px;  
}

#rules.framework .flower#right {
    background:                     url("/media/images/flower-right-rules.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         766px;
    right:                          0;
    width:                          377px;
}

#modelling.framework .flower#right {
    background:                     url("/media/images/flower-right-modelling.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         557px;
    right:                          0;
    width:                          396px;
}

#ethos.framework .flower#right {
    background:                     url("/media/images/flower-right-ethos.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         800px;
    right:                          0;
    position:                       relative;
    width:                          424px;
}

#philosophy.framework .flower#right {
    background:                     url("/media/images/flower-right-philosophy.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         782px;
    right:                          0;
    width:                          348px;
}

#gifts.framework .flower#right {
    background:                     url("/media/images/flower-right-gifts.png") no-repeat scroll 0 0 transparent;
    bottom:                         0;
    height:                         522px;
    right:                          0;
    width:                          646px;
}

.framework .flower {                    
    float:                          right;
    overflow:                       hidden;
    position:                       relative;
}

.framework #head {
    margin:                         0 0 0 -20px;
}

.framework #head h2 {
    background:                     url("/media/images/content-h2.png") no-repeat scroll 0 0 transparent;       
    font-size:                      2.167em;
    font-weight:                    bold;
    height:                         29px;
    margin:                         0 0 30px;
    padding:                        30px 0 0 22px;
}

#index.framework {
}

#sessions.framework #content {
    text-align:                     left;
}

#sessions.framework #content ul {
    margin:                         0 0 15px 0;
}

#disclaimer-text {
    text-align:                     left;
    width:                          720px;
}

#content {
    font-size:                      1.2em;
    overflow:                       hidden;
    text-align:                     justify;
}

#content .gallery {
    margin:                         0;
    overflow:                       hidden;
}

#content .gallery li {
    float:                          left;
    height:                         190px;
    list-style-type:                none;
    margin:                         0 10px 10px 0;
    width:                          275px;
}

#index.framework #content {
    font-size:                      1.2em;
    height:                         470px;
}

ul {
    margin:                         0 0 15px 20px;
}

ul li {
    list-style-type:                disc;
    list-style-position:            outide;
}

/* ----------  Styles ---------- */

/* ---------- Form Styles ---------- */ 
.contact-form fieldset {
    border:                         none;
}
.contact-form label {
    float:                          left;
    width:                          270px;
}
.contact-form li {
    list-style-type:                none;
    padding:                        2px 0;
}
.contact-form strong {
    color:                          #ff0000;
    padding:                        0 0 0 3px;
}
.contact-form .checkbox {
    width:                          auto;
}
#required {
    text-align:                     right;
}
#required strong {
    color:                          #ff0000;
}

.rhover,
.hover:hover {
    -ms-filter:                         "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:                             alpha(opacity=60);
    -moz-opacity:                       0.6;
    opacity:                            0.6;
}
.rhover:hover {
    -ms-filter:                         "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:                             alpha(opacity=100);
    -moz-opacity:                       1.0;
    opacity:                            1.0;
}