/**********************************************************
 *                                                        *
 *                        GLOBAL RESET                    *
 *                                                        *
 **********************************************************/

*
{
	margin:                     0;
	padding:                    0;
}
 
html, body
{
  width:                      100%;
  height:                     100%;
  text-align:                 center;
}

body { overflow-y: scroll; }
 
/**********************************************************
 *                                                        *
 *                        STRUCTURE                       *
 *                                                        *
 **********************************************************/
 
body 
{
	background:                 #ffffff;
}

div.wrapper
{
	position:                   relative;
  text-align:                 left;
  width:                      995px;
  margin:                     0 auto;
  padding:                    0;	
}

div#top
{
	background:                 #ffffff;
	padding:                    50px 0 0 0;
	text-align:                 center;
}

div#bottom
{
	background:                 #EFF7FF;
	border:                     solid 1px #EFF7FF;
	padding:                    15px 0 0 0;
}

div#blog
{
	background:                 #EFF7FF;
	border:                     solid 1px #EFF7FF;
	padding:                    15px 0 15px 0;
}


/**********************************************************
 *                                                        * 
 *                        TYPOGRAPHY                      *
 *                                                        *
 **********************************************************/

body 
{
  font:                       15px/1.2em Arial, Helvetica, sans-serif;
  color:                      #222;  
}

a, a:link, a:active, a:visited, a:hover 
{
	color:                      #222;
  outline:                    none;
  text-decoration:            none;	
  border-bottom:              solid 1px #aaa;
}

a:hover
{
	color:                      #009400;
}

h1
{
	font-size:                  32px;
	line-height:                1.4em;
	font-weight:                normal;
	padding:                    12px 0 0 0;
	margin:                     0 0 22px 0;
	border-bottom:              solid 1px #c8c8c8;
}

h2
{
	font-size:                  24px;
	line-height:                1.4em;
	font-weight:                normal;
	padding:                    0 13px 4px 0;
}

p 
{
  line-height:                1.5em;
  cursor:                     default;
  text-align:                 justify;
  padding-bottom:             10px;
}

div#top p 
{ 
	text-align:                 center; 
	cursor:                     default;
	font-size:                  25px;
	padding:                    20px 0 20px 0;
	color:                      #333;
}

img 
{
  border:                     none;
}

td 
{
  vertical-align:             top;
}

ul 
{
  padding:                    0;
  margin:                     0;
  list-style-image:           url(../img/bullet.gif);
}

li
{
	margin:                     0 0 0 16px;
	padding:                    0 0 10px 0;
	text-align:                 justify;
  line-height:                1.5em;
  cursor:                     default;
}

/**********************************************************
 *                                                        * 
 *                         FOOTER                         *
 *                                                        *
 **********************************************************/
 
div.footer 
{
	background:                 #fff;
	border:                     solid 1px #fff;
	padding:                    20px 0 20px 0;
	color:                      #888;
	text-align:                 center;
	font-size:                  12px;
}


/**********************************************************
 *                                                        * 
 *                          MENU                          *
 *                                                        *
 **********************************************************/

div#menu
{
	background:                 #ffffff;
	height:                     138px;
}

div#menu div
{
	float:                      left;
	width:                      205px;
	text-align:                 left;
	padding:                    0 40px 0 0;
}

div#menu p
{
	padding:                    8px 0 0 0;
}

div#menu h1
{
  font-size:                  24px;
	font-weight:                normal;
	text-decoration:            none;
	color:                      #222;
	cursor:                     pointer;
	padding:                    0;
	margin:                     0;
	border:                     none;
}

div#menu h1 span
{
	color:                      #888;
}

div#menu div.grey h1
{
	color:                      #aaa;
}

div#menu div.grey p
{
	color:                      #aaa;
}

div#menu div.hover h1
{
	color:                      #1450FC;
}

div#menu div.hover h1 span
{
	color:                      #1450FC;
}

div#menu div.hover p
{
	color:                      #222;
}

/**********************************************************
 *                                                        * 
 *                        A.BUTTON                        *
 *                                                        *
 **********************************************************/
 
a.button
{
  padding:                    2px 5px 3px 5px; 
  margin-right:               5px;
  text-decoration:            none;
  color:                      #fff;
  background-color:           #bbb; 
  -webkit-border-radius:      3px; 
  -khtml-border-radius:       3px; 
  -moz-border-radius:         3px; 
  border-radius:              3px;
  border:                     none;
}

a.button:hover
{
	background-color:           #888; 
}

/***************************************************
 *                                                 *
 *                    LIGHTBOX                     *
 *                                                 *
 ***************************************************/

#shader {
	position:                   absolute;
	top:                        0;
	left:                       0;
	width:                      100%;
	height:                     100%;
	z-index:                    800;
	background-color:           #ffffff;
	-moz-opacity:               0.3;
	opacity:                    .30;
	filter:                     alpha(opacity=30);
}
#shader[id] {
	position:                   fixed;
}

#lightbox {
	display:                    none;
	position:                   absolute;
	top:                        0;
	left:                       0;
	z-index:                    801;
	width:                      100%;
	height:                     100%;
	background:                 transparent;
}
#lightbox[id] {
	position:                   fixed;
}

div#window 
{
  position:                   absolute;
  left:                       50%;
  margin-left:                0;
  top:                        0;
  z-index:                    100;
  background:                 #fff;
  border:                     solid 1px #aaa;
  text-align:                 left;
}

a#window-cross
{
	position:                   absolute;
	top:                        0;
	right:                      0;
	display:                    block;
	width:                      16px;
	height:                     16px;
	background:                 transparent url(../img/cross.gif) no-repeat 0 0;
	text-decoration:            none;
	border:                     none;
}

a#window-cross:hover
{
	background-position:        0 -16px;
}

div.intro
{
	font-size:                  17px;
	background-color:           #398AF5;
  -webkit-border-radius:      6px; 
  -khtml-border-radius:       6px; 
  -moz-border-radius:         6px; 
  border-radius:              6px;	
  padding:                    12px 18px 0px 18px;
  color:                      #fff;
}

div.outro
{
	font-size:                  17px;
	background-color:           #eeeeee;
  -webkit-border-radius:      6px; 
  -khtml-border-radius:       6px; 
  -moz-border-radius:         6px; 
  border-radius:              6px;	
  padding:                    12px 18px 0px 18px;
  color:                      #000;
}


div.industry
{
  height:                     50px;
}

div.industry a, 
div.industry a:link,
div.industry a:active,
div.industry a:visited
div.industry a:hover
{
	display:                    block;
  -webkit-border-radius:      6px; 
  -khtml-border-radius:       6px; 
  -moz-border-radius:         6px; 
  border-radius:              6px;
  background:                 #7FB3F9;
  color:                      #fff;
  text-decoration:            none;
  font-size:                  26px;
  float:                      left;
  margin:                     0 10px 0 0;
  padding:                    3px 10px 2px 10px;
}

div.industry a.active, 
div.industry a.industry:hover
{

  background:                 #398AF5;
}

a#flap
{
	position:                   fixed;
	display:                    block;
	top:                        100px;
	right:                      0;
	width:                      27px;
	height:                     161px;
	background:                 transparent url(../img/flap.png) no-repeat 0 0;
	text-decoration:            none;
	border:                     none;
}

a#flap:hover
{
	background-position:        -27px 0;
}