/* CSS Document */
/*##############################################################
  If Only Consulting - Karen Ancell
  Development by Noel Hennessy
##############################################################*/

/*##############################################################
  Elements
##############################################################*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
/*
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
*/    
	border: 0;
    
}

body {
     font-size:14px; 
     font-family:Helvetica, Arial, Verdana, sans-serif; 
     color:#f1f0f0; 
     background:#141213 url(../images/body_bg.jpg) 50% top no-repeat
}

header {
       width:830px; overflow:hidden; padding:0 0 0 0px;
       background-color:black;
       color:white;
}

section {
       width:830px; overflow:hidden; padding:0 0 0 0px;
}

/*##############################################################
  Effects
##############################################################*/

/* Black to transperant background */
#grad {
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); /*Standard*/
}


#mainHeader {
  margin-left:15px; 
  padding-top:22px;
  padding-left:10px;
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  vertical-align: center; 
}

#subHeader {
   margin-left:15px; 
   padding-top:22px;
   padding-left:10px;
   font-size: 28px;
   font-weight: bold;
   color: #fff;
   text-align: left;

}

#bodyText {
   margin-left:15px; 
   padding-top:22px;
   padding-left:10px;
   font-size:14px;
   font-family:Helvetica, Arial, Verdana, sans-serif;
   color:#f1f0f0; 
   text-align: left;
   vertical-align: center; 
}

#roundText1 {
    border: 2px solid #ffffff;
    border-radius: 15px;
    margin-left:15px; 
    padding-top:22px;
    padding-left:10px;
    font-size:14px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    width: 45%; 
    height: 50%; 
    float:left;
}
#roundText2 {
    border: 2px solid #ffffff;
    border-radius: 15px;
    margin-left:15px; 
    padding-top:22px;
    padding-left:10px;
    font-size:14px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    width: 45%; 
    height: 50%; 
    float:right;
}
h1 {
   margin-left:15px; 
   padding-top:22px;
   padding-left:10px;
   font-size: 48px;
   font-weight: bold;
   
   color: #fff;
   text-align: right;
   vertical-align: center;
  /*
   background-image:url(../karen_bw2.jpg); 
   background-repeat: no-repeat; 
   background-position: left center; 
   border-style: solid;  
  */
   
 }
 
 
 
table {
       width:830px; overflow:hidden; padding:0 0 0 0px;
       background-color:black;
       color:white;
}

nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px; 
}

footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}


#navbox {width:830px; overflow:hidden; padding:0 0 0 0px; background:url(../images/header_bg.jpg) 50% top no-repeat}
#navigation {height:52px; width:832px; border-right:1px solid #000; border-top:1px solid #000;list-style-type:none; background:url(../images/nav_bg.png) 50% top repeat-x}
#navigation li {float:left; width:164px; margin:0; font-size:18px; color:#fff}
#navigation li a {display:block; height:35px; padding-top:16px; border-right:1px solid #1c1b1b; border-left:1px solid #000; text-align:center; color:#fff; text-decoration:none}
#navigation li a:hover {color:#62acff; text-decoration:none}

#topbanner {
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); /*Standard*/
}