/* Simply Yurts - website colours:
	
	red: #CC0000;
	orange: #EE5417;
	blue: #1A69A6;
	purple: #960482;
	lilac: #65049B;
	
*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	line-height: 155%;
	}

body {
    background: url(../images/navigation/nav_bg_body.gif) repeat-y left;
}
	
#container {
    background: no-repeat fixed top right;
    width:100%;
    height: 100%;
    float:left;
	}

#container.home {
    background-image:url(../images/bg/sy_bg_red.jpg);
	}

#container.gallery {
    background-image:url(../images/bg/sy_bg_yellow.jpg);
	}

#container.yurts {
    background-image:url(../images/bg/sy_bg_blue.jpg);
	}

#container.pricing {
    background-image:url(../images/bg/sy_bg_purple.jpg);
	}

#container.contact {
    background-image:url(../images/bg/sy_bg_lilac.jpg);
	}

#base {
	width: 950px;
	margin: 0px;
	overflow: visible;
	height: 100%;
	}
	
#content {
	width: 775px;
	float: right;
	clear: none;
	height: 100%;
	}
	
#content p {
	margin: 6px 0px;
	padding: 0px;
	}		

#navigation {
	background: url(../images/navigation/nav_bg.gif) no-repeat;
	width: 175px;
	height: 100%;
	float: left;
	clear: none;
	}
	
#navigation_box {
	position: absolute;
	top: 117px;
	left: 0px; 
	}
	
#navigation_box ul {
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

#navigation_box li {
	display: inline;
	margin: 0px;
	padding: 5px;
	}	

#content_one {
	width: 450px;
	float: left;
	clear: none;
	padding: 0px 10px 0px 50px;
	margin: 30px 0px 30px 0px;
	}	

#content_two_left {
	float: left;
	clear: none;
	width: 330px;
	padding: 0px 10px 0px 50px;
	margin: 10px 0px 30px 0px;
	}	
	
#content_two_left ul {
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}

#content_two_left li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

#ajaxcontent, #content_two_right {
    float: right;
	clear: none;
	width: 350px;
	padding: 0px 0px 20px 20px;
	margin: 20px 0px 30px 0px;
	background-color: #1c58b8;
	}
	
#content_two_right ul {
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}

#content_two_right li {
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0px;
	}
	
#content_two_right li a img {
	border: 1px #174999 solid;
	}
	
#content_two_right li a img:hover {
	border: 1px #ffffff solid;
	}
	
.img_button {
	margin-left: 5px;
	}

#ajaxcontent img, #content_two_rightimg {
    float: right;
	clear: none;
	width: 250px;
	padding-top: 65px;
	margin: 30px 0px 30px 0px;
	text-align: right;
	}

a.yurt_specs {
    text-decoration: underline;
    cursor: pointer;
	}

.case_study_plan {
    width: 200px;
    margin: 10px auto 0 auto;
	}

.case_study_plan p {
    text-align:left;
	}

.case_study_plan a {
    color: #fff;
	}

.case_study_plan img {
    float: right;
    border: 0;
	}

#christmas_booking label {
    margin-right: 20px;
	}

#christmas_booking input[type=text] {
    background-color: #d63334;
    border: 1px solid #FFFFFF;
    width: 200px;
    height: 17px;
    color: #FFFFFF;
    padding: 1px 5px;
    margin: 2px 0px;
	}

#christmas_booking select {
	width: 210px;
	background-color: #d63334;
	color: #fff;
}


/*--- Gallery ---*/

#gallery {
	width: 700px;
	float: left;
	clear: none;
	padding: 0px 10px 0px 50px;
	margin: 30px 0px;
	}
	
#gallery ul {
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	height: 230px;
	}
	
#gallery li {	
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	}

#gallery a img {
	border: 1px #f1662f solid;
	}
	
#gallery a img:hover {
	border: 1px #ffffff solid;
	}

#gallery_th {
	width: 400px;
	float: left;
	clear: none;
	padding: 0px 10px 0px 50px;
	margin: 30px 0px 30px 0px;
	}
	
#gallery_th ul {
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin:0;
	padding:0;
	height: 230px;
	}
	
#gallery_th li {	
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	}

#gallery_th a img {
	border: 1px #f1662f solid;
	}
	
#gallery_th a img:hover {
	border: 1px #ffffff solid;
	}
	
#gallery_th_right {
	width: 295px;
    float: right;
	clear: none;
	padding: 10px;
	margin: 30px 0px 30px 0px;
	background-color: #e4490c;
	}

#header {
	width: 775px;
	height: 190px;
	margin: 0px auto;
	}
	
#footer {
	width: 755px;
	clear: both;
	padding-top: 10px;
	margin: 20px 0px 0px 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	border-top: 1px #FFFFFF solid;
	}		
	
p a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
	
p a:hover {
	color: #000000;
	text-decoration: none;
	}			

.headlines {
	font-weight: bold;
	font-size: 12px;
    border-bottom: 1px solid #FFFFFF;
	}

h1 {
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0px 10px 0px;
	line-height: 110%;
	}
	
h1 {
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0px 10px 0px;
	line-height: 110%;
	}

