/* CSS Document */

@import "reset.css";
@import "news.css";
@import "panels.css";
@import "main_navigation.css";
@import "inner.css";
@import "form.css";
@import "contact.css";
@import "portfolio.css";

/**@media only screen and (max-width:1600px) {#header {background-position:center top !important;}
							html {background-position:center top !important;}}

@media only screen and (min-width:1750px) 
{
	#header {background-position:center top !important;}
	html {background-position:center top !important;}	
}
**/		

	#header {background-position:center top !important;}
	html {background-position:center top !important;}				

@font-face {
    font-family: 'SagitarLTsagitarPro';
    src: url('/css/fonts/sagitarlt-webfont.eot');
    src: url('/css/fonts/sagitarlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/sagitarlt-webfont.woff') format('woff'),
         url('/css/fonts/sagitarlt-webfont.ttf') format('truetype'),
         url('/css/fonts/sagitarlt-webfont.svg#SagitarLTsagitarPro') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
/*	background: url(../images/shd/bodyBg.jpg) top center no-repeat #006183; */
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 1.45em;
	background:url(/images/shd/footerline.png) no-repeat scroll center bottom;
} 

#lhsInner ul#breadcrumb 
{
    padding: 3px 0px; 
    float: left;
    width: 627px;
    font-size: 1.1em;
}

#lhsInner ul#breadcrumb li 
{
    padding: 0px;
    display: inline;
    float: left;
    color: #fff;
    background-image: none;
}

#lhsInner ul#breadcrumb li.youAreHere
{
    display: inline;
    float: left;
    padding-right: 0px;
    color: #fff;
}

#lhsInner ul#breadcrumb li a, #lhsInner ul#breadcrumb li span
{
    padding-left: 12px;
    display: inline;
    float: left;
    padding-right: 12px;
    color: #fff;
    text-decoration: none;
}

#lhsInner ul#breadcrumb li a
{    
    background: transparent url(../images/bullets/quicklinks.gif) no-repeat scroll right 8px;
}

#lhsInner ul#breadcrumb li a:hover
{    
text-decoration:underline;
}

#lhsInner ul#breadcrumb li span
{
    padding-right: 0;
}

h1, h2, h3 {
	font-weight: 100;
	font-family: "SagitarLTsagitarPro", sans-serif;
	letter-spacing:0.01em;
}

h1 {
	font-weight: lighter;
}


h2 {
	color: #C8E058;
	font-size: 22px;
}

h3 {
	color: #333;
}

div.error {  width: auto; font-weight: bold; }
div.error > span { float: left; width: auto; }

/** content styles **/

#lhsInner a:hover { color: #fff; }

#lhsInner ul, #lhsInner ol  { padding-left: 12px; margin-bottom:10px; }

#lhsInner ul, #childPages ul { list-style-type: none; }

#lhsInner ol { list-style-type: none; }

#lhsInner li, #childPages li { display: block; padding-left: 10px; background: url(/images/bullets/quicklinks.gif) left 8px no-repeat; }

#lhsInner h1, #lhsInner h2, #lhsInner h3, #lhsInner h4  { color: #fff; line-height: 1.2em; }

#lhsInner h2 { padding: 10px 0 6px; font-size: 22px; }
#lhsInner h3 { padding: 8px 0 6px; font-size: 18px; color: #ffffff; }
#lhsInner h4 { padding: 8px 0 6px; font-size: 14px; }

strong { font-weight: bold; }
em { font-style: italic; }

/** LAYOUT STYLES **/

#wrapper {
	width: 990px;
	padding: 0px 0px 0px;
	margin: 0 auto;
}

#container {	
	width: 990px;
	padding: 170px 0 0 0;
	float: left;
	position: relative;
}

#container a {color:#ffffff;}


/** NAVIGATION **/





/** HEADER **/

#header { position: fixed; width: 1015px; padding-top:10px; height:142px; z-index:200; background-image:url("/images/bckgrnd/background.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:center top; background-color:#93B000;}

#header a.logo { display: block; height: 0px; overflow: hidden; background: url(/images/shd/logo.png) 0 0px  no-repeat; padding-top: 85px; width: 339px; }
#header a.logo:hover { background-position: 0 -82px; }


#headerContactDets p {
	display: inline-block;
    padding-left:22px;
    text-align:right;

}

#marketingLink{padding-bottom:10px;}

#headerContactDets p a {
	display: inline;
	color:#ffffff;
	text-decoration:none;
	background:url(/images/shd/triangle.png) no-repeat center right;
	padding-right:10px;
}

#headerContactDets p a:hover {
text-decoration:underline;
}

#headerContactDets .email a:hover 
{
    text-decoration:underline;

}

