/*####################################
#	GENERIC
####################################*/
a img, :link img, :visited img {
	border: 0;
	}
	
/*####################################
#	BODY,HTML
####################################*/

body,html {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #eae9e8;
	font: normal 75% Helvetica, serif;
	height: 100%
	}
	
html>body {
	font-size: 11px;
	color: #eae9e8;
	}

object {
outline:none;
}

.clear {
	clear: both;
	}
	
.clearLeft {
	clear: left;
	}
	
.clearRight {
	clear: right;
	}
	
a {
	color: #fff;
	}
	
.pointer {
	cursor: pointer;
	}
	
strong {
	font-weight: bold;
	}

.background-image {
	height: 100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:5000;
	}
	
.banner-image {
	left:0;
	position:absolute;
	top:55px;
	z-index:5001;
	}
	
/*####################################
#	CONTAINER
####################################*/
	
#container {
	margin: 0 auto;
	width: 915px;
	height: 100%;
	min-width: 915px;
	min-height: 100%;
	position: relative;
	z-index: 6001;
	}
	
/*####################################
#	CONTENT
####################################*/

#navigation {
	margin: 0 auto;
	height: 60px;
	width: 915px;
	text-align:center;
	padding-bottom:5px;
	z-index: 6000;
	position: relative;
	}

#header[class] {
	margin: 0 auto;
	height: 215px;
	width: 815px;
	background: url(../img/header.png) center top no-repeat;
	padding: 5px 0 5px 0;
	z-index: 6000;
	position: relative;
	}

#header.home, #header.community, #header.go, #header.picture {
	height: 50px;
	}

.home-splash {
	height: 325px;
	width: 915px;
	}
	
.home-splash2 {
	height: 325px;
	width: 792px;
	margin:0px auto 30px auto;
	background: url(../img/home-splash-13-1.jpg) center top no-repeat;
	overflow:hidden;
	box-shadow: 0px 0px 12px #29130b;

	}
	
.home-splash2:hover {
	opacity:0.6;
	filter:alpha(opacity=60)
	}
	
	
.home-splash2 a {
	display:block;
	height: 325px;
	width: 792px;
	text-indent:-999px;
	}

.home-sub[class] {
	background: url(../img/home-sub.png) center top no-repeat;
	height: 35px;
	width: 915px;
	}

.home-splash h1 {
	display: none;
	}

#container .left {
	float: left;
	width: 305px;
	}
	
#mod-container{
	width:792px;
	margin:0px auto 0px auto;
}
	
.home-mod1{
	float:left;
	width:241px;
	height:179px;
	margin-right:34px;
	box-shadow: 0px 0px 12px #29130b;
	background-image: url(../img/home-3-columns.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.home-mod1:hover{
    opacity:0.6;
	filter:alpha(opacity=60)
	}
	
.home-mod1 a {
	display:block;
	height: 241px;
	width: 100%;
	text-indent:-999px;
	}
	
.home-mod2{
        float:left;
		width:241px;
		height:179px;
		background: url(../img/home-3-columns.jpg) center top no-repeat;
		box-shadow: 0px 0px 12px #29130b;
	}
.home-mod2:hover{
    opacity:0.6;
	filter:alpha(opacity=60)
	}
	
.home-mod2 a {
	display:block;
	height: 241px;
	width: 179px;
	text-indent:-999px;
	}
	
.home-mod3{
        float:right;
		width:241px;
		height:179px;
		background: url(../img/home-3-columns.jpg) right top no-repeat;
		box-shadow: 0px 0px 12px #29130b;
	}
.home-mod3:hover{
    opacity:0.6;
	filter:alpha(opacity=60)
	}
	
.home-mod3 a {
	display:block;
	height: 241px;
	width: 179px;
	text-indent:-999px;
	}
	
#ssp-box{
	background:#30170e;
	width:508px;
	box-shadow: 0px 0px 12px #29130b;
	float:left;
	margin-left:0px;

}

#rightcolumn{
	width:260px;
	float:right;
	margin-right:0px;
}

#rightcolumn-header{
height:23px;
width:260px;
margin-bottom:15px;
background: url(../img/experience-right-elements.png) left top no-repeat;
text-indent:-999px;
overflow:hidden;
}

/*Experience page - Right Column Thumb Grid*/
#rightcolumn ul.thumb-grid{
	width:260px;
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style-type: none;
	display:block;
	overflow:hidden
}

#rightcolumn ul.thumb-grid li{
	width:78px;
	height:78px;
	background: url(../img/experience-right-elements.png) left -204px no-repeat;

}

#rightcolumn ul.thumb-grid li:hover{
	opacity:0.6;
	filter:alpha(opacity=60)
}

#rightcolumn ul.thumb-grid li.thumb1{
	background-position: left -38px;
	float:left;
	margin-right:13px;
}

#rightcolumn ul.thumb-grid li.thumb2{
	background-position: -92px -38px;
	float:left;
}

#rightcolumn ul.thumb-grid li.thumb3{
	background-position: -182px -38px;
	float:right;
}

#rightcolumn ul.thumb-grid li.thumb4{
	background-position: left -127px;
	margin-right:13px;
	float:left;
}