h1 a {
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}

.numbers {
	font-weight: normal;
	font-size: 28px;
	color: #eea017;
	line-height: 30px;
	}
	
.img_hdl {
	margin-bottom: 10px;
	}
	
.img_more {
	margin-top: 10px;
	}

.img_text {
	width: 233px;
	}
	
.img_christmas {
	margin-left: 40px;
	}
	
.price_table {
	margin-left: 0px;
	border: 0px #b905a0 solid;
	}

.price_th {
	padding: 10px;
	border: 1px #B905A0 solid;
	background-color: #B905A0;
	font-weight: bold;
	} 
	
.price_td {
	padding: 8px;
	border: 1px #B905A0 solid;
	font-size: 10px;
	}
	
.price_table a {
	color: #ffffff;
	text-decoration: none;
	}
	
.price_table a:hover {
	color: #ffffff;
	text-decoration: none;
	}

.spec_table {
	margin-left: 0px;
	border: 0px #5388BA solid;
	border-collapse: collapse;
	}

.spec_th {
	padding: 10px;
	border-width: 0 0 1px 0;
	border-color: #5388ba;
	border-style: solid;
	background-color: #5388ba;
	font-weight: bold;
	} 
	
.spec_td {
	padding: 10px;
	border-width: 0 0 1px 0;
	border-color: #5388ba;
	border-style: solid;
	}

.last {
    border: none;
}
	
.spec_table a {
	color: #ffffff;
	text-decoration: none;
	}
	
.spec_table a:hover {
	color: #ffffff;
	text-decoration: none;
}

#gallery_th_right {
    margin-top: 100px;
}

#gallery_th_right .heading {
    padding-top: 10px;
}

/*----------------------------------------*/
/* Form CSS */

form {
		width: 350px;
		}

#contact_form {
    width: 420px;
}

#contact_form label {
	width: 200px;
}

#contact_form input[type=text], #contact_form textarea#comments{
		width: 200px;
		font-size: 11px;
		background-color: #8907d2;
		border: 1px solid #ffffff;
		padding: 2px 0px 3px 5px;
		color: #ffffff;
		}

#contact_form textarea#comments {
    width: 400px;
    height: 100px;
    display: block;
}
	
form p {
		margin: 1px;
		padding: 1px;
		}		
	
form p label {
		float: left;
		width: 50%;
		}
	
form p .box, select {
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #8907d2;
		border: 1px solid #ffffff;
		padding: 2px 0px 3px 5px;
		}		

form p .button {
		font-size: 11px;
		color: #ffffff;
		background-color: #8907d2;
		border: 1px solid #ffffff;
		padding: 2px;
		margin: 10px 0px;
		font-weight: bold;
		cursor: pointer;
		}	

a:focus {
    	outline: none; 
		}
		
		
/*** ---GALLERY--- ***/

* { padding:0px; margin:0px; }

h7 { margin: 10px 10px 0 10px; color:#333; font-size: 13pt; letter-spacing:-1px; font-weight: bold;  }
	
.boxgrid{ 
	width: 205px; 
	height: 140px; 
	padding-left: 10px;
	float:left; 
	background:#ee5417;
	overflow: hidden; 
	position: relative; 
	border: 3px #f1662f solid;
	/*margin: 1px;*/
	}
	
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
		
.boxgrid p{ 
	padding: 10px; 
	color:#FFFFFF; 
	font-size: 95%;
	width: 170px;
	}
		
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}


	a.h7 { 
		color: #333; text-decoration: none;  
		}
	a.h7:link {
		text-decoration: none;
		color: #333;
		}
	a.h7:visited {
		text-decoration: none;
		color: #333;
		}
	a.h7:hover {
		text-decoration: underline;
		color: #333;
		}
	a.h7:active {
		text-decoration: none;
		color: #333;
		}			

/*** ---SlideShow--- ***/
    .slideshow {
        overflow: hidden;
        width: 775px;
        height:190px;
        margin: 0;
        padding: 0;
    }
    .slideshow img {
        width: 775px;
        height: 190px;
        margin: 0;
        padding: 0;
    }

.slideshow_nav {
     z-index:50;
     position:absolute;
     display:none;
     cursor:pointer;
    }

.prev {
   	left:888px;
    top:169px;
	padding:5px 5px 5px 5px;
    color: #FFFFFF;
    clear: none;
    background-color: #000000;
    border-right:1px solid #777;
    }

.pause {
    left: 909px;
    top: 169px;
 	padding: 5px 5px 5px 5px;
    color: #FFFFFF;
    clear: none;
    background-color: #000000;
    border-right: 1px solid #777;
    }

.next {
   left:930px;
	top:169px;
    padding: 5px;
    color: #fff;
    float: right;
    clear: none;
    background-color: #000000;
    }
	
/*** ---Telephone Number & E-Mail Address--- ***/

    #telephone_number {
     position: absolute;
     z-index: 51;
     left: 745px;
     top: 10px;
     color: #ffffff;
     padding-bottom: 5px;
     border-bottom: 2px solid #ffffff;
    }
	
    #telephone_number > p {
     font-size: x-large;
     margin-bottom: 5px;
    }
	
    #telephone_number > a {
     color: #ffffff;
     text-decoration: none;
     font-size: larger;
    }

