/**
Created by Bruce Richardson - 2010
RAF Mildenhall, 100 Force Support Squadron, Marketing Department
**/

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

/* @group Body */

body{
	padding: 0;
	margin: 0;
	background: #000 url(random/bg_02.jpg) no-repeat fixed center top;
	color: #666;
	width: 100%;
	display: table;
	line-height: 1.5em;
	font-size:12px;	font-family: 'Droid Serif', arial, serif; color:#000000;
}

a {color:#717171; text-decoration:none;}
a:hover {text-decoration:none;}
a span {font-size:90%;}
h1 {font-size:26px; font-weight:bold; line-height: 32px; margin:0 0 35px 0; font-family: 'Droid Serif', arial, serif;}
h2 {font-size:23px; font-weight:bold; line-height: 22px; margin:0 0 20px 0;}
h3 {font-size:20px;line-height: 22px; margin:0 0 20px 0;}
h4 {font-size:18px; font-weight:bold;}
h4 a:hover { color:#0066FF;}
h5 {font-size:16px; line-height: 20px; margin:0 0 10px 0;}
h6 {font-size:13px; line-height: 15px; margin:0 0 20px 0;}
ol {list-style:decimal;}
ul {list-style:disc;}
li {margin:0px; position:relative;}
p,li,dl { line-height:18px;}
b{font-size: 110%;}
em{color: red;}
.br { clear: both; border: none;}

.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;}

.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }

.fat{font-weight:bold;}

/* @end */

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0px auto 60px auto; /*Center container on page*/
background-color: #CCCCCC;
}

#header{
	background: url(images/header_bg.jpg) repeat-x;
	height: 110px; /*Height of top section*/
	margin-top: 0px;
}

#logo {
	float: left;
	margin: 4px 0 0 35px;
	display: block;
}

.searchform {
	float:right; 
	width:225px; 
	padding:0 17px 0px 0px !important /*Non-IE6*/; 
	padding:0 12px 0px 0px /*IE6*/;
	margin-top:46px;
	margin-right: 40px;
}

.searchform form fieldset {
	float:right; 
	border:none;
}

.searchform input.field {
	width:140px;
	height: 22px; 
	padding:4px 0 2px 4px; 
	border:2px solid #6699CC; 
	font-size:14px;
	color:#CCCCCC;
	background-color:#336699;
}

.searchform input.button {
	width:3.0em; padding:1px !important /*Non-IE6*/; 
	height: 34px; 
	padding:4px 0 6px 0 /*IE6*/; 
	background:6699CC; 
	border:solid 2px #336699; 
	text-align:center; 
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	color:#336699;
}
.searchform input.button:hover {
	cursor:pointer; 
	border:solid 2px #6699CC; 
	background:#6699CC; 
	color:#ffffff;
}

#facebook_icon{
	width: 16px;
	height: 16px;
	float: right;
	margin: 60px 0px 0 0;
	display: block;
}

#flickr_icon{
	width: 16px;
	height: 16px;
	float: right;
	margin: 60px 20px 0 0;
	display: block;
}


#twitter_icon{
	width: 16px;
	height: 16px;
	float: right;
	margin: 60px 20px 0 0;
	display: block;
}

#youtube_icon{
	width: 16px;
	height: 16px;
	float: right;
	margin: 60px 20px 0 0;
	display: block;
}

/* @group navagation */

#navigation{
	height: 40px;
	width: 965px;
	float: left;
	z-index: 5000;
	background: url(images/nav_bg.jpg) repeat-x;
	padding-left: 35px;
}

.GlassMenu {
	zoom:1; 
	background: transparent; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-weight:500; 
	font-size:13px; 
	padding:5px 5px;  
	display:block;  
	list-style:none;  
	z-index:6000;
}

.GlassMenu:after {
	content:"."; 
	display:block; 
	visibility:hidden; 
	height:0; 
	clear:both; 
	z-index:6001; 
}

.GlassMenu  li { 
	float:left; 
	padding:5px 15px; 
	position:relative;  
	display:block; 
	border:1px solid transparent; 
	z-index:6002; 
}

.GlassMenu a  { 
	text-decoration:none; 
	color: #acd4fd; 
	display:block; 
}

.GlassMenu  li ul{  
	width:140px; 
	list-style:none; 
	padding:6px; 
	margin:0px; 
	background:#1c1c1c; 
	border:1px solid #373737; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	font-size:12px; 
	position:relative;  
}

.GlassMenu  li ul li{  
	float:none; color:#fff; 
	border-bottom:1px solid #292929;
	border-top:1px solid #121212; 
	padding:8px;margin:0px; 
}


.GlassMenu  li ul li:first-child{  
	border-top:none; 
}

