/*CSS (Cascading Style Sheet) Copyright (c) Erik Stackelberg @ Stackelberg.ca*/

/*--------------General-----------------*/

BODY, html 
	{
	height: 100%;/*important!*/
	margin: 0 0 0 0; /*important!*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	background-color:#535353;
	background-image:url(../images/flyaway/bgtop.gif);
	background-repeat:repeat-x;
		/*
	scrollbar-arrow-color: #FF7200;
	scrollbar-base-color: #555555;
	scrollbar-darkshadow-color: #555555;
	scrollbar-track-color: #3A3A3A;
	scrollbar-face-color: #555555;
	scrollbar-shadow-color: #555555;
	scrollbar-highlight-color: #555555;
	scrollbar-3d-light-color : #555555;*/
	}
	
	
/*--------------Links-----------------*/

a:link {
	color: #c9fc01;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

a:visited {
	color: #c9fc01;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

a:hover {
	color: #c9fc01;
	text-decoration:none;
	background: url(../images/flyaway/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/
}

.fullviewimages {
	margin-left:-75px;
	margin-right:auto;
	
	}

.archivemov {
	margin-left:117px;
}

.images {
	border:3px solid #535353;
	}
.imageoverlay {
	border:0px solid #535353;
	width:655px;
	height:225px;
	}

a:hover img.images {
	border:3px solid #8d8d8d;
	}
/*Because the overlay and image itself are both inside the same <a href> tag, you only need to assign hover behaviour to one - since hovering over one triggers the hover state for the other.  This allows you to have a border created around the image, rather than around the overlay.*/

	

#category_label {
position:relative;
margin-top:-228px;
margin-left:3px;
width:655px;
height:225px;
display:block;
}

/*--------------Text-----------------*/


.heading {
font-weight:bold;
}

h1 {
font-weight:bold;
color:#8d8d8d;
font-size:12px;
padding:0px;
margin-top:10px;
margin-bottom:0px;
}

#footer {
color:#d8d1b8;
height:0px;
}

/*-----------Forms--------------*/

input, select, textarea {
background-color:#424242;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border:1px solid #424242;
line-height:12px;
}

.bigdropdown {
font-size:12px;
font-weight:normal;
letter-spacing:0px;
}

.submitbutton {
background-color:#424242;
border:4px solid #424242;
font-size:11px;
font-weight:bold;
}

.specialclass {
visibility:hidden;
width:3px;
}

/*-------------Universal Containers------------*/	

#footerstick
	{
	position: relative;/*important!*/
	min-height:100%;/*important!*/
	background-color:#535353;
	background-image:url(../images/flyaway/bgtop.gif);
	background-repeat:repeat-x;
	z-index:100;
   	}
	
#wrapper {
width:780px;
height:100%;/*important! - must put this in to make sure wrapper stretches to 100% of the footersticker which has a min height of 100% (window 
	height).  Otherwise footer won't stick.  Also, I don't think you can incorporate wrapper centering to the footerstick; it screws it up. Thus the wrapper is necessary for horizontal centering.*/
position:relative;
margin-left:auto;
margin-right:auto;
	background-color:#535353;
	background-image:url(../images/flyaway/bgtop.gif);
	background-repeat:repeat-x;
}

#globalcontainer { /*necessary mainly for bottom padding - can't use wrapper for this - and also collects everything nicely so that it will expand the				
	footer as a single div.*/
	position:relative; /*Set to relative to expand page - this becomes the main div responsible for pushing around the footer. You CANNOT use the 
	wrapper as the global container because its height must be set to 100%.  Or use floats and a clear.*/
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	padding-bottom:0px;	/*important!* - to prevent footer from coming up over content when shrinking window. Make sure you set only padding 
	BOTTOM, not padding everywhere.  Set padding height to height of footer for flush finish.*/
	background-color: #535353;/*have bg same as wrapper bg - wrapper bg only takes care of bg where there is no 	
	content, must have this bg for where there is content.*/

}


