/*==============================
			-- GENERAL -- 
==============================*/
*{ margin:0;padding:0;border:0; }
.clear{clear:both;}

body {
	background: url(img/bg_body_top.jpg) repeat-x 0 0 #fff;
	font:13px Georgia, Arial, Verdana, Helvetica, sans-serif;
}

.container {
	width:915px;
	margin:0 auto;
}

p  { color:#000; }
li { list-style:none; }
a  { color:#0033FD; outline-style: none;}


/*==============================
			-- H1-H6 --
==============================*/
h1 a{
	display:block;
	float:left;
	width:268px;
	height:116px;
	margin-top:3px;
	/* Change the logo to logo.png to show previous logo */
	background:url(img/logo_reflect.png) no-repeat 0 0;
}

h1 a span{ display:none; }

h2{
	color:#F60339;
	font-size:1.85em;
	font-weight:normal;
}

h2 a{
	color:#F60339;
	text-decoration:none;
}


/*==============================
			-- FORM --
==============================*/
input{
	padding:7px 6px;
	color:#646464;
	margin-right:8px;
	background:#F2F2F2;
	border-top:2px solid #A5A5A5;
	border-left:2px solid #A5A5A5;
	border-bottom:1px solid #E3E3E3;
	border-right:1px solid #E3E3E3;
}


/*==============================
			-- HEADER --
==============================*/
#header{
	overflow:hidden;
	width:96%;
	height:120px;
	padding:0 1%
}

#header p{
	float:right;
	margin:15px 8px 54px 0;
	font-family: Arial, sans-serif;
	font-size:0.95em;
}

#header p a{
	color:#666;
	font-size:1.15em;
}

#header p a:hover {
	color:#000;
}

/* Tab menu */
.menu{
	margin-top:3px;
	float:right;
	clear:right;
	font-family: "Lucida Sans Unicode", arial;
	letter-spacing:-1px;
}

.menu li{
	float:left;
	margin:0 4px;
}

.menu li a{
	display:block;
	float:left;
	color:#888;
	padding:0 8px;
	line-height:32px;
	font-size:1.15em;
	text-decoration:none;
}

.menu li a:hover   { color:#000}
.menu li.selected  { background:url(img/menu_selected_right.png) no-repeat 100% 0;}

.menu li.selected a{ 
	color:#000;
	background:url(img/menu_selected_left.png) no-repeat 0 0;
}


/*==============================
			-- CONTENT --
==============================*/
#content { background:url(img/footer.png) no-repeat bottom left; }

#content .inner{
	padding:5px 35px 60px 35px;
	background:url(img/bg_content_top.png) no-repeat 0 0;
	font-size: 1.1em;
	line-height:21px;
}

/* Home Video */
#home_video img {
	float: left;
	margin-bottom: 28px;
}

/* Intro */
.intro{
	position:relative;
	padding-top:15px;
}

.intro_liquid {
	padding: 0 32px 0 32px;
	font-size: 0.95em;
	background: url(img/bg_intro.jpg) repeat-x bottom left #EAF4FE;
}

/* Headline texts */
.float_left {
	float:left; 
	width:524px;
	margin-right:20px;
	text-align: center;
}

.intro h2{ font-size:3em; letter-spacing:-1px; color: #000; }

.intro p{
	font-size: 1.35em;
	margin-right: 20px;
	padding-bottom: 8px;
	line-height: 1.2em;	
	color: #333;
	font-family: Lucida Grande, sans-serif;
}

.intro p#signup {
		background: url(img/home_signup.jpg) no-repeat center top;
		padding: 21px 20px 24px 15px;
}

.intro p a, .intro p a:visited {
	font-size: 1.3em;
	margin: 0 7px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #0033fd;
}

.intro p a:hover {
	color: #000;
	text-decoration: none;
}

.intro #subtitle {
	font-size: 1.35em;
	padding: 0 0 8px 0;
	margin:0;
	color:#000;
}