/* The glass border and subglass div that holds all elements style  */
.GlassMenu .subglass { 
	display:none; 
	background:url(i/glass.png); 
	padding: 5px; 
	margin-top: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	position:absolute;  
	z-index:6003; left:0; 
}

.GlassMenu .subglass div{ margin-top:-25px; z-index:41; left:170px;  }
.GlassMenu li:hover>div { display:block;}

/* Styling li when mouse hovers  */

.GlassMenu li:hover { 
	background: #134178;   
	border: 1px solid #52a7fc; 
}

/* ------------------------------------  Styling Feature Box  ------------------------------------  */

.GlassMenu .subglass>div { 
	margin:0px;  
	background:#1c1c1c; 
	padding:5px;  
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	float:left;  
	width:450px; 
}

.GlassMenu div.subglass>div h2,h4 { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-weight:500; 
	font-size:16px; 
	padding:3px;
	border-bottom:1px solid #333; 
	margin-bottom:4px; 
}

.GlassMenu div.subglass>div h4 {  
	font-weight:200; 
	font-size:14px; 
}

.GlassMenu .subglass>div img { 
	width:400px; 
	height:250px;
}

.GlassMenu .subglass>div ul {  
	float:left; 
	border:none; 
	width:140px; 
}

.GlassMenu .subglass>div li,p { 
	border-bottom:1px dotted #333; 
	border-top:none; font-size:12px;
	display:block;  
}

.GlassMenu .subglass>div li:first-child { 
	border-top:1px dotted #333;
}

/* ------------------------------------   Generic form Styling  ------------------------------------  */

.GlassMenu form { background:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding:20px; margin:5px; width:500px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif  }
.GlassMenu input[type=text],input[type=password],textarea {border:none; background:#ebebeb; outline:1px solid #ddd; border-left:1px solid #ccc;border-top:1px solid #a7a7a7;
 padding:5px;  }
 .GlassMenu  legend { padding:3px; margin-left:30px; color:#0098ef;}
.GlassMenu  fieldset { border:#ccc 1px solid; padding:30px; }
.GlassMenu label,input[type=text],input[type=password],textarea { width:100%;margin:4px 2px; color:#000;font-family:Tahoma, Geneva, sans-serif;  }

.GlassMenu input[type=submit] { 
	background:#7da8d4; 
	margin:2px; 
	color:#FFF; 
	outline:none; 
	border:1px solid #dbc5b1; 
	padding:6px 10px; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-weight:800; 
}

.GlassMenu input[type=submit]:hover {border:1px solid #fff;  }
.GlassMenu input[type=text]:focus,input[type=password]:focus,textarea:focus  { border:1px solid #c4b1a0; }


.sticky { position:fixed!important; top:0;  }
/* Navigation ENDS */
/* @end */

/* @group Top Image Roundabout */

/* @group slider */

#featured{
	height: 300px;
	margin:0px; 
	padding:40px 20px 40px 40px;
	background: #d5d5d5 url(images/rnd_bg.jpg) repeat-x;
	z-index: -220;
}


.x2, .x3, .x3_2, .x4, .x4_3, .x5, .x5_2, .x5_3, .x5_4, .x6 {
	
	float: left;
	margin: 0 30px 0 0;
	
}

code {
	
	background: url(images/code.gif) repeat top left;
	display: block;
	padding: 0 14px;
	margin-bottom: 2.5em;
	font-size:10px;
	white-space: pre;
	line-height: 22px;
	
}

.x1 {
	
	float: left;
	width: 920px;
	
}

.x2 {
	
	width: 465px;
	
}

.x3 {
	
	width: 300px;
	
}

.x3_2 {
	
	width: 630px;
	
}

.x4 {
	
	width: 217px;
	
}

.x4_3 {
	
	width: 712px;
	
}

.x5 {
	
	width: 168px;
	
}

.x5_2 {
	
	width: 366px;
	
}

.x5_3 {
	
	width: 564px;
	
}

.x5_4 {
	
	width: 762px;
	
}

.x6 {
	
	width: 135px;
	
}

.last {
	
	margin-right: 0;
	
}

/*------------------------
	---------------- NAVS
	------------------------*/


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_left {
			
			bottom: 10px;
			cursor: pointer !important;
			float: left;
			height: 22px;
			left: 10px;
			position: absolute;
			width: 22px;
			z-index: 55;
			
		}
		
		/* left arrow image */
		.slider_arrow_left {
			
			background: url(images/left_arrow.png) no-repeat top left;
			z-index: 55;
			
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_right {
			
			bottom: 10px;
			cursor: pointer;
			float: left;
			height: 22px;
			left: 37px;
			position: absolute;
			width: 22px;
			z-index: 55;
			
		}
		
		/* Right arrow Background */
		.slider_arrow_right {
			
			background: url(images/right_arrow.png) no-repeat top left;
			z-index: 55;
			
		}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 10px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block !important;
			background: url(images/slider_selector.png) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 10px !important;
			position: relative !important;
			width: 10px !important;
			z-index: 50;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(images/slider_selector_current.png) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	
	.container {
		
		float: left;
		position: relative;
		width: 920px;
		z-index: 15;
		
	}
	
	/*------------------------
	---------------- CONTENT
	------------------------*/
	
	/* You might want to change these options for the main container */
	#yourSliderId, #yourSliderId li {
		
		height: 300px;
		width: 920px;
		
	}
	
	/* images container - This is the most important container - Don't change important properties */
	#yourSliderId {
		width: 920px; 
		height: 300px; 
		list-style: none !important;
		float: left;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		position: relative !important;
		
	}
	
	.slider_img {
	align: no-repeat top left;
	width: 920px; 
	height: 300px;
	}

		/* each slider item - Nothing to change here */
		#yourSliderId li {
			
			display: none;
			float: left;
			margin: 0;
			position: absolute;
			width: 100%;
			
		}
		
		/* Don't edit this part */
		#yourSliderId li.current {
			
			display: block;
			z-index: 2 !important;
			
		}
		
		/* Don't edit this part */
		#yourSliderId li.next {
			
			display: block;
			z-index: 1 !important;
			
		}
		
		/* Don't edit this part - prevents inline lists from being hidden */
		#yourSliderId li ul li {
			
			display: block !important;
			position: relative !important;
			
		}
		
		#yourSliderId a {
			color:#ffffff; 
			text-decoration:none;}
			
		#yourSliderId a:hover {
			text-decoration:none;}
	
