/*  
Author: Rex Chung
Author URI: www.rexchung.com, www.rorcraft.com
*/
* {	padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

body{
    margin:0;
	background:white;
	font-size:12px;
	font-family: "Lucida Grande",Verdana, Arial, sans-serif;
}
#banner {background:#FF6600 url(../images/banner_bg.jpg) repeat-x 0 0;color:#222;border-bottom:4px solid #aaa;}
#banner p {line-height:1.30em;padding:15px 0px;font-size:14px;line-height:17px;}
#heading, #container, #banner .body {width:950px; margin:0 auto;}
#heading {height:130px;background:url() no-repeat 400px 30px;overflow:hidden;}
#heading #logo {float:left;}
#heading #logo h1 {background:url(../images/rorcraft.gif) no-repeat 0 30px;text-indent:-10000px;height:61px;width:360px;padding:49px 0 0 0;margin:0;}
#heading p {margin:-20px 0 0 0 ;font-size:17px;}

/*> #gallery {	overflow:auto;width:460px;}*/

#navigation {float:right;display:block;width:540px;height:70px;}
* html #navigation {width:580px;}
#navigation ul{	list-style: none;padding: 0;margin:40px 0 0 0;clear:right;overflow:auto;height:50px;}
#navigation li {background: none;height: 20px;margin:13px 0 0 0;padding:0;display:inline;float: left; border-right:1px solid #666;}
#navigation li.last {border:none;}
#navigation li a:link, #navigation li a:visited {
	color:#333;
	height: 25px;
	line-height: 25px;
	padding:3px 10px;
	margin:0 10px 0 10px;
	font-weight: bold;
	font-size:18px;
	display:inline-block;
    text-decoration:none;
}


#gallery .item img {margin:0 0 0 25px;width:410px;height:250px;border:1px solid #999;}
#gallery .item {position:absolute;width:460px;} 
#gallery #nextbtn {display:;position:absolute;right:0;top:110px;z-index:100;width:45%;margin-right:0px;height:300px;text-align:right;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */}
#gallery #prevbtn {display:;position:absolute;left:0;top:110px;z-index:100;width:45%;margin-left:0px;height:300px;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */}
#gallery #nextbtn img, #gallery #prevbtn img {width:18px;}
/*#gallery #prevbtn.hover { background: url(../images/prevlabel.gif) 1px 15% no-repeat; }*/
/*#gallery #nextbtn.hover { background: url(../images/nextlabel.gif) 99% 15% no-repeat; }*/


.portfolio .item img {width:300px;margin:10px 25px 10px 10px;float:left;}
.portfolio .item {width:100%;clear:both;padding-bottom:20px;overflow:auto;}
.portfolio .item h2 {padding:0 0 0 0;}
.portfolio #primary {width:90%;}

.about #primary {width:700px;}
.about .item {clear:both;}
.about .item img {width:150px;margin:10px 10px 10px 25px;float:right;}
.about .caption {margin:-18px 0 0 0;}

.feed .item a {color:#999;}
.feed .item a:hover {color:#FE6903;}

/* This class sets the width and position for all rows */
a{color:#FE6903;}

h1 { color : #333; font-size:30px;}
h3{	font-size:16px;	color:#222;	font-weight:bold;margin:1em 0 7 px 0;}
h3 a {text-decoration:none;}
h3 a:hover {text-decoration:underline;}
p{line-height:1.75em;}
ul li{list-style-type:square;margin:0.5em 0 0.5em 2em;}
blockquote{margin-left:1em;padding-left:1em;border-left:2px solid #CCC;color:#CCC;}
table{width:100%;border-spacing:2px;margin:1.5em 0;}
table th, table td{ padding:0.3em 0.75em }

/*HOVER EFFECTS*/
#navigation li a:hover, #navigation li a:active {
	text-decoration:underline;
}
#primary{color:#999;padding:1px 0 2em 0;width:440px;	float:left;
}
#primary p, #primary li {line-height:16px;}
#primary strong {color:#666;}
#secondary{	
/*    position:absolute;*/
    float:right;
	width:460px;height:700px;
	overflow:auto;
	padding: 0 15px;
 	background:#eee no-repeat top left;
    color:#646464;
	
}
* html #secondary {margin-left:15px;}
#secondary .caption p {font-size:11px;line-height:13px;font-weight:normal;}
#contactus {display:none;}
#errors{ color:#FF0000; font-weight:bold; }

input.textfield{width: 15em;	margin:5px 0;}
textarea.commentbox{width:28em;	height:10em;	padding:0.25em;	margin:5px 0;	font-size:1.25em;	font-family:Arial, Helvetica, sans-serif;}

label.text{	position:relative;	left:0.5em;	top:-0.5em;}
/*#footer{ clear:both;	color:#939393;	margin:2em 0 3em 0;}
#footer .inside{	background:url(images/footer_black.gif) 50% 0 repeat-x;	padding:1em 0;}
#footer p{	margin:0;	font-size:0.95em;}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{	padding:0 0 0 1em;	text-decoration:none;	color:#525252;}
#footer p.attributes a:hover{	color:#FFF;}
#footer p.attributes a.feed {  background: transparent url("images/icon_feed.gif") no-repeat 0 0;  vertical-align:center;    display:block;float:left;
  padding:0 25px;  height:22px;  color:#fff;}*/

.footer
{
	background: #F2F2F2 url() left bottom repeat-x;
	color: #303030;
	padding: 16px 0;
	border-bottom: 1px solid #292929;
	margin: 0 0 0 0;
	font-size:12px;
}

.inner
{
	position: relative;
	width: 804px;
	margin: 0 auto;
}

.user-nav dl,
.footer dl
{
	float: left;
	width: 180px;
	margin-right: 28px;
}

dl.nav-official
{
	margin:13px 0 0 0;
}

/* 
----------------------------------------------------------------------------- 
FOOTER LAYOUT
-----------------------------------------------------------------------------*/
.footer dl
{
	font-size: 13px;
	margin-bottom: 2.5em;
}
.footer dt
{
	font-weight: bold;
}

.footer dd
{
	margin: 0.5em 0 0;
}

.footer p
{
	clear: both;
	font-size: 12px;
}

/* 




/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #contactus p {
	visibility: hidden;
}