/*** ---Tabs--- ***/

.open {
    font-size: 14px;
    padding: 5px 7px 0px 7px;
    font-weight: bold;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
	}

.open.blue {
    background-color: #1c58b8;
	}

.open.purple {
    background-color: #b2439b;
	}

.open.red {
    background-color: #d32424;
	}

.close {
    font-size: 14px;
    padding: 1px 7px 0px 7px;
    font-weight: bold;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
}

.close.blue {
    background-color: #0040a0;
}

.close.purple {
    background-color: #83007b;
}

.close.red {
    background-color: #c01010;
}

/*** ---About Page--- ***/

.about_topic {
    padding: 10px 10px 5px 10px;
    border: 2px solid;
	}

.about_topic.blue {
    border-color: #1c58b8;
	}

.about_topic.purple {
    border-color: #b2439b;
	}

.about_topic.red {
    border-color: #d32424;
	}

.about_topic h1 {
    padding-top: 0;
	}

.about_tab {
    text-decoration: none;
    font-size: larger;
	font-weight: bold;
    cursor: pointer;
    margin-right: 0px;
    margin-bottom: 2px;
}
    
/*** ---Wordpress Blog Styles--- ***/

#content_one_blog {
	width: 725px;
	float: left;
	clear: none;
	padding: 0px 10px 0px 50px;
	margin: 30px 0px;
	}

#content_one_blog #left {
    float: left;
    width: 500px;
	}

#content_one_blog #right {
    float: left;
    width: 215px;
    padding-left:10px;
	}

#content_one_blog h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
	}

#content_one_blog h4 a {
    color: #fff;
    text-decoration: none;
	}

.wp-post {
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 20px;
	}

.wp-post img {
    border: 0;
	}

.last-post {
    border-bottom: 0;
	}

.wp-post-information {
    padding:0;
    margin:0 0 20px 0;
	}

.wp-post-information li {
    display: inline;
    padding: 0 10px 0 0;
    margin: 0;
	}

.post-edit-link {
    font-weight: normal;
    text-decoration: underline;
	}

.post-edit-link:hover {
    color: #fff;
    text-decoration: underline;
	}

#content_one_blog h1 {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #FFFFFF;
	}

#content_one_blog h1 > a {
    text-decoration: none;
	}

.wp-post a {
    color: #FFFFFF;
	}

.alignright {
    margin: 7px 0 7px 7px;
    float: right;
	}

.alignleft {
    margin: 7px 7px 7px 0;
    float: left;
	}

.aligncenter {
    margin: 0 auto;
	}

.wp-post-archive {
    list-style: none;
	}

.wp-post-archive li a {
    color: #FFFFFF;
	}

.wp-sidebar-group {
    margin-bottom: 30px;
	}

.wp-sidebar-group ul {
    list-style: none;
	}

.wp-sidebar-group ul a {
    color: #FFFFFF;
	}

#searchform {
    width: 200px;
	}

#searchform input {
    display: block;
    margin-bottom: 10px;
	}

#searchform input[type=text] {
    width: 200px;
	}

#comments_area h1 {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    width: 500px;
    border-bottom: 1px solid #fff;
	}

.comment-meta > a {
    font-color: #fff;
	}

#comments_area ol li {
    list-style: none;
	}

#respond h1 {
    border-bottom: 1px solid #fff;
	}

#commentform {
    margin: auto;
	width: 100%;
	}
	
#commentform p {
	width: 400px;
	margin: 0 auto;
}

#commentform p label {
	width: 170px;
	float: left;
}

#commentform input[type=text] {
		width: 200px;
		font-size: 11px;
		float: right;
		clear: both;
		margin-bottom: 10px;
		background-color: #fff;
		border: 1px solid #fff;
        padding: 0;
		color: #000;
		}

#commentform textarea {
	width: 400px;
	border: 0;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-family: arial;
}

.attachment-thumbnail {
	width: 150px;
}
/*** ---Yurts--- ***/

.yurts_container {
    float:left;background: url(../images/bg/yurts_bg.gif) repeat-y;
    margin: 30px 0 20px 0;
    width: 775px;
	}

.yurt_icon {
    border: 0;
    cursor: pointer;
	}

/*** ---Testimonials--- ***/

#content_onefullsize {
	width: 700px;
	float: left;
	clear: none;
	padding: 0px 10px 0px 50px;
	margin: 30px 0px 30px 0px;
	}	
	
#content_onefullsize p{
	width: 430px;
	}	
	
.img_testimonials {
	float: right;
	border:5px solid #f1662f;
	}	
	
#testimonials_box {
	width: 700px;
	border-top: 1px #FFFFFF solid;
	padding-top: 10px;
	height: 210px;
	}
	
.img_events {
	float: right;
	border:5px solid #d94040;
	margin-bottom: 10px;
	}

#accessories {
    width: 100%;
}

#accessories th, #accessories td {
    border-bottom: 1px solid #fff;
    padding: 2px 5px;
}
#accessories tr.even {
/*    background-color: #B826A4; */
}