#rightcolumn ul.thumb-grid li.thumb5{
	background-position: -92px -127px;
	float:left;
}

#rightcolumn ul.thumb-grid li.thumb6{
	background-position: -182px -127px;
	float:right;
}

/*Experience page - Right Column Navigation*/
#rightcolumn ul.menu1{
	clear:left;
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#rightcolumn ul.menu1 li{
	height:44px;
	text-indent:-999px;
	overflow:hidden;
	box-shadow: 0px 0px 12px #29130b;
	background-image: url(../img/experience-right-elements.png);
	background-repeat: no-repeat;
}

#rightcolumn ul.menu1 li:hover{
	opacity:0.6;
	filter:alpha(opacity=60)
}

#rightcolumn ul.menu1 li a{
	display:block;
	width:100%;
	height:44px;
}

ul.menu1 li.link1{
background-position: left -205px;
width:260px;
}

ul.menu1 li.link2{
background-position: left -250px;
width:260px;

}

ul.menu1 li.link3{
background-position: left -295px;
width:260px;

}

ul.menu1 li.link4{
background-position: left -339px;
float:left;
width:119px;
}

ul.menu1 li.link5{
background-position: right -339px;
float:right;
width:119px;
}

ul.menu1 li.link6{
background-position: left -384px;
float:left;
width:119px;
box-shadow:none;
}

ul.menu1 li.link7{
background-position: right -384px;
float:right;
width:119px;
box-shadow:none;
}

ul.menu1 li.link8{
background-position: left -428px;
width:260px;
}
	
	
#flashMessage { color: #000; margin-left: 10px;}

#container .left p {
	color: #eae9e8;
	margin: 0 20px 0 20px;
	}

#container .left h2 {
	color: #eae9e8;
	margin: 0 20px 0 20px;
	}
	
#container .left a {

	color: #eae9e8;
	text-decoration:underline;
	}
	
#container .left a:hover {

	color: #eae9e8;
	text-decoration:none;
	}

#container.page {
	width: 816px;
	}

#container.community {
	width: 915px;
	}

#container.picture {
	width: 1280px;
	z-index: 5000;
	}

#container.go {
	width: 100%;
	}

#content {
	margin: 0 auto;
/*	background: url(../img/content-bg.jpg) top center repeat-y;
*/	background-color:#fbfaf5;
	}

#content.home {
	background: none;
	}

#content.page {
	width: 816px;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	}

#content.go {
	background: none;
	width: 100%;
	} 

#content.picture {
	background: none;
	width: 100%;
	} 

#content.community {
	margin: 0 auto;
	background: none;
	width: 915px;
	}
	
#content a {
	color: #391e15;
	text-decoration: underline;
	}

#content a:hover {
	text-decoration: none;
	}

#content h1, #content h2, #content h3, #content p {
	color: #000;
	margin: 0px 10px 10px 10px;
	}

#content h1, #content h2, #content h3 {
	padding: 5px 0px 5px 0px;
	}

#content p {
	padding: 0px 0px 6px 0px;
	}

#content .sidebar {
	float: left;
	width: 180px;
	border-right: 1px solid #ddd;
	}

#content .content {
	float: left;
	width: 610px;
	}

#content .content small {
	font-size: 11px;
	font-style: italic;
	}
	
#content ul, #content ol {
	color: #000;
	margin: 0 0 5px 10px;
	}	
	
#content li {

	margin: 0 0 10px 0;
	}	
	
#content table { 

}
#content td, th {
	padding: .3em; 
	/*border: 1px #ccc solid;*/

} 

/*####################################
#	COMMUNITY
####################################*/

#community {
	float: left;
	}

#community.blog {
	background: url(../img/blog.png) top center no-repeat;
	}

#community.forum {
	background: url(../img/forums.png) top center no-repeat;
	margin-top: 13px;
	}

#community.qanda {
	background: url(../img/qanda.png) top center no-repeat;
	margin-top: 11px;
	display: block;
	width: 307px;
	height: 170px;
	}

#community.blog a {
	display: block;
	width: 311px;
	height: 170px;
	}

#community.forum a {
	display: block;
	width: 279px;
	height: 170px;
	}

#community.qanda a {
	display: block;
	width: 307px;
	height: 170px;
	}
	
#community.blog a span, #community.forum a span, #community.qanda a span {
	display: none;
	}

#community.left {
	float:left;
	width:290px;
	}

#community.left form {
	margin: 0;
	padding: 0;
	color: #fff;
	}

#community.left form div {
	clear: left;
	margin: 7px 0;
	}
	
#community.left form div label {
	float: left;
	line-height: 1.7em;
	width: 80px;
	}
	
	/* Calculator					*/
	#calculator {
		border: solid 2px #3C1A09;
		float: right;
		margin: 12px;
		padding: 12px;
	}
	#calculator form {
		margin: 0;
		padding: 0;
	}
	#calculator fieldset {
		font-size: 1.20em;
		font-weight: bold;
		padding: 0;
	}
	#calculator fieldset legend {
		text-indent: 0;
	}
	#calculator fieldset ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#calculator fieldset ul li {
		clear: both;
		font-size: 0.89em;
		font-weight: normal;
		padding: 3px 0;
	}
	#calculator fieldset ul li strong {
		display: block;
		float: left;
		font-weight: normal;
		width: 8.00em;
	}
	#calculator fieldset ul li span span {
		font-weight: bold;
	}
	