#headerContactDets .email a
{
    background:none;
    padding-right:0px;
}

#headerContactDets .phone
{

    background:url("../images/home/phoneIcon.gif") no-repeat scroll left top transparent;
}

#headerContactDets .email
{

    background:url("../images/home/emailIcon.gif") no-repeat scroll left top transparent;
    padding-left:24px;
}


#headerContactDets 
{
    position: absolute;
    right:40px;
    top: 45px;
    text-align:right;    
    width:179px;
 }


/** INTRO PANEL **/

#introPanel { float: left; }

#introMovie {
	float: right;
}

#introText {
	float: left;
	width: 300px;
	display: inline;
	margin: 0px 11px 0px 30px;
}

#introText h1 
{
    padding-bottom:0.3em;
}

h1 { color: #fff; font-size: 50px; line-height: 1em; }
h1 span.revolution { font-size: 52px; }
#introText h3, .inner h3 { line-height: 1.3em; font-size: 15px; margin-top: 3px; color:#ffffff;}
#introText p { margin-top: 11px; line-height: 1.35em; width: 295px; }
#introText span.phone { background: url(../images/home/phoneIcon.gif) no-repeat top left; padding-left: 16px; }
#introText a { background: url(../images/home/emailIcon.gif) no-repeat top left; padding-left: 24px; margin-left: 9px; color:#ffffff; }


/** HOME CONTENT **/

#homeContent { clear: both; padding: 14px 20px 0px; float: left; width: 950px; }

/* QUICKLINKS */

#quicklinks
{
	
    margin: 14px 20px; 
    display: block; 
    padding: 15px 0 15px 15px; 
    float: left;
    clear: both;
    display: inline;
    color: #c8e058;
    width: 936px;
}

#quicklinks ul
{
    display: block; 
    float: left;
    height: auto !important;
    height: 110px;
    clear: both;
    display: inline;
    width: auto;
}



#quicklinks ul h2 a 
{
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
}

#quicklinks ul li { width: 173px; float: left; margin-right: 14px; display: inline; }
#quicklinks ul ul { margin-top: 8px; margin-left: 0px; }
#quicklinks ul ul li {
    list-style: none; margin-left: 0px; margin-top: 3px; 
    width: auto; display: block; width: 135px; 
    background: url(/images/bullets/quicklinks.gif) left 7px no-repeat; padding-left: 9px;
}


#quicklinks ul ul li a { text-decoration: none; line-height: 1.3em; color: #ffffff; }
#quicklinks ul ul li a:hover {text-decoration:underline;}


.footer {width: 990px; height: 19px; display: none;  float: left; }


.flightTrail 
{
    position:absolute;
    right:0;
    top:88px;
}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 6%;
    left: 50%;
    
    margin-left: -300px;
    width: 670px;
    height: 500px;
    overflow: hidden;
    
    background-color: #bad82f;
    color: #333;
    background: transparent;
    padding: 0px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}




/* SHARE WIDGETS */


#sharePanel {
    background-color:#819903;
    display:block;
    float:left;
    margin-bottom:14px;
    padding:12px 4px 12px 14px;
    width:290px;
}

#sharePanel h2 
{
    color:#FFFFFF;
}

#sharePanel ul li { width: 26px; float: left; margin-right:10px; display: inline; }

#sharePanel ul { float: left; margin-top: 12px; }

#sharePanel ul li a 
{
    display: block;
    height: 0px;
    padding-top: 26px;
    width: 26px;
    background-image: url(../images/buttons/share.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
}

#sharePanel ul li#favourites, #sharePanel ul li#emailToFriend { width: 170px; }

#sharePanel ul li#favourites, #sharePanel ul li#delicious,
#sharePanel ul li#twitter, #sharePanel ul li#digg { margin-bottom: 6px; }

#sharePanel ul li#favourites a { background-position: 0px 0px; width: 170px; }
#sharePanel ul li#emailToFriend a { background-position: 0px -52px; width: 170px; }
#sharePanel ul li#delicious a { background-position: -170px -52px; }
#sharePanel ul li#digg a { background-position: -170px 0px; }
#sharePanel ul li#facebook a { background-position: -222px -52px; }
#sharePanel ul li#stumbleupon a { background-position: -196px -52px; }
#sharePanel ul li#reddit a { background-position: -196px 0px; }
#sharePanel ul li#twitter a { background-position: -222px 0px; }

#sharePanel ul li#favourites a:hover { background-position: 0px -26px; }
#sharePanel ul li#emailToFriend a:hover { background-position: 0px -78px; }
#sharePanel ul li#delicious a:hover { background-position: -170px -78px; }
#sharePanel ul li#digg a:hover { background-position: -170px -26px; }
#sharePanel ul li#facebook a:hover { background-position: -222px -78px; }
#sharePanel ul li#stumbleupon a:hover { background-position: -196px -78px; }
#sharePanel ul li#reddit a:hover { background-position: -196px -26px; }
#sharePanel ul li#twitter a:hover { background-position: -222px -26px; }


#sharePanel ul li#emailToFriend { position: relative; z-index: 25; }

#sharePanel ul li#emailToFriend .sendToAFriendForm {
    z-index: 300; 
    display: block; 
    width: 225px; 
    position: absolute; 
    top: 30px;
    background: white url(../images/shd/shareBg.gif) bottom center no-repeat;
    padding: 11px 11px 6px;
    display: none;
}

