html,body{    
background:#F4F4F4;
font:normal 13px verdana;
margin:0;
padding:0;
height:100%;
}

h1{
overflow:hidden;
position:absolute;
text-indent:-9999px;
}

#iPage{
width:1200px;
min-height:100%;
position:relative;
margin:0 auto;
padding:0;
text-align:left;
}

#iHeader{
color:#7B7B7B;
margin:0;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.iContent{
/*-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background:#FFFFFF;
border:1px solid #DFDFDF;
padding:20px 0 20px 50px;*/
margin-top:10px;
}

.twitter_div{
clear:both;
margin-top:30px;
border-bottom:1px solid #eee;
}

.twitter_btn a{
background:url(DevSDK/css/twitter_btn.png) 0 0; width:61px; height:20px;
}

.twitter_btn a:hover{
background:url(DevSDK/css/twitter_btn.png) 0 -25px; width:61px; height:20px;
}

.twitter_txt a{
float:left;
color:#186487;
cursor:pointer;
font:normal 11px tahoma;
display:block;
padding:3px 0 0 5px;
margin-left:20px;
text-decoration:none;
}

.twitter_txt a:hover{
text-decoration:underline;
}

#facebook_fan_like_right{ 
position:absolute;
top:240px;
right:-320px;
}

#fb_widget{
width:240px; 
background:#fcfcfc; 
border:1px solid #dcdcdc; 
box-shadow:0 0 10px #eee; 
-webkit-box-shadow:0 0 10px #eee; 
-moz-box-shadow:0 0 10px #eee; 
margin:20px auto; 
padding:20px;
}

#socialplug{
position:absolute;
left:-70px;
top:250px;
background:#fff;
border:1px solid #ddd;
width:55px;
padding:0 10px 15px 15px;
-moz-border-radius:15px 0 0 15px;
-webkit-border-radius:15px 0 0 15px;
border-radius:15px 0 0 15px;
border-right:none;
}

#socialplug_popup{
position:absolute;
left:-40px;
top:310px;
background:#f7f7f7;
border:1px solid #ddd;
width:55px;
padding:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 1px 10px #d1cfd1;
-moz-box-shadow:0 1px 10px #d1cfd1;
-webkit-box-shadow:0 1px 10px #d1cfd1;
}

#feedback{
font:normal 25px Verdana;
color:#BBBBBB; 
padding:20px 0;
}

#sci2ools_menu a{ 
 display:block; 
 position:fixed;
 top:500px;
 background:#000; 
 padding:15px 5px;
 border:1px solid #999;
 background:url(DevSDK/css/sci2ools_menu.png) 50% 50% no-repeat;
 width:50px;
 height:137px;
 z-index:200;
-moz-box-shadow:0 0 20px #888;
-webkit-box-shadow:0 0 20px#888;
box-shadow:0 0 20px #888;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
 
 #sci2ools_menu a:hover{
background:url(DevSDK/css/sci2ools_menu.png) 50% 50% no-repeat;
z-index:200;
border:1px solid #999;
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px#888;
box-shadow:0 0 5px #888;	
}

.iNote{
color:#999; 
font:normal 11px arial; 
margin-top:20px; 
margin-left:5px; 
text-shadow:1px 1px #fff;
text-align:center;
}

.iNote a
{
color:#37B41C;
text-decoration:none;
font-weight:bold;
padding:0 3px;
}

.iNote a:hover
{
color:#F95334;
text-decoration:underline;
}

.iSample
{
color:#F95334;
font-weight:bold;
font-size:17px;
margin-right:5px;
}

/* footer */
.footer{
background:url(DevSDK/css/carpet.png) repeat scroll 0 0 #191814;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
position:relative;
bottom:0;
width:100%;
height:200px; /* footer height */
}

.footer_height{
padding-bottom:200px; /* footer height */
}

.footer .entry{
position:relative;
width:1000px;
margin:0 auto;
padding:1px 0;
margin-top:20px;
}

.footer .rounded{
color:#7B7B7B;
background:#191814;	
box-shadow:0 1px 0 #373731, 0 -1px 0 #0E0D0B;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;		
font:normal 13px Helvetica;
padding:20px 10px;
}

.footer .company{	
width:160px;
height:100px;
float:left;
}

.footer .join{	
width:760px;
height:100px;
float:left;
}

.footer .title{	
font:bold 21px Helvetica;
margin-bottom:10px;
}

#copyright{
box-shadow:0 1px 0 #373731, 0 -1px 0 #0E0D0B;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;		
font:normal 12px arial;
color:#444444;
background:none repeat scroll 0 0 #191814;
margin-top:20px;
padding:10px 0;
text-align:center;
}

#copyright a{
color:#FBAB9B;
font:normal 11px tahoma;
text-align:center;
text-decoration:none;
}

#copyright a:hover{
color:#666;
text-decoration:none;
}

.ft_link{
margin:10px;
}

.ft_link a{
color:#666;
text-decoration:none;
font:normal 11px tahoma;
}

.ft_link a:hover{
color:#FBAB9B;
text-decoration:none;
}

.join_textbox{
width:300px;
font:normal 20px arial;
color:#aaa;
padding:8px 12px;
border:1px solid #fff;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;		
margin-right:10px;
}

.join_btn{
font:bold 20px Tahoma, Geneva, sans-serif;
font-style:normal;
color:#ffffff;
background:#ea684e;
border:1px solid #ea684e;
text-shadow:0 -1px 1px #222222;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding:9px 12px;
cursor:pointer;
margin:0 auto;
width:90px;
}

.join_btn:active{
cursor:pointer;
position:relative;
top:1px;
}

.join_btn:hover{
background:#45BCD2;
border:1px solid #45BCD2;
color:#fff;
}

.join_success{
width:40px;
float:left;
color:#B9FF9B;
font-size:30px;
}

.join_error{
width:40px;
float:left;
color:crimson;
font-size:30px;
}

img{
border:none;
}

.clear{
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

.mb10{
margin-bottom:30px;
}

.ml3{
margin-left:3px;
}

.caption{
color:#000;
font:bold 25px helvetica;
padding:40px 40px 20px 40px;
}