/* slider ENDS */
/* @end */


/* @group Content */

#contentwrapper{
float: left;
width: 100%;
height: 418px;
background-color: #d0d0d0;
}

#contentcolumn{
 margin-right: 300px; /*Set right margin to RightColumnWidth*/
 height: 418px;
}

.right_margin_top{ 
	float:left; 
	width: 270px;
	height: 350px;
	padding: 5px;
	margin: 30px 0px 0px 30px;
	background-color: #d5d5d5;
}

.center{ width:1000px; height:100%; margin:0 auto;}

.left_column { 
	width:320px; 
	height: 370px;
	float:left; 
	padding:40px 0 0px 40px;
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
background: #fffeff;
padding-top: 20px;
}

a.boldbuttons{
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top: 20px;
}

#top_light3{ background:transparent url(images/bg_header_overlay.jpg) top left no-repeat; }

#top_light5{ background:transparent url(images/bg_footer_overlay.png) top center no-repeat; }



/* @end */

#flickr{
	width: 700px;
	height: 420px;
	padding-top: 10px;
	background-color: #000;
}

.facebook{
	width: 275px;
	margin: 25px 20px;
}

.r_banner {
	margin:0px 0px 25px 30px;
	width: 220px;
	padding:10px;
	background-color: #d5d5d5;
	border: 1px solid #999999;
}
/* @end */

/* @group Content2 */

#features {
	margin-top: 0px;
	padding: 30px 0px 20px 0px;
	overflow: hidden;
	height: 310px;
	background-color:#dcdcda;
}

.feature {
	width: 160px;
	height: 200px;
	float: left;
	padding: 80px 30px 0 30px;
}

.feature2 {
	width: 160px;
	height: 460px;
	float: left;
	padding: 80px 30px 0 30px;
}

.feature h4 {
	 height: 27px;
	 text-indent: -9999px;
	 margin-bottom: 12px;
}

.feature p {
	line-height: 1.3;
	font-size: 14px;
	height: 100px;
	padding-bottom: 20px;
}

.feature a {
	background: url(images/read-more.jpg) no-repeat;
	display: block;
	height: 29px;
	width: 99px;
	text-indent: -9999px;
	margin: 0 auto;
}

.feature2 a {
}

.feature2 a:hover {
	color:#0066FF;
}


#support {
	background: url(images/Calender.png) no-repeat top;
	float: left;
	border-right:dotted 2px #666666;
	margin-left:20px;
	text-align:center;
}

#portfolio {
	background: url(images/briefcase.png) no-repeat top;
	float: left;
	border-right:dotted 2px #666666;
	text-align:center;
}

#time {
	background: url(images/go.png) no-repeat top;
	text-align:center;
}

/* @end */

#footer{
clear: left;
width: 100%;
height: 450px;
background: black;
color: #FFF;
text-align: left;
}

#footer a{
color: #7fd4fd;
}

.column { 
	width:320px; 
	padding:0 10px 0 0; 
	margin:20px 20px 0px 20px; 
	float:left; 
	color:#f0f0f0;
}
.column .date{ 
	float:left; 
	width:34px; 
	height:17px; 
	padding:0 0 0 5px; 
	margin:0 10px 0 0; 
	background:transparent url(images/ico_date.png) no-repeat; 
	font-size:1.1em; font-weight:bold;
}
.column p {
	font-size:1.1em;
}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;
}