#sharePanel ul li#emailToFriend .sendToAFriendForm ul { margin-top: 0; }

#sharePanel ul li#emailToFriend .sendToAFriendForm ul li label {
    display: none;
}

#sharePanel ul li#emailToFriend .sendToAFriendForm ul li input, #sharePanel ul li#emailToFriend .sendToAFriendForm ul li textarea {
    width: 203px;
    padding: 9px 10px;
    border: 1px solid #666;
    color: #333;
    font-family: Georgia;
    margin-bottom: 9px;
    font-size: 14px;
}

#sharePanel ul li#emailToFriend .sendToAFriendForm ul li {
    width: auto; clear: both; margin-right: 0;
} 

#sharePanel ul li#emailToFriend .sendToAFriendForm ul li a {
    background-image:url(../images/buttons/sendToFriend.gif);
    background-position:left top;
    padding-top:30px;
    width:225px;
}

#sharePanel ul li#emailToFriend .sendToAFriendForm ul li a:hover {
    background-position:left -30px;
}

#sharePanel ul li#emailToFriend a.normal { background: none; width: auto; height: auto; padding: 0; display: inline; text-decoration: none; font-weight: bold; }
#sharePanel ul li#emailToFriend a.normal:hover { text-decoration: underline; } 

#sharePanel ul li#emailToFriend .sendToAFriendForm a.close
{
    background-image:url(../images/buttons/sendToFriendClose.gif);
    background-repeat:no-repeat;
    background-position: left 1px;
    clear:both;
    float:right;
    font-size:0.8em;
    height:auto;
    margin-top:5px;
    padding-left:18px;
    text-decoration:none;
    width:auto;
    padding-top: 0;
}

#sharePanel ul li#emailToFriend a.close:hover { color: #84AD02; }


#twitter_div {
    background: transparent url(../images/shd/twitterBg.jpg) repeat scroll center bottom; 
    float: left; 
    display: block; 
    margin-bottom: 14px; 
    width: 308px;
    min-height: 165px;
    height: auto !important;
    height: 165px;
}

#twitter_update_list {
    float: left; 
    display: inline; 
    width: 191px; 
    margin-left: 108px; 
    margin-top: 10px;
    padding-bottom: 20px;
}

#twitter_update_list li {
    background: transparent url(../images/shd/twitterBoxBg.gif) repeat scroll left top; color: #333; display: block; float: left;
}

#twitter_update_list span {
    padding-top: 11px; padding-right: 11px; padding-left: 11px; display: block; float: left;
    min-height: 35px; height: auto !important; height: 35px;
}

#twitter_update_list a.twitterTimestamp {
    background: #fff url(../images/shd/twitterBoxBtmBg.gif) no-repeat scroll center bottom; color: #666; text-decoration: none;
    display: block; height: 14px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; width: 169px; font-size: 0.8em; float: left;
    
}

a#twitter-link {
    padding-top: 46px; height: 0px; overflow: hidden; width: 308px; float: left; display: block; text-align: right;
}

#helpLink { position: relative; float: left; width: 100%; }

#helpLink a 
{
    background: transparent url(../images/shd/helpIcon.gif) no-repeat scroll left 1px; 
    float: right; 
    margin-right: 10px; 
    font-size: 9px; 
    text-decoration: none; 
    color: rgb(255, 255, 255); 
    padding-left: 19px;
}

#helpLink span.meetFletch span
{
    width: 190px;
    padding: 0px 15px 10px;
    margin-top: 17px;
    display: block;
    background: url(../images/shd/helpBoxBottom.gif) bottom left no-repeat;
}

#helpLink span.meetFletch 
{
    position: absolute;
    top: 14px; right: 12px;
    display: none; background: #fff;
    width: 220px;
    font-size: 0.9em;
    line-height: 1.4em;
    background: url(../images/shd/helpBoxTop.gif) top left no-repeat;
    z-index: 20;
}

.footerBar {background-image:url(/images/shd/footer.gif);}

span.bold {font-weight:bold;}