/*####################################
#	FORM
####################################*/

form {
	color: #000;
	border: none;
	margin: 24px 0 0;
	padding: 6px;
	}
	
form fieldset legend {
	text-indent: -1000em;
	}
	
form fieldset {
	border: none;
	}

form fieldset div {
	clear: left;
	margin: 7px 0 7px 7px;
	}
	
form fieldset div.checkbox {
	padding-left: 120px;
	}
	
form fieldset div label {
	float: left;
	line-height: 1.7em;
	width: 120px;
	}
	
form fieldset div.checkbox label {
	float: none;
	line-height: 2em;
	width: 100%;
	}
	
form fieldset div.text input,
form fieldset div.password input,
form fieldset div.select select {
	width: 200px;
	}
	
form fieldset div.textarea textarea {
	}
	
form fieldset div.checkbox input {
	float: left;
	}
	
form div.submit {
	padding-left: 5px;
	}
	
form fieldset div.date select {
	width:100px;
	}

form fieldset div.checkboxes {
	width: 500px;
	}
	
form fieldset div.checkboxes div.checkbox {
	padding-left: 110px;
	}
	
form fieldset div.checkboxes div.checkbox.altrow {
	background-color: #deebf3;
	}

/*####################################
#	FOOTER
####################################*/

#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 6000;
	}

#footer a {
	color: #666666;
	text-decoration: none;
	}

#footer .eurasia[class] {
	float: left;
	width: 144px;
	height: 83px;
	background: url(../img/eurasia.png) top left no-repeat;
	padding: 0;
	margin: 0 0 0 10px;
	clear: both;
	}

#footer .left {
	float: left;
	}

#footer .left a.join[class] {
	display: block;
	background: url(../img/join.png) top right no-repeat;
	width: 65px;
	height: 26px;
	float: left;
	}

#footer .left a.newsletter[class] {
	display: block;
	background: url(../img/newsletter.png) top right no-repeat;
	width: 122px;
	height: 26px;
	float: left;
	}

#footer .right {
	float: right;
	}

#footer .right a.send[class] {
	display: block;
	background: url(../img/send.png) top right no-repeat;
	width: 114px;
	height: 26px;
	float: right;
	}

#footer .right a.donate[class] {
	display: block;
	background: url(../img/donate.png) top right no-repeat;
	width: 72px;
	height: 26px;
	float: right;
	}
	
	
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-image: url(../img/popup_bg.png);
	
	width:500px;	
	border:4px solid #f0f4ed;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	

}


.simple_overlay table{
	margin-top:10px;
}

.simple_overlay h3 {
	color:#44200D;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:16px;
	width:16px;
	background-repeat: no-repeat;
}

/* some styling for triggers */
	#triggers {
		text-align:center;
	}
	
	#triggers img {
		cursor:pointer;
		margin:0 5px;
		background-color:#fff;
		border:1px solid #ccc;
		padding:2px;
	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	
	
	
	/* styling for elements inside overlay */
	.details {	
		font-size:11pt;
		color:#fff;
		margin:25px auto 25px auto;
		font-size:10pt;
		width:450px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
	
#ssp-experience-gallery{
	margin:15px auto 15px auto;
	width:480px;
}


/*overlay thumbnail*/

#overlay-content-box ul.thumb-grid{
	margin:0px 0px 10px -5px;
	padding:0px;
	list-style-type: none;
	display:block;
	overflow:hidden;
	float:left;
	list-style-position: inside;
}

#overlay-content-box ul.thumb-grid li{
	margin-left:-10px;
	width:77px;
	height:77px;
	background: url(../img/experience-right-elements.png) left -204px no-repeat;

}

#overlay-content-box ul.thumb-grid li.thumb1{
	background-position: -1px -37px;
	float:left;
	margin: 0px 15px 0px 15px;
}

#overlay-content-box ul.thumb-grid li.thumb2{
	background-position: -92px -37px;
	float:left;
	margin: 0px 15px 0px 15px;
	
}

#overlay-content-box ul.thumb-grid li.thumb3{
	background-position: -182px -37px;
	float:left;
	margin: 0px 15px 0px 15px;

}

#overlay-content-box ul.thumb-grid li.thumb4{
	background-position: -1px -127px;
	float:left;
	margin: 0px 15px 0px 15px;
	
}

#overlay-content-box ul.thumb-grid li.thumb5{
	background-position: -92px -127px;
	float:left;
	margin: 0px 15px 0px 15px;

}

#overlay-content-box ul.thumb-grid li.thumb6{
	background-position: -182px -127px;
	float:left;
	margin: 0px 15px 0px 15px;
}

#experience-video{
	float:left;
	margin-right:10px;
}

.error{
	color:#F00;
	list-style-type: none;
}