#clear {
clear:both;
}


#header 
	{
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width: 580px;
	height: 265px;
	background-color:#424242;
	}
#extra1    
	{
	position:relative; 
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
	height: 142px;
	background-image:url(../images/flyaway/header.gif);
	}
#left 
	{
	float:left; 
	margin-top: 0px;
	margin-left: 0px;
	width: 100px;
	height: 265px;
	background-image:url(../images/flyaway/menuleft.gif);
	position:relative;
	z-index:100;
	}
#right 
	{
	float:left; 
	margin-top: 0px;
	margin-left: 0px;
	width: 100px;
	height: 265px;
	background-image:url(../images/flyaway/menuright.gif);
	position:relative;
	z-index:100;
	}
	
#footer_b
	{
	clear:both;
	position:relative; 
	background-image:url(../images/flyaway/footer.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-color:#464646;
    width: 100%;
	height: 336px;
	margin-left:0;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	}
#about_sectionhead      
	{
	clear:both;
	position:relative; 
	background-image:url(../images/flyaway/sectionhead-about.gif);
	margin-left: 0px;
	width: 780px;
	height: 154px;
	}
#about_content
	{ 
	position:relative; 
	margin-left:auto;
	margin-right:auto;
	width:340px;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	padding-right:350px;
	background-image:url(../images/flyaway/aboutfocal.gif);
	background-repeat:no-repeat;
	background-position:top right;
	}
#portfolio_sectionhead      
	{
	clear:both;
	position:relative;
	background-image:url(../images/flyaway/sectionhead-portfolio.gif);
	margin-left: 0px;
	width: 780px;
	height: 154px;
	}
#portfolio_content
	{ 
	position:relative; 
	margin-left:auto;
	margin-right:auto;
	width:670px;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	}
#portfolio_details_content
	{ 
	position:relative; 
	margin-left:0px;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	}
#portfolio_sortcontrol
	{
	position:absolute;
	margin-left:520px;
	margin-top:127px;
	width:200px;
	height:38px;
	left: -1px;
	}
#portfolio_categorycontrol
	{
	position:absolute;
	margin-left:590px;
	margin-top:100px;
	width:200px;
	height:43px;
	}
	


#links_sectionhead      
	{
	background-image:url(../images/flyaway/sectionhead-links.gif);
	position:relative; 
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
	height: 160px;
		clear:both;
	}

#links_content
	{ 
	position:relative; 
	margin-left:125px;
	margin-top:0px;
	width:260px;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	}
#links_right
	{ 
	position:relative;
	margin-left:410px;
	margin-top:0px;
	width:340px;
	height:650px;
	overflow:hidden;
	padding-bottom:20px;
	background-position:top center;
	background-repeat:no-repeat;
	}

/*-------------Print Stuff------------*/	

#print {
display:none;
}

/*---------Style Menu-------------*/

#masterfooter {/*place outside of footersticker and wrapper - must centre itself*/
	position:relative; 
	width: 100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
/*	margin-top:-79px; /*to move footer back up a bit (since it will be below 100% window length).  Set padding height to height of footer for flush 
	finish.*/
	margin-top:-0px;
	text-align:center;
	z-index:900;
	color:#CCCCCC;
	font-size:11px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}
#masterfooter a:link {
	color:#CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

#masterfooter a:visited {
	color:#CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

#masterfooter a:hover {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#stylemenu {
	width: 145px;
	height: 28px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	margin-top:-28px;
	overflow:hidden;
}

#stylecontent {
	width: 125px;
	height: 21px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	padding-left:15px;
	padding-right:5px;
	padding-top:2px;
	margin-top:0px;
	overflow:hidden;
	background-color:#999999;
}
#stylelinks {
	width: 145px;
	height: 100px;
	border:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	margin-top:0px;
	overflow:hidden;
	background-color:#ebebeb;
}