.ad_link { 
	float:left; 
	display:block; 
	border:1px solid #fff; 
	padding:5px; 
	margin:0px 0px 10px 10px; 
	background:#eaeaea;
}

.ad_link:hover { 
	float:left; 
	display:block; 
	border:1px solid #fff; 
	padding:5px; 
	margin:0px 0px 10px 10px; 
	background:#66CCFF;
}

.column .recent_comment { background:transparent url(images/star_1.png) top left no-repeat; padding:0 0 0 20px; margin:0 0 20px 0; font-size:1.2em;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#d05606;}

/* @group Contact */

#contact p, label, legend { font: 16px;
	color: #d5d5d5;
}

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 520px; float:right; margin: 0px 10px 20px 0px; padding: 20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 16px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:16px; -moz-border-radius:5px; -webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding:20px; border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#fff; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 12px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

/* @end */


#footer_nav{ background-color:#dcdcda; height: 42px; padding:15px 0px; margin-bottom:20px;}
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 20px 20px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}

.innertube{
margin: 0px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

/* @group Flickr facility gallery */

#100fss_photos {
	margin-right: 40px;
}

#wrapper {
	width: 640px;
	margin: 0 auto;
}
#column_left div,
#column_right div {
	padding-top: 50px;
}
div h1 {
	font: 18px "Helvetica Neue",Helvetica, Arial, sans-serif;
}

.flickr {
	clear: both;
	list-style:none;
	margin: 0;
	padding: 0;
}
.flickr.interestingness li,
.flickr.getPublicList li,
.flickr.getPhotos li,
.flickr.getPublicPhotos li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
#column_left {
	width: 160px;
	float: left;
	padding-bottom: 100px;
}
#column_right {
	width: 450px;
	float: right;
	padding-bottom: 100px;
}

.flickr.photosets.getList {
	background: #f5f5f5;
	width: 160px;
	padding-top: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}   
.clear {
	clear: both;
	display: block;
}
.flickr.photosets.getList li {
	float: left;
	background: url(http://l.yimg.com/g/images/set_case.gif) no-repeat center top;
	width: 150px;
	text-align: center;
	padding: 7px 0 10px 1px;
	margin: 0 20px 10px 0;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;        
}
.flickr.photosets.getList li a {
	text-decoration: none;
	color: #0259ca;
	font-weight: bold;
}
.flickr.photosets.getList li img {
	border: solid 1px #333;
	margin-bottom: 10px;
}
.flickr.interestingness li img,
.flickr.getPhotos li img,
.flickr.getPublicList li img,
.flickr.getPublicPhotos li img {
	background: #E6E6E6;
	padding: 5px;
}
.flickr li.start {
	clear: both;
}
.flickr img {
	border: none;
}
.description {
	display: none;
}

/* @end */

/* @group fancy box */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 6030;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 6100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 6090;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 6100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 6100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 6100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 6181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 6111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 6112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 670;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 670;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 6100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('fancybox/fancy_title_right.png') repeat-x;
}

/* @end */


/* @group twitter box */
.mylasttweets { width:260px; margin:5px auto 20px auto; padding:10px 0px 0px 0px; }

.mylasttweets ul { border:3px solid #006699; background:#fff; margin:0; padding-top:1px; }

.mylasttweets li { font-family:Arial, Helvetica, sans-serif; clear:both; text-align:left; font-size:11px; line-height:16px; padding:10px; border-bottom:1px solid #fff; background:#f0eee3; list-style-type: none;
 }

#twitter_content { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

li { *zoom: 1; }

.mylasttweets li:hover { background:#f7f6f0; cursor:default; }

.mylasttweets a {text-decoration:none;cursor:pointer;}

.mylasttweets a:hover {text-decoration:underline;}

.mylasttweets cite { font-weight:bold; font-style:normal; color:#514e40; }

.mylasttweets cite a { color:#006699; }

.mylasttweets span { color:#514e40; }

.mylasttweets span a { color: #999999; font-weight:bold; }

.mylasttweets input {background: transparent url('http://twitter.com/favicon.ico') 0 50% no-repeat; text-indent:18px; width:100%;border:1px solid #ccc;}

.mylasttweets p { display:block; color: #999999; }

.mylasttweets p a { color:#999999; }

.mylasttweets p:after {clear:both; display:block; height:0; visibility:hidden; }

.mylasttweets img {margin:0 10px 10px 0; height:36px; width:36px;border:3px solid #dcd6b6; }

.mylasttweets img:hover {border:3px solid #ccab17;}

.mylasttweets .hidden { display:none; }

.mylasttweets p:after { clear:both; display:block; height:0; visibility:hidden; }
/* @end */