@charset "UTF-8";

/* CSS Document */
body, html { margin: 0; padding: 0; left: 0px; top: 0px; height:100%; bottom: 0px; background-image: url(../../images/bg.jpg); background-repeat: no-repeat; background-position: TOP CENTER; background-attachment: fixed; }

#wrapper { width: 100%; min-height:100%; /*background-color: #ff0;*/ position: relative; z-index: 1; text-align: center; top: 50px; }

#header { width: 100%; height: 50px; margin: 0; padding: 0; background-color: #336; left: 0px; top: 0px; text-align: center; position: fixed; z-index: 99; }
#headerShaddow { width: 100%; height: 10px; margin: 0; padding: 0; left: 0px; top: 50px; text-align: center; position: fixed; z-index: 99; background-image: url(../../images/navBg.png); background-repeat: repeat-x; background-position: 0 0; }
#logo { width: 200px; height: 30px; /*background-color: #CCCCCC;*/ margin: 10px; left: 0px; top: 0px; float: left; position: absolute; z-index: 2; }

#navBar { width: 10px; height: 40px; background-color: #CCCCCC; margin: 0px; position: absolute; top: 0px; left: 50%; text-align: center; right: 50%; z-index: 20; overflow: visible;  }

#yearText { width: 210px; height: 30px; /*background-color: #CCCCCC;*/ margin: 15px 10px 0 0; top: 0px; float: right; position: absolute; right: 0px; background-image: url(../../images/headerText.png); background-repeat: no-repeat; text-align: right; }

#content { width: 990px; padding:10px; padding-bottom:70px;	/* Height of the footer  background-color: #ff0;*/ margin: 0 auto; min-height: 70px; }

.module { width: 336px; float: left; /*background-color: #333333;*/ height: 300px; position: relative; z-index: 10; margin: 5px; background-image: url(../../images/moduleBg.png); background-repeat: no-repeat; background-position: 0 0; }

.workImage { width: 300px; /*background-color: #333333;*/ height: 217px; position: absolute; z-index: 11; margin: 10px; left: 5px; top: 5px; border: solid #ccc 1px; }

.launch { width: 86px; height: 86px; /*background-color: #333333;*/ position: absolute; z-index: 20; left: 240px; top: 157px; /*background-image: url(../../images/launchSite.png); background-repeat: no-repeat;*/ }

.divideModule { width: 990px; float: left; position: relative; z-index: 10; margin: 10px; }


.aboutContent{ width: 250px; float: left;  }
#footer { width:100%; height:70px; position:fixed; bottom:0px; left: 0px; z-index: 99; background-image: url(../../images/landscape.png); background-position: Center 0; background-repeat: repeat-x; overflow: visible; }
.launch img { margin:0; border: solid #000000 0px; }
.copy {color:#336; font-style: normal; line-height: 12px; font-size: 10px; text-align: left; margin: 10px 0 0 10px; position: absolute; z-index: 1; top: 250px; left: 0px;}
.hardHat { color:#ffff00; line-height: 10px; font-size: 11px; text-align: left; padding: 5px 0 0 35px; margin: 35px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; background-color: #336; height: 100%; }

a:link { color: #fff; text-decoration: none; }
a:visited { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #FF0; }
a:active { text-decoration: none; color: #fff; }
/*TABS*/
/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs { /* dimensions */ width:160px; height:31px !important; margin:0 !important; padding:0; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; left: -60px; position: absolute; top: 0px; }

/* single tab */
#flowtabs li { float:left; margin:0; padding:0; text-indent:0; list-style-type:none; }

/* a- tag inside single tab */
#flowtabs li a { background: url(images/blue_panes.jpg) no-repeat; display:block; height: 40px; width: 75px; padding:10px 0 0 0; margin:0px; /* font decoration */ color:#FF0; font-size:12px; line-height:33px; text-align:center; text-decoration:none; background-color: #CCCCCC; }

/* adjust the background image position on each tab */
#flowtabs #t1 { background-color: #336; }

#flowtabs #t2 { background-color: #336; }

#flowtabs #t3 { background-color: #336; }

#flowtabs #t4 { background-color: #336; }

/* mouseover state */
#flowtabs a:hover { color:#336; background-image: url(../../images/navThumbBlue.png); }

#flowtabs #t1:hover { background-color: #669; background-image: url(../../images/navThumbBlue.png); background-position: 0 0; }

#flowtabs #t2:hover { background-color: #669; background-image: url(../../images/navThumbBlue.png); }

#flowtabs #t3:hover { background-color: #669; background-image: url(../../images/navThumbBlue.png); }

#flowtabs #t4:hover { background-color: #669; background-image: url(../../images/navThumbBlue.png); }

/* currently selected tabs */
#flowtabs a.current { cursor:default; color:#336; line-height:34px; height: 40px; background-image: url(../../images/navThumb.png); }

#flowtabs #t1.current { background-color: #ff0; background-image: url(../../images/navThumb.png); }

#flowtabs #t2.current { background-color: #ff0; background-image: url(../../images/navThumb.png); }

#flowtabs #t3.current { background-color: #ff0; background-image: url(../../images/navThumb.png); }

#flowtabs #t4.current { background-color: #ff0; background-image: url(../../images/navThumb.png); }

/* panes */
#flowpanes { background: url(images/blue_panes.jpg) no-repeat 0 -100px; width:990px; height:100%; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; }

/* single pane */
#flowpanes div { display:none; color:#fff; margin: 0 auto; width: 990px; }

/* some decorations for elements inside single pane */
#flowpanes div h2 { font-weight:bold; color:#336; letter-spacing:-0.5px; padding:25px 0 0 10px; font-size:10px; text-transform: uppercase; line-height: 25px; text-align: left; position: absolute; z-index: 1; top: 210px; left: 0px; }

#flowpanes div h3 { font-weight:bold; color:#336; letter-spacing:-5px; margin:10px 0 0 10px; font-size:80px; text-align: left; width: 990px; line-height: 60px; }

#flowpanes a { color:#cc9; font-size:14px; text-decoration: none; }

#flowpanes p, #flowpanes samp { color:#336; font-style: normal; line-height: 12px; font-size: 11px; text-align: left; margin: 10px 0 0 10px; }

#flowpanes div.narrow { padding-right:160px; }

/*CLEARFIX*/
/*.clearfix:after { clear:both; content: "."; display: block; height: 0; visibility: hidden; }*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }