@charset "utf-8";
/* CSS Document */
/*RULES --------------------------------------------------------------------------------------------------------------------------------------------------------- */
body{
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:22px;
	text-align:left;
	color:#333;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#000;
}

hr{
	border-color:#CCC;
	margin:0px 0px 30px 0px;
}

ul{
	text-align:left;
}

/*COLORS --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.green{
	color:#39b54a;
}

/*TEXT --------------------------------------------------------------------------------------------------------------------------------------------------------- */
a{
	color:#39b54a;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#1e792b;
	outline:none;
	text-decoration:none;
}

a:active{
	outline:none;
	text-decoration:none;
}

a:visited{
	color:#1e792b;
	outline:none;
	text-decoration:none;
}

p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:22px;
	text-align:left;
	color:#333;
}

h1{
	font-size:24px;
	color:#898989;
	line-height:32px;
	text-align:left;
	margin:0px;
}

h2{
}

h3{
}

h4{
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#666;
}

h5{
	font-size:12px;
	font-weight:bold;
	color:#39b54a;
	margin:0;
	float:left;
}

h5:hover{
	color:#1e792b;
	outline:none;
	text-decoration:none;
}

h5:active{
	outline:none;
	text-decoration:none;
}

h5:visited{
	color:#1e792b;
	outline:none;
	text-decoration:none;
}

h6{
	font-size:10px;
	color:#CCC;
	margin:0;
}

.dropCap {
	float: left;
	color:#39b54a;
	font-size: 5em;
	line-height: 0.9em;
	padding: 0 5px 0 0;
	font-family:"Times New Roman", Times, serif;
}

.more{
	margin-left:10px;
	font-weight:bold;
}

.author{
	font-style:italic;
	float:right;
	color:#666;
	margin-top:-5px;
	margin-bottom:30px;
}

.number{
	font-size:104px;
	padding-right:5px;
	float: left;
	color:#39b54a;
	line-height:82px;
}
/*FORMATTING --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper{
	width:1030px;
	margin:30px 0px 0px 0px;
	padding:0;
	background-image:url(images/mid.jpg);
	background-repeat:repeat-y;
	position:relative;
}

#top{
	position:relative;
	margin:30px 30px 0px 30px;
	height:280px;
	width:970px;
	background-image:url(images/main_image.jpg);
}

#menu{
	background-image:url(images/menu_bg.jpg);
	background-repeat:no-repeat;
	height:28px;
	width:970px;
}

#left_column{
	float:left;
	width:640px;
	margin:30px 30px 0px 30px;
	padding:0;
}

#right_column{
	float:left;
	width:300px;
	margin:30px 30px 0px 0px;
	padding:0;
	position:relative;
	min-height:1100px;
}

#footer{
	background-image:url(images/bottom.jpg);
	background-repeat:no-repeat;
	width:1030px;
	height:30px;
}

.footer{
	float:left;
	padding-right:10px;
	margin-left:10px;
	border-right: #666 solid thin;
	vertical-align:top;
}


#superhero{
	position:absolute;
	bottom:46px;
	right:30px;
	height:300px;
}

#superhero p{
	position:absolute;
	width:200px;
	top:10px;
	left:-300px;
	font-size:14px;
	color:#999;
	z-index:2;
}

.slides{
	position:relative;
	float:left;
	height:400px;
	width:640px;
}

#featured{
	position:relative;
	width:640px;
}

.slides .column{
	position:absolute;
	width:440px;
	left:180px;
	top:30px;
}

.slides .column p{
	font-size:14px;
	color:#666;
	line-height:22px;
}


#reviews{
	position:relative;
	height:180px;
	width:640px;
}

#reviews img{
	float:left;
}


#article{
	position:relative;
	width:640px;
}

#article img{
	float:left;
}

.facebook{
	float:left;
	margin-left:30px;
	z-index:99;
}

.column{
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

.application{
	position:relative;
	width:640px;
	margin:10px 0px;
}

.application img{
	margin-bottom:30px;
}
	

/*IMAGES --------------------------------------------------------------------------------------------------------------------------------------------------------- */

a img{
	border:none;
	outline:none;
}

.border{
	border-color:#999;
	border-width:1px;
	border-style:solid;
}

#logo{
	position:absolute;
	left:10px;
	top:10px;
}

#phone{
	position:absolute;
	right:10px;
	bottom:0px;
}

.menu_link{
	margin:0px 30px;
	padding:5px 30px 7px 30px;
	float:left;
}

.menu_link:hover{
	margin:0px 30px;
	padding:5px 30px 7px 30px;
	background-image:url(images/menu_bg_hover.png);
	background-repeat:repeat;
	float:left;
}

.category{
	margin-bottom:30px;
	margin-right:10px;
	float:left;
}

.phone_view{
	position:absolute;
	left:0px;
	bottom:0px;
}

.app_badge{
	position:absolute;
	right:0px;
	bottom:25px;
}

#latest_tweets{
	float:left;
	margin-right:10px;
}
	
.superhero{
	position:absolute;
	right:0px;
	bottom:0px;
}

.article_head{
	margin-top:25px;
	margin-bottom:10px;
	float:left;
	border:#999 solid 1px;
}

.app_icon{
	max-width:100px;
	margin-bottom:30px;
	margin-top:-20px;
}

.app_icon2{
	max-width:100px;
	margin:20px;
	float:left;
}

