/*

Wordplay Content

*/

/* HEADER AND BODY STYLING */



a:focus { -moz-outline-style: none; }
a:focus { outline: none; }

*{padding:0px;margin:0px}

a{color:#ea8712}

a img{border:0px none}

html,body{	
	margin:0px auto;
	overflow-y: auto ! important; 
	overflow-x: hidden ! important;
	}.clear{clear:both}
	
				



#bggrad{position:absolute;width:100%;height:1050px; background:#004356 url(img/bggrad2.png); background-repeat:repeat-x }

#foot
{
	background-color:#353733;
	width:100%;
	margin:0px auto;
}

#footbg{
	position:relative;
	width: 1101px;
	height: 280px;
	margin: 0px auto;
	margin-top:800px;
	background-image:url(img/bgfooter.png);
	background-repeat: no-repeat;
	background-color:#353733;
}

#header{
	position:relative;
	width: 1099px;
	height: 250px;
	margin: 0 auto;
	background-image:url(img/header2.png);
	background-repeat: no-repeat;
	overflow:hidden;
   }
   


#logo{    
				display:block;
				position:absolute;
				margin-left:120px;
                background: url(img/logo1.png);
                background-repeat: no-repeat; 
				text-indent:-10000px;
			    width:260px;
                height:160px;
				margin-top:20px;
                }

#logo a {
  display:block;
  width:100%;
  height:100%;
}

#logo a:hover{
display:block;
width:100%;
height:100%;
background: url(img/logo2.png);
background-repeat: no-repeat; 
				
}

#navbg{
	position:absolute;
	opacity:0.8;
    background-image:url(img/navbg.png); width:400px; height:50px;
    background-repeat: no-repeat; 
    margin-top:34px;
    margin-left:585px;
	
}


ul{
list-style:none;
}

ul.topnav { 
    margin-top:33px;
    position:absolute;
	list-style: none;
	margin-left:600px;
	font-size: 1.2em;
	opacity:0.8;
	
}



       ul.topnav li{
       float: left; 
       display:table-cell;       
       position: relative; /*--Declare X and Y axis base--*/
       margin-left:0px;
	
	  
	  
}

        ul.topnav li a{ 
        display:table-cell;   
        color:black;
	    text-decoration: none;
		padding:12px;
	    float: left;
      	padding-left:20px;
        }

    ul.topnav li a:hover{		
	color:#83c341;
   

			 }

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 0px;
	height: 0px;
	float: left;

}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;opacity:1;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	margin-top:1px;
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 45px;
	padding: 30;
	display: none;
	float: left;
	width: auto;
	
}

ul.topnav li ul.subnav li{
	margin: 0; padding:0 ;
	 /*--Create bevel effect--*/
	clear: both;
	width: auto;	
	}

ul.topnav li ul.subnav li.hm{
	margin: 0; padding: 0;
	background-image:url(img/hmpng.png);
	background-position:top;
	background-repeat:no-repeat;/*--Create bevel effect--*/
	clear: both;
	width: 112px;
	height:47px;

}

ul.topnav li ul.subnav li.hm a{
	float: left;
	width: 112px;
	clear: both;
	padding: 10px;
	padding-left:13px;

}

ul.topnav li ul.subnav li.hd{
	margin: 0; padding: 0;
	background-image:url(img/hd.png);
	background-position:top;
	background-repeat:no-repeat;/*--Create bevel effect--*/
	clear: both;
	width: 112px;
	height:47px;

}

ul.topnav li ul.subnav li.hd a{
	float: left;
	width: 112px;
	clear: both;
	padding: 10px;
	padding-left:13px;

}



ul.topnav li ul.subnav li.wu{
	margin: 0; padding: 30;
	background-image:url(img/wu.png);
	background-position:top;
	background-repeat:no-repeat;/*--Create bevel effect--*/
	clear: both;
	width: 175px;
	height:47px;

}

ul.topnav li ul.subnav li.wu a{
	float: left;
	width: 180px;
	clear: both;
	padding: 10px;
	padding-left:13px;

}


ul.topnav li ul.subnav li.wwdi{
	margin: 0; padding: 20;
	background-image:url(img/hwdi.png);
	background-position:top;
	background-repeat:no-repeat;/*--Create bevel effect--*/
	clear: both;
	width: 175px;
	height:47px;

}

ul.topnav li ul.subnav li.wwdi a{
	float: left;
	width: 175px;
	clear: both;
	padding: 10px;
	padding-left:15px;

}



html ul.topnav li ul.subnav li a {
	float: left;
	width: 120px;
	clear: both;
	padding: 10px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 center; 
}




