@import url("../fonts-folder/font1/stylesheet.css");
@import url("../fonts-folder/font2/stylesheet.css");
@import url("../fonts-folder/font3/stylesheet.css");
/*
	Background Stretcher jQuery Plugin 
	? 2009 ajaxBlender.com
*/
*{
	margin:0px;
	padding:0px;
}
html,
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
html {display:table;}
body {
	display:table-cell;
	vertical-align:middle;
	font-family: 'PillGothic300mgRgRegular';
	color: #555555;
    font-size: 12px;
    	background-color:#ffffff;
line-height: 20px;
	height:100%;
	text-align: center;
}

body#home {background-color:#000000;}

A { outline: none; color: #0A8ECC; }
	
H1, H2 {
	color: #CCC;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 16px;
	padding-bottom: 3px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
H1 {
	padding-bottom: 3px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
H2 { font-size: 14px;}
.bgstretcher-page { text-align: center;}

.topline{border-top: 5px solid #000}


#page_overlay {
margin: 0 auto;
width: 942px;
text-align: left;
z-index:2;
}

#page_content {
float: left;
width: 100%;
font-size: 12px;
padding-top: 20px;
z-index:2;
position:relative; /* This is very important! */
}

img#bg {
/* Stretch background */
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:0;
}

#bg_grid {
position:fixed; /* This is very important! */
top:0;
left:0;
height:100%;
width:100%;
/* Display on top of background */
z-index:1;
}
#page {
	margin: 0 auto;
	width: 942px;
	text-align: left;
}

.page-content {
	float: left;
	width: 100%;
	font-size: 12px;
	padding-top: 20px;
}

P.larger-size { font-size: 16px; }
#page STRONG { color: #FFFFFF; }
#nav UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav UL LI {
	display: inline;
	margin-right: 8px;
}
#nav UL LI.showPage A { color: #fff; }



a { color: #fff; }
ul,li{ margin:0px; padding:0px; list-style:none;}

#logo{ position:absolute; top:20px; left:30px;}
.header{ width:942px; height:160px; float:left;position:relative; }
.inner_header{ width:942px; height:120px; float:left;position:relative; }

.menu{ position:absolute; right: 0; }
.wecreative_box{ width:500px; height:73px; background:url(../images/page_bg.png);  margin-top:0px; margin-left:28px;  float:left;padding: 0 20px;}
.wecreative_box span{ font-size:20px; color:#FFFFFF; line-height:40px;}
.wecreative_box p{ font-size:16px; color:#d4d7dd; line-height:22px;}

.wecreative_box a{ font-size:16px; color:#d4d7dd; text-decoration:none;}
.wecreative_box a:hover{ color:#FFFFFF;}


.category_text{ width:auto; height:22px; float:none; font-size:16px; color:#FFFFFF; background:#050506; text-align:center; line-height:22px;}
.bottom_category{ width:271px; height:147px; background:url(../images/category_bg.png); float:left; padding-top:20px; padding-left:10px; margin-left:20px;}
.category{ height:140px; width:268px; background:url(../images/centi.png) repeat-x 0px 10px; opacity:0.7; filter:alpha(opacity=70);}


.bottom_box{ width:942px; height:173px; float:left; padding-left:9px; margin: 60px 0 30px 0}

.footer{ width:898px; height:50px; margin:auto; float:left; margin-left:20px; padding-bottom:20px}
.footer_box{ height:50px; margin:auto;}
.footer_copy{ width:360px; height:30px; float:left; font-size:11px; color:#808080; font-weight:bold; padding-left:15px; line-height:25px; padding-top:15px;}
.footer_menu{ height:30px; float:right;}
.social{ width:auto; height:auto; float:right; padding-top:5px;}
.facebook{ width:35px; height:35px; float:left; margin:4px; background:url(../images/facebook.png) no-repeat; cursor:pointer;}
.twtter{ width:35px; height:35px; float:left; margin:4px; background:url(../images/twitter.png) no-repeat; cursor:pointer;}
.linkdin{ width:35px; height:35px; float:left; margin:4px; background:url(../images/linkedin.png) no-repeat; cursor:pointer;}



.inner_div{ width:942px; height:auto; padding-top:30px }
.inner_left{ width:342px; height:auto; float: left}
.inner_right{ width:600px; height:468px; float: right}

.left_box{width:292px; height:auto; padding:0 0 0 30px}
.inner_pad {padding:0px 0 0 30px}
.inner_head{ line-height:24px ;text-transform: uppercase; text-align: center; color: #000; padding:20px 30px 0 30px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;text-align: right}
.inner_head1{  font-size: 14px;font-family: 'PillGothic300mgThRegular'; text-align: right}
.inner_head2{  font-size: 16px;font-family: 'PillGothic300mgRgBold'; }
.p_text{ text-align: justify; padding: 10px 20px 0px 10px; font-size: 13px;  }

.inner_footer{ width:912px; height:50px; margin:auto; float:left; padding: 30px; }
.inner_footer_box{ height:50px; margin:auto;border-top: 1px solid #eeeeee;}

/*
.thumb img{
  float:left; 
  margin: 10px 20px 10px 0;   
  filter:alpha(opacity=80);
  -moz-opacity:.80;
  opacity:.80;	
}

.thumb:hover img{
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;	
}

*/

div.wrapper{
  float:left; 
  margin: 10px 20px 10px 0;   
	position:relative; /* important(so we can absolutely position the description div */ 
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-size:12px;text-align: center;
	color:white;
}
div.description_content{
	padding:10px;
}

.btn_back {padding: 30px 0 0 235px; }
.btn_back a img {border: 1px solid #fff}
.btn_back a img:hover {border: 1px solid #ddd}