/*============ Screen CSS ========================*/



body{
background: #fff url(../img/bofdy_bg.png) repeat-x;
font-family:Helvetica, Geneva, Arial, sans-serif;
}

html {
overflow-y: scroll;
}

#container { 
margin: 0px auto; 
width:960px; 
padding:1px 0; 
border-right: 1px solid #818181;
border-left: 1px solid #818181;
background-color:#FFF;
-moz-box-shadow: 3px  3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
}

.color1{color:#138bca}
.color2{color:#78b946}


/*============ Header ========================*/


 #hd { height:114px; position:relative;  background: transparent url(../img/hd_bg.jpg) repeat-x; padding: 1px 0 0 0; margin: -1px 0 0 0 }
  #hd .logoBlock{background: transparent url(../img/logoBlock2.png) no-repeat; float: left; margin:17px 0 0 30px; width: 292px; height:38px;}
  #hd .logoBlock p, #hd .logoBlock h1{ text-indent: -100000px;}
  
/*============ nav ========================*/



  .main_nav{
  width: 500px;
   margin:0px; 
   height:49px; 
   padding:6px 0 0 8;
   float: right;
   margin: 10px 0 0 0px
}
.main_nav li{
	float: left;
	display:inline;
	padding: 4px 0px 0 4px
}

.main_nav li.last{
	padding-right: 0px
}

.main_nav li a{

	font-family: "Trebuchet MS", sans-serif;
	display: block;
	color: #49494b;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	padding: 0px 0px;
	width: 104px;
	line-height:29px;
	height:29px;
	text-align:center;
}
.main_nav li.current a{
}

.main_nav .last a{
margin:0 0px 0 0;
width: 100px;
}

.main_nav li a:hover{
color:#000;
}

 .sub_nav{ 
   width: 960px;
   height:60px; 
   padding:6px 0 0 0;
   margin: 8px 0 0 0px
}
.sub_nav li{

	display:inline;
	padding: 0 0 0 50px;
	height:60px;
	margin: 0 0 0 10px;
}

.sub_nav li.last{
	padding-right: 0px
}

.sub_nav a{

	font-family: "Trebuchet MS", sans-serif;
	display: block;
	color: #49494b;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	padding: 0px 0px;
	line-height:40px;
	height:40px;
	margin:0px 10px 0 10px;
	text-align:center;
	text-transform:uppercase;
}
.sub_nav li.current a{
line-height:40px;
padding: 0px 0px;
}

.sub_nav .last a{

}

.sub_nav li a:hover{

color:#000
}

.contents{ min-height:400px;}


.panel1 {height: 665px; padding: 2px 0 0 0; position: relative; background: transparent url(../img/girlWithCell.jpg) no-repeat; margin:0px;  }
.panel_slides{ width: 500px; height: 200px; position:absolute; left:431px; top: 38px; background: transparent url(../img/panel1_slides.jpg) no-repeat;}

.panel2 {height: 340px; padding: 2px 0 0 0; position: relative; background: transparent url(../img/handsWithCell.jpg) no-repeat; margin:0px;  }


.panel3 {height: 90px; padding: 2px 0 0 0; position: relative; background-color:#fff;  margin:0px;  }
.panel3 h2{ font-size:24px;  text-align:center; margin: 25px; color:#2e84b7;}
.panel3 h2 span{color:#006fa4; font-size:36px;}


.panel{}
.panel h2{
color:#49494b;
font-size:18px;
font-weight:bold;
line-height:28px;
margin:25px 25px 5px 25px;

}
.panel h3{
color:#2e84b7;
font-size:18px;
line-height:22px;
margin:25px 25px 5px 25px;
}

.panel h4{
color:#49494b;
font-size:14px;
margin:50px 25px 5px 80px;
}
.panel p{
color:#49494b;
font-size:14px;
margin:5px 25px 25px 25px;
line-height: 16px;
}

.panel ul{
color:#49494b;
font-size:14px;
margin:5px 25px 25px 25px;
}

.panel ul li{
color:#49494b;
font-size:14px;
margin:15px 0 0 30px;
list-style:outside disc;

}

.sections {min-height: 255px; padding: 2px 0 0 0; margin:0px;  }

.section_33{width: 320px; height: 255px; float: left; display:inline}
.section_33 h2{ font-size:19px; min-height:45px;  color: #312f2a; margin: 25px 15px 10px 15px; padding: 6px 0 0 54px}

.tag_green{ background: transparent url(../img/tag_green.png) 0 50% no-repeat}
.tag_red{ background: transparent url(../img/tag_red.png) 0 50% no-repeat}
.tag_blue{ background: transparent url(../img/tag_blue.png) 0 50% no-repeat}


.section_33 p{ font-size:14px;  margin: 0px 20px 10px 20px; line-height:18px; color: #312f2a}
.section_33 .more{ display: block; font-size:14px; font-weight:bold; margin: 0px 20px 10px 20px; line-height:18px; color: #b24a4a; font-style:italic;  text-align:right; text-decoration:none}

.section_33 .more:hover{text-decoration:underline}


.section_100{width: 960px; min-height: 355px; float: left; display:inline}
.section_100 h2{ font-size:16px;  min-height:45px;  color: #48a7dd; margin: 40px 15px 10px 40px;}

.section_100 p{ font-size:15px; margin: 40px 20px 10px 40px; line-height:20px; color: #312f2a}

.products{ margin: 20px 120px}
.product {padding:1px 0 0 0}
.product p{margin: 7px 10px 0 236px; }
  
  .product_but{ display: block; float: left;  width: 226px; height: 89px; background: transparent url(../img/buttons.png) no-repeat; text-indent: -100000px}
  .adTagBut{ background-position: 0 0}
  .adTagBut:hover{ background-position: 0 -89px}
  .aimeBut{ background-position: -226px 0}
  .aimeBut:hover{ background-position: -226px -89px}
  .heyBut{ background-position: -452px 0}
  .heyBut:hover{ background-position: -452px -89px}
  
  

    
  
  /*============ Footer ========================*/ 
  .ft {height: 65px; font-size:12px; padding: 2px 0 0 0; background: #e1e3e2 url(../img/footer_bg.jpg) no-repeat; margin:0px;  }
 
  
  .ft .privacy{ padding: 0 0 0 30px; font-size:12px}
  
  
/*============ Fixes ========================*/
   
   
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

   
   
   .clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}