/* RSS */

#sm{
	margin-left:670px;
	margin-top:-170px;
	position:absolute;

}

.rsstooltip {
	
	   margin: 115px auto;
	   padding: 0;
	   width: 100px;
	   position: relative;
}

.rsstooltip em {
	   background: url(img/rssbubble.png) no-repeat;
	   width: 109px;
	   height: 55px;
	   position: absolute;
	   top: -70px;
	   left: -195px;
	   text-align: center;
	   text-indent: -9999px;
	   z-index: 2;
	   display: none;
}

#rss-icon {
		position:absolute;
	   width: 72px;
	   height: 71px;
	   background: url(img/rss.png) no-repeat 0 0;
	   text-indent: -9999px;
	   margin: 0 -170px;
	   display: block;
	   opacity: 0.65;
	   float: left;
}

#rss-icon:hover {
	   opacity: 1.0;
}

.twittertooltip {
	   margin: 115px auto;
	   padding: 0;
	   width: 100px;
	   position: relative;
}

.twittertooltip em {
	   background: url(img/twitterbubble.png) no-repeat;
	   width: 109px;
	   height: 55px;
	   position: absolute;
	   top: -70px;
	   left: -95px;
	   text-align: center;
	   text-indent: -9999px;
	   z-index: 2;
	   display: none;
}

#twitter-icon {
	position:absolute;
	   width: 72px;
	   height: 71px;
	   background: url(img/twitter.png) no-repeat 0 0;
	   text-indent: -9999px;
	   margin: 0 -70px;
	   display: block;
	   opacity: 0.65;
	   float: left;
}

#twitter-icon:hover {
	   opacity: 1.0;
}

.bzztooltip {
	
	   margin: 115px auto;
	   padding: 0;
	   width: 100px;
	   position: relative;
}

.bzztooltip em {
	   background: url(img/bzzbubble.png) no-repeat;
	   width: 109px;
	   height: 55px;
	   position: absolute;
	   top: -70px;
	   left: 5px;
	   text-align: center;
	   text-indent: -9999px;
	   z-index: 2;
	   display: none;
}

#bzz-icon {
		position:absolute;
	   width: 72px;
	   height: 71px;
	   background: url(img/bzz.png) no-repeat 0 0;
	   text-indent: -9999px;
	   margin: 0 25px;
	   display: block;
	   opacity: 0.65;
	   float: left;
}

#bzz-icon:hover {
	   opacity: 1.0;
}



.fbktooltip {
	
	   margin: 115px auto;
	   padding: 0;
	   width: 100px;
	   position: relative;
}

.fbktooltip em {
	   background: url(img/fbkbubble.png) no-repeat;
	   width: 109px;
	   height: 55px;
	   position: absolute;
	   top: -70px;
	   left: 100px;
	   text-align: center;
	   text-indent: -9999px;
	   z-index: 2;
	   display: none;
}

#fbk-icon {
		position:absolute;
	   width: 72px;
	   height: 71px;
	   background: url(img/fbk.png) no-repeat 0 0;
	   text-indent: -9999px;
	   margin: 0 120px;
	   display: block;
	   opacity: 0.65;
	   float: left;
}

#fbk-icon:hover {
	   opacity: 1.0;
}


#mainWrapper{	width: 1100px;
	height: 885px;
	margin: 0 auto 0 auto;
		overflow:hidden;
	} 



#main{float:left;width:100%;height:535px;background-color:#d3e9f8;background-image:url(img/bg.png);background-repeat:none;background-position:0px 0px border-bottom:1px solid #b4daf1; padding:0px;}



#headerWrapper{margin:0 auto;
width: 1100px;
		overflow:hidden;
			}






/* NAVIGATION BAR  */



#tit  {width:400px;position:relative;margin-top:20px; color:#63A9D5;text-decoration:none;font-family:Century gothic, Arial,Tahoma,sans-serif; font-size:34px}
#tit  a{width:400px;position:relative;margin-top:20px; color:#63A9D5;text-decoration:none;font-family:Century gothic, Arial,Tahoma,sans-serif; font-size:34px}








.widthlimiter {width:1100px;margin:0auto;overflow:hidden;}





/* MAIN CONTENT STYLING */


h2 a{
	position:relative;
	margin-top:20px;
	float:left;
	margin-left:50px;
	}
	
	
h2 {
  position:absolute;
  width:100%;
  height:100%;
  background:url(img/who.png) no-repeat 0 0;	
  margin-top:10px;
  margin-left:20px;
  }
	

	
#contenttop {
margin-left:25px;
width:100%;
position:absolute;
background-image:url(img/whywedoit-pb.png);
background-repeat:no-repeat;
height:800px;
margin-top:-20px;

}



#content {
	  	margin-left:60px;
	    margin-top:70px;
        position:absolute;
        width:600px;
		font-size:16px;
		line-height:190%;
	    font-family:Verdana, Verdana, Geneva, sans-serif;
	/**	color: #174572;**/
		font-weight:200;
		color:#174572;
		
		
	      }
		

#content li{	font-family: Georgia, "Times New Roman", Times, serif;}
#content ul{	font-family: Georgia, "Times New Roman", Times, serif;}




#sidebartop {	
  position:absolute;
  width:100%;
  height:65px;
  background:url(img/links.png) no-repeat 0 0;
  background-repeat:no-repeat;
  margin-top:100px;
  margin-left:897px;
}

#tweets {	
  position:absolute;
  width:100%;
  height:65px;
  background:url(img/tweets.png) no-repeat 0 0;
  background-repeat:no-repeat;
  margin-top:350px;
  margin-left:897px;
}





#sidebar ul {
	width:350px;
	position:relative;
	margin-top:140px;
	margin-left:90px;
	padding-top:30px;
}

#sidebar ul li{
margin-left:605px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
width:350px;
list-style:none;
text-decoration:none;
color:#83c341;
line-height:130%;
padding-bottom:10px;
text-align:left;
}

#sidebar ul li a{
text-decoration:underline;	
padding:10px 10px;
display:block;
color:#039;
font-size:14px;
border-bottom:thin;
}

#sidebar ul li a:hover{
text-decoration:underline;
padding:10px 10px;
display:block;

}

#tweet{
	margin-left:695px;
	margin-top:60px;
}



h3,h4,h5 {color:#fff; 	font-family: Arial, Helvetica, sans-serif;}
h3 a,h4 a,h5 a {opacity:0.5;color:#fff; text-decoration:none; 		font-family: Georgia, "Times New Roman", Times, serif;}
h2 a:hover{opacity:1.0}

h2 {font:normal bold 2em sans-serif; }
h3 {font:normal bold 1.6em sans-serif;margin:0.4em 0}
h4 {font:normal bold 1.3em sans-serif;margin:0.3em 0}
h5 {font:normal bold 1.2em sans-serif;margin:0.2em 0}

ul li, ol li {font-family:sans-serif;color:#202225}




/* FOOTER STYLING */


#footBottom .backTotop{padding-top:4px;cursor:pointer;float:right;color:#fff;width:90px;height:21px;text-align:left;background:transparent url(img/foot_arrow_up.png) no-repeat scroll top right}

/*
   #hd{
	   float:left;
	position:absolute;
	width: 1140px;
	height: 800px;
	margin: 0 auto;
	overflow:hidden;
	background-image:url(img/hdrsh.png);
	background-repeat: no-repeat;
	overflow:hidden;
   }

*/	


#blog2{    
				display:block;
				position:absolute;
				margin-left:65px;
                background: url(img/blog2.png);
                background-repeat: no-repeat; 
				text-indent:-10000px;
				margin-top:30px;
			    width:320px;
                height:200px;
				overflow-x: hidden;
				overflow-y: hidden;			
}

#blog2 a {
  display:block;
  width:100%;
  height:100%;
}

#blog2 a:hover{
display:block;
width:100%;
height:100%;
background: url(img/blog22.png);
background-repeat: no-repeat; 
				
}

#blog1{    
				display:block;
				position:absolute;
				margin-left:390px;
                background: url(img/blog1.png);
                background-repeat: no-repeat; 
				text-indent:-10000px;
				margin-top:30px;
			    width:320px;
                height:200px;
				overflow-x: hidden;
				overflow-y: hidden;	
                }

#blog1 a {
  display:block;
  width:100%;
  height:100%;
}

#blog1 a:hover{
display:block;
width:100%;
height:100%;
background: url(img/blog12.png);
background-repeat: no-repeat; 
				
}

#blog3{     
			   display:block;
				position:absolute;
				margin-left: 720px;
                background: url(img/blog3.png);
                background-repeat: no-repeat; 
				text-indent:-10000px;
				margin-top:30px;
				width:320px;
                height:200px;
				overflow-x: hidden;
				overflow-y: hidden;			
                }

#blog3 a {
  display:block;
  width:100%;
  height:100%;
}

#blog3 a:hover{
display:block;
width:100%;
height:100%;
background: url(img/blog32.png);
background-repeat: no-repeat; 
				
}