.intro span {
	background: #fffdaa;
}

/* Main col */
.main_col{
	float:left;
	width:538px;
	padding-top:26px;
}

.main_col h2 { margin:0 0 4px 0; }
.main_col p  { margin:0 0 16px 0; }
.main_col img{ margin-bottom:12px; }


blockquote {
	font-size: 21px;
}

.quote {
	border-top: 1px solid #cacaca;
	padding: 12px 0;
	text-align: center;
	font-family: "Lucida Unicode Sans", sans-serif;
}

.quote p {
	color:#858585;
}

/*==============================
			-- SIDEBAR --
==============================*/
.sidebar{
	float:left;
	width:286px;
	border-left:1px solid #CCCCCC;
	padding:26px 0 22px 20px;}

.sidebar h2{
font-size:1.15em;
padding:4px 2px;
margin-bottom:14px;
border-top:1px dotted #93AEB5;
border-bottom:1px dotted #93AEB5;}

/* announcement box */
.sidebar .announcement{
background:#FEFF99;
border:1px solid #FECD33;
margin-bottom:7px;
color:#000;
font-size:1.15em;
padding:14px;}

/* rss button */
.sidebar p.rss a{
display:block;
overflow:hidden;
background:url(img/bg_rss.png) no-repeat 0 0;
padding:8px 0 8px 19px;
margin-bottom:15px;
color:#E87C3C;
text-decoration:none;
font-size:1.4em;}
.sidebar p.rss img{
display:block;
float:left;
margin:3px 4px 0 0;}

/* killer post list */
.sidebar ul.killer_post li{
margin-bottom:16px;
font-size:1.15em;
color:#0033FD;}

/* search form */
#search{
margin:0 0 28px 2px;
overflow:hidden;}
#search label{
display:none;}
#search input{
float:left;
width:183px;}
#search button{
display:block;
float:left;
width:77px;
height:35px;
background:url(img/button_search.png) no-repeat 0 0;}
#search button span{
display:none;}

/* Sponsor */
.sponsors img{
margin:0 31px 20px 0;}
.sponsors img.nomargin{
margin:0 0 20px 0;}


/*==============================
			-- ABOUT --
==============================*/
#about{
/*
background:url(img/bg_body_about.png) repeat-x 0 0 #FFF; 

*/ 

}

#about #content .inner{
background:none;
padding-right:25px}

#about .main_col{
width:561px;
margin-right:27px;}


/* sedebar */
#about .sidebar{
width:247px;
min-height:380px;
background:url(img/bg_sidebar_about.png) no-repeat 0 0;
border:0;}

#about .sidebar h2{
font-size:1.65em;
margin-bottom:6px;
border:0;}


/* sidebar -> ways to */
.ways li{
padding-left:22px;
font-size:1.3em;}
.ways li a{
color:#000;}
.ways li.adress{
background:url(img/bg_ways_adress.png) no-repeat 0 3px;}
.ways li.email{
background:url(img/bg_ways_email.png) no-repeat 0 3px;}
.ways li.phone{
background:url(img/bg_ways_phone.png) no-repeat 0 7px;
margin-top:46px;
font-size:1.7em;}
.ways li.phone span{
font-size:0.6em;
color:#999;}


/*==============================
			-- FOOTER --
==============================*/
#footer{
color:#999;
text-align:center;
padding:0 0 10px 0;}

#footer p {
color:#333;
font-family: arial, sans-serif;
font-size: 11px;
}

/*===============================
		-- SEALS ---
===============================*/
#seals {
	width: 480px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

img#verisign {
	margin: 0px 30px 5px 0px;
	height: 59px;
	width: 109px;
}

img#truste {
	margin: 0px 10px 5px 0px;
	height: 47px;
	width: 171px;
}

img#hackersafe {
	height: 54px;
	margin: 0px 0px 0px 0px;
	width: 94px;
}