/*MISC --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clear{
	clear:both;
}

.retweet{
	position:absolute;
	right:0px;
	top:0px;
}

.retweet2{
	position:absolute;
	right:10px;
	top:-130px;
}

#bottom{
	position:relative;
	width:970px;
	margin:-30px 30px 15px 30px;
	padding:0px;
}

.thin{
	border-color:#e1e1e1;
	color:#e1e1e1;
	margin:0px 0px 30px 0px;
}

#application_frame{
	position:relative;
	width:640px;
	min-height:1250px;
	border:none;
	overflow:hidden;
	margin-bottom:-20px;
}

#application_frame2{
	position:relative;
	width:640px;
	min-height:2000px;
	border:none;
	overflow:hidden;
	margin-bottom:-20px;
}

.view{
	margin:8px 0px 0px 10px;
}

/*TWITTER --------------------------------------------------------------------------------------------------------------------------------------------------------- */
.tweet{
	position:absolute;
	left:0px;
	margin:0px;
}

#twitter_update_list a{
}

#twitter_update_list{
	margin:0px 0px 0px -40px !important;
	list-style:none;
	text-align:left;
}

#twitter_update_list ul{
	margin:0px 0px 0px -30px !important;
	padding:0px !important;
	text-align:left;
	list-style:none;
}

#twitter_update_list li{
	margin:10px 0px 5px 0px;
	border-bottom:#CCC solid thin;
	padding-bottom:10px;
	text-align:left;
}

#twitter_feed{
	width:300px;
	height:500px;
	overflow:hidden;
	position:relative;
	margin-top:30px;
	text-align:left;
}

#twitter_feed hr{
	margin-bottom:0px;
}




/*MODAL --------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  top:0px;
  left:0px;
  z-index:9001;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  background-image:url(images/modal_bg.png);
  background-repeat:no-repeat;
  width:800px;
  height:600px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes .window2 {
  position:absolute;
  margin-top:600px;
  height:auto;
  width:auto;
  display:none;
  z-index:9994;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog #dialog2 #dialog3 #dialog4 #dialog5 #dialog6 #dialog7 #dialog8 #dialog1 {
  width:auto; 
  height:auto;
}

.modal_mid{
	width:760px;
	max-height:480px;
	overflow:auto;
	margin:0;
	position:absolute;
	left:0px;
	top:80px;
}

.close{
	position:absolute;
	top:20px;
	right:60px;
}

/* page navigation -------------------------------------------------------------------------------------------------------------------------------------------------------- */
.page-navigation{
	font-weight:bold;
	color:#39b54a;
	text-align:left;
	font-size:16px;
	display:block; 
	float:none; 
	clear:both; 
	overflow:hidden;
	margin:0; 
	padding:0.5em 0;
}
.page-navigation a, .page-navigation a:visited, .page-navigation span {
	color:#1e792b;
	padding:0 4px; 
	text-decoration:none;
}
.page-navigation a:hover {
	text-decoration:underline;
}

.page-navigation a.previous, .page-navigation a.previous:visited, .page-navigation span.previous{
  padding:0 4px 0 16px;
}

.page-navigation a.next, .page-navigation a.next:visited, .page-navigation span.next{
  padding:0 16px 0 4px;
}

.paging{
	margin-left:300px;
}

.paging2{
	float:right;
}

/* LIGHTBOX ------------------------------------------------------------------------------------------------------------------------------*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { 
	border: none; 
}

#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	background-color:#111111;
	margin:15px auto;
}

#lightbox-container-image { 
	padding: 10px; 
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	right: -40;
	width: 100%;
	z-index: 10;
	max-height:120px;
}

#lightbox-container-image-box > #lightbox-nav { 
	height: 40px;
}

#lightbox-nav a { 
	outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	zoom: 1;
	width:40px;
}

#lightbox-nav-btnPrev{ 
	position:absolute;
	width:40px;
	height:40px;
	right:-40px;
	top:120px;
	background-image:url(images/prev.png) !important;
}

#lightbox-nav-btnNext{ 
	position:absolute;
	right:-40px;
	top:60px;
	width:40px;
	height:40px;
	background-image:url(images/next.png) !important;
}

#lightbox-nav-btnClose {
	position:absolute;
	right:-40px;
	top:0;
	width:40px;
	height:40px;
	background-image:url(images/close.png) !important;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color:#111111;
	margin: -15px auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	max-width: 500px;
	width:auto;
	float: left; 
	text-align: left;
	margin-left:-10px;
	margin-bottom:10px;
}

#lightbox-image-details-caption { 
	font-weight: bold; 
}

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}


#gallery {
	width:640px;
	position:relative;
	
}
	
#gallery ul { 
	list-style: none; 
}

#gallery ul li { 
	display:block;
	margin:0;
}

#gallery ul img {
		height:150px;
		width:100px;
		float:left;
		border-color:#999;
		border-width:1px;
		border-style:solid;
	}

.desc2{
	display:none;
	max-width: 500px;
	width:auto;
	float: left; 
	text-align: left;
	margin-left:-10px;
	margin-bottom:10px;
	color:#FFF;
}

title{
	display:none;
	font-weight:bolder;
}

.merced_thumb{
	float:left;
	margin:15px;
}

.twiddict{
	margin-bottom:30px;
}


.twiddict_thin{
	margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
}

.twiddict_thin_left{
	margin-bottom:30px;
	margin-left:0px;
	margin-right:5px;
}

.twiddict_wide_left{
	margin-bottom:30px;
	margin-left:0px;
	margin-right:25px;
}

.twiddict_thin_right{
	margin-bottom:30px;
	margin-left:5px;
	margin-right:0px;
}