/* --- SITE values --- */

body 		    { padding: 0; margin: 0; background: #000; width: 100%; height: 100%;
 				  font: 12px Helvetica, Arial, sans-serif; text-align: center; line-height: 1.5em; }
p 				{ margin: 10px 5px; }
a			 	{ padding: 0; text-decoration: none; color: #555; }
img				{ border: 0; }
h1, h2, h3, h4, h5, h6 	{ padding: 2px 10px; }
ul, li			{ padding: 0; margin: 0; border: 0; list-style-type: none; }


.clear 			{ clear: both; background: none; }
.page			{ clear: both; margin: 0 15px 0 10px; border-top: 1px solid #444444; }
.404sep			{ clear: both; padding: 0; background: none; margin: 0; border: 1px solid #d2b260; width: 100%;}
.nosep 			{ clear: both; padding: 0; border-top: 0px solid #2f2f2f; margin: 5px 2px 5px 0; }
.pagesep 		{ clear: both; padding: 0; border-top: 1px solid #2f2f2f; margin: 10px; }


.black 			{ background: #000000 url(/images/background_blackfade_1440x1084.png) no-repeat fixed left top; }
.desert			{ background: #000 url(/images/rando/AlcyonDesertRoad_1707x960.jpg) center center fixed no-repeat;
  				  -moz-background-size: cover; background-size: cover; }
				@media only all and (max-width: 1024px) and (max-height: 768px) {
 				 body {	-moz-background-size: 1024px 768px; background-size: 1024px 768px;} }
.mountains		{ background: #000 url(/images/rando/AlcyonMountainSunset_1707x960.jpg) center center fixed no-repeat;
  				  -moz-background-size: cover; background-size: cover; }
				@media only all and (max-width: 1024px) and (max-height: 768px) {
 				 body {	-moz-background-size: 1024px 768px; background-size: 1024px 768px;} }
.rando			{ background: #000 url(/images/rando/rotate.php) center center fixed no-repeat;
				  -moz-background-size: cover; background-size: cover; }
				  @media only all and (max-width: 1024px) and (max-height: 768px) {
 				  body {	-moz-background-size: 1024px 768px; background-size: 1024px 768px;} }


.left 			{ float: left; }
.right 			{ float: right; }

.pageheading	{ text-align: left; color: #fff; letter-spacing: .05em; font-style: italic; }
.pageintro		{ text-align: left; color: #999; letter-spacing: .05em; font-style: italic; }
.opacityhundo	{ width: 100%; height: 100%; }

.linkcaption 	{ padding-left: 10px; margin-top: -7px; font-style: italic;}

.imginsetleft 	{ float: left; padding: 0; margin: 5px 15px 25px 8px; border: 0; }
.imginsetright 	{ float: right; padding: 0; margin: 5px 8px 5px 15px; border: 0; }
.textinsetleft 	{ width: 400px; margin: 5px 15px 25px 8px; border: 0; }


.featuredtitle 		{ width: 347px; text-align: left; padding: 0 5px; margin-top: 70px; border: 0; display: block; }
.featuredcontent 	{ width: 348px; text-align: left; padding: 0 5px; margin: 0; border: 0; display: block; }
#featuredimage 		{ min-width: 500px; width: 500px; height: 500px; overflow: hidden; float: right; clear: both; 
					  text-align: left; padding: 5px; margin: 0; border: 0; display: block; cursor: pointer; }
#featuredright 		{ background-color: yellow; min-width: 510px; float: right; clear: both; text-align: left; 
					  padding: 0; margin: 0; border: 0; display: block; overflow: hidden; }
.featuredhalf 		{ width: 350px; text-align: left; padding: 3px; margin: 0; border: 0; display: block; }
.featuredquarter 	{ text-align: left; padding: 3px; margin: 0; border: 0; display: block; }

.Drag				{ cursor: move; position: absolute; z-index: 999; cursor:move; }



/* ---  COLOUR ---  values */

.yellow 		{ color: #d2b260; }
.green 			{ color: #3d4745; }
.greygreen		{ color: #2e2f2e; }
.ltgrey			{ color: #818285; }
.linkgrey		{ color: #444444; }
.drkgrey		{ color: #2f2f2f; }
.almostblack	{ color: #070707; }
.white			{ color: #ffffff; }

.red			{ color: #ffffff; background-color: red; padding: 5px 10px; }
.opaque			{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; 
				  padding: 0; border: 0; margin: 0; }





/* ---  PAGE values ---  */

#wrapper 		{ position: relative; margin: 0 auto; width: 942px; height: auto;  }

#content 		{ margin-bottom: 30px;  width: 100%; }
#indexcontent	{ margin-bottom: 0; height: 100%; overflow: hidden; }
.minimum		{ min-height: 100%; height: 700px; }

#fullcontent 	{ padding: 10px; border: 2px solid #444444; margin-bottom: 5px; overflow: auto; width: 918px; min-height: 400px;  
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.half 			{ padding: 0; border: 2px solid #444444; margin: 10px; overflow: hidden; width: 433px; min-height: 480px; float: left; 
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000;}
.halfleft 		{ padding: 0; border: 2px solid #444444; margin: 10px 10px 10px 0; overflow: hidden; width: 433px; min-height: 480px; float: right; 
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000;}
.halfcontent 	{ padding: 10px; float: left; }
.quartercontent { padding: 0; margin: 7px; float: left; display: block; width: 200px; }

.halfmap 		{ padding: 0; border: 2px solid #444444; margin: 10px 0 10px 10px; overflow: hidden; width: 480px; min-height: 685px; float: right; 
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000;}



.third 			{ padding: 0; border: 2px solid #444444; margin: 10px 20px 10px 0; overflow: hidden; width: 296px; min-height: 590px; float: left; 
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000;}
.thirdright 	{ padding: 0; border: 2px solid #444444; margin: 10px 0 10px 0; overflow: hidden; width: 296px; min-height: 590px; float: left; 
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000;}
.thirdcontent 	{ width:276px; padding: 5px; float: left; }
.thirdtitle 	{ width: 276px; text-align: left; padding: 0 5px; margin: 0; border: 0; display: block; }
.thirdimage 	{ background-color: #000; display: block; padding: 0; border: 0; margin: 6px; text-align: left; }
.featuredthird 	{ text-align: left; padding: 5px; margin: 0; border: 0; display: block; }
.innercontent 	{ width: 276px; text-align: left; padding: 0 5px; margin: 0; border: 0; display: block; }
.border			{ width: 270px; padding: 2px; border: 1px solid #2f2f2f; margin: 10px 5px; display: block;}






#galleria		{ padding: 0; border: 2px solid #444444; margin: 10px 0; overflow: hidden; width: 936px; min-height: 600px; float: left; 
				   background-color: #070707; color: #dddddd; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				   box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000; }

.galleria-info-title	{ font-weight: 100; }

.wp-pull						{ text-align: left; float: left; display: block;}			
.wp-pull a, .wp-pull a:link		{ color: #999; display: block; min-width: 450px; background-color: transparent; border: 0 solid #777; padding: 3px; margin: 3px; }			
.wp-pull a:hover				{ color: #999; display: block; background-color: rgba(0, 0, 0, 0.7); border-right: 0px solid #000; padding: 3px; margin: 3px; }			
.wp-pull-sep					{ border-top: 1px solid #777; padding: 0 0 3px 0; min-width: 450px; }

#subheader		{ display: inline; float: left; padding: 0 18px; margin-top: -10px; border: 0; text-align: left; clear: both;  }
#subheader p	{ color: #2f2f2f; font-weight: 100; font-size: .7em; padding: 0; border: 0; margin: 0; 
				  text-transform: uppercase; line-height: 1.1em; letter-spacing: .2em;	}

#header, #footer{ width: 920px; padding: 10px; text-align: left; clear: both; }
#header 		{ height: 60px; margin: 20px 0 20px 0; background-color: rgba(0, 0, 0, 0.7);
				border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px; -moz-border-radius: 8px; 
				border: 1px solid #555; 
				box-shadow: 3px 3px 15px #000; -moz-box-shadow: 3px 3px 15px #000; -webkit-box-shadow: 3px 3px 15px #000; }
#slimheader 	{ height: 57px; margin: 0; background-color: #000; padding: 5px 20px 5px 20px; text-align: left; }
#footer 		{ clear: both; margin: 0;  border: 0px solid #555555; color: #444444; position: relative; bottom: 10px;}


#footer p, #footer a, #footer a:link, #footer li, 
#header p, #header a, #header a:link, #header li, 
#slimheader p, #slimheader a, #slimheader a:link, #slimheader li, 
.featurednav p, .featurednav a, .featurednav a:link, .featurednav li, ,vertnav p, .vertnav a, .vertnav a:link, .vertnav li
				{ font-size: 1em; padding-right: 20px; text-transform: uppercase; }

#footer a:hover, #header a:hover, #slimheader a:hover, .featurednav a:hover	{color: #fff;}
#footer ul, #header ul	{ display: inline; list-style-type: none; margin: 0; padding: 0; text-align: left;}
#footer li, #header li, #slimheader li	{ display: inline; list-style-type: none; margin-left: 3px; padding-right: 10px; font-size: .8em;}
#slimheader ul	{ display: inline; list-style-type: none; margin-right: 30px; padding: 5px 0; text-align: left;}
#slimheader img { float: left; padding-right: 20px;}

.socialright{ float: right; padding: 0; margin: 0;}
.socialright ul, .socialright li { display: inline; padding: 0; margin: 0;}
.socialright a {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.socialright a:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

.featurednav ul	{ display: inline; list-style-type: none; margin-top: 0; padding: 0; text-align: left;}
.featurednav li	{ display: inline; list-style-type: none; margin: 0; padding-right: 10px; font-size: .8em;}

.vertnav ul	{ list-style-type: none; margin-top: 0; padding: 0; text-align: left;}
.vertnav li	{ list-style-type: none; margin: 0; padding-right: 10px; font-size: .8em;}
.port		{ padding: 0 0 30px 10px; }


#leftbox, #leftboxmid, #rightboxmid, #rightbox, .contentbox
				{ width: 203px; display: block; float: left; position: relative; padding: 2px; text-align: left; 
				  color: #fff; box-shadow: 2px 2px 5px #000; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000; } 
				  
#leftbox 		{ margin: 10px; min-height: 500px; border: 1px solid #444444; background-color: #070707; }
#leftboxmid 	{ margin: 10px; min-height: 500px; border: 1px solid #444444; background-color: #070707; }
#rightboxmid 	{ margin: 10px; min-height: 500px; border: 1px solid #444444; background-color: #070707; }
#rightbox 		{ margin: 10px; min-height: 500px; border: 1px solid #444444; background-color: #070707; }
.contentbox 	{ margin: 10px; min-height: 400px; border: 1px solid #444444; background-color: #070707; }


#leftbox img, #leftboxmid img, #rightboxmid img, #rightbox img, .contentbox img
				{ padding: 5px 5px 0 5px; width: 193px; }   /* ----- Image Width needs to be 192px ----- */
#leftbox a:link, #leftboxmid a:link, #rightboxmid a:link, #rightbox a:link, .contentbox a:link 
				{ display: block; color: #fff; background-color: #000; font-size: 1em; line-height: 1.5em; }
#leftbox a:visited, #leftboxmid a:visited, #rightboxmid a:visited, #rightbox a:visited, .contentbox a:visited 
				{ display: block; color: #fff; background-color: #000; }
#leftbox a:hover, #leftboxmid a:hover, #rightboxmid a:hover, #rightbox a:hover, .contentbox a:hover
				{ display: block; color: #fff; background-color: #2f2f2f; }
.half a:link, .half a:visited, .half a
				{ display: block; color: #fff; background-color: #000; font-size: 1em; line-height: 1.5em; padding: 3px; border: 1px solid #444; width: 350px}
.quartercontent a:link, .quartercontent a:visited, .quartercontent a
				{ display: block; color: #fff; background-color: #000; font-size: 1em; line-height: 1.5em; padding: 3px; border: 1px solid #444; width: 200px}
.half a:hover, .quartercontent a:hover	{ display: block; color: #ffffff; background-color: #2e2f2e; }

.blockhead 		{ background-color: #3d4745; display: block; padding: 5px; border: 0; margin: 5px; 
				  color: #fff; font-size: .9em; text-align: left; text-transform: uppercase; }
.blockimage 	{ background-color: #000; display: block; padding: 0; border: 0; margin: 6px; text-align: left; }





.clearbyline 	{ height: 30px; clear: both; }

#byline			{ height: 30px;  border: 0; margin: 0;  font-size: 10px; position: relative; left: 0; bottom: 0; width: 100%; overflow: hidden;
				  background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#byline a 		{ text-decoration: none; color: #ccc;}
#designby 		{ float: left; height: 23px; padding-left: 45px; margin-top: 7px; font-size: .8em;}

#byline_navigation				{ float: right; vertical-align: center; }
#byline_navigation li			{ float: left; padding-left: 18px; }
#byline_navigation li a			{ text-transform: uppercase; }
#byline_navigation li a:hover	{ color: #d46235; }




/* ---  FORM values ---  */



#form 			{ color: #818285; text-align: left; font-size: .8em;
				  padding:  0; margin: 5px; border:0; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
fieldset 		{ border: 0; padding: 0;}
legend 			{ padding: 0 5px 0 5px; margin: 0; border: 0; background-color: #000; text-align: left; text-decoration: none; }
.results 		{ color: #d2b260; background-color: #2e2f2e; line-height: 1em; text-transform: uppercase; font-style: italic; text-align: left;
				  padding: 10px; margin: 10px; border: 2px solid #444444; vertical-align: top; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 350px; }
.resultsfront 	{ width: 155px; color: #d2b260; background-color: #2e2f2e; line-height: 1em; text-transform: uppercase; font-style: italic; text-align: left;
				  padding: 10px; margin: 10px; border: 2px solid #444444; vertical-align: top; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

#form textarea	{ background-color: #fff; }