/* ----------- */
/* CSS IMPORTS */
/* ----------- */

/* Stylesheet RESET */
@import url(hacks/reset.css);

/* Stylesheet SIFR */
@import url(sifr.css);

/* Stylesheet DROPDOWN MENU */
@import url(dropdown.css);

/* Stylesheet JCAROUSEL */
@import url(jcarousel/jquery.jcarousel.css);
@import url(jcarousel/skins/atlantica/skin.css);

/* Stylesheet for GALLERY - PRETTYPHOTO */
@import url(prettyPhoto.css);


/* ------------ */
/* MAIN STYLING */
/* ------------ */

body{
	font: 12px 'Lucida Grande', Arial, sans-serif;
	color: #333;
	background: url(../images/bg/grad_red.jpg) repeat-y;
	overflow-x:hidden;
	background-position:center top;
	background-color:#5C0F11;
}


h1{
font-size:30px;
color:#333;
}

/* Global Wrap */
#wrap{
	width: 999px;
	/*background: #FFF url(../images/page/main_bg.png) repeat-y;*/
	margin: 0 auto;
	z-index: 3;
}

/* Page      */

/* Page      */
/* -> Header */
#page .header{
	background: transparent;
	height: auto;
	/*text-align: center;*/
	margin: 0 auto;
	width: 999px;
}

#page .header img{
	margin: 19px auto 25px 18px;
	
}

.sec-wrapper{
	background: url(../images/page/sec-bg-faux.png) repeat-y;
		/*border-top:10px solid #F0F0F0;
	background:#FFFFFF;*/
	margin-left:-6px;
}

.sec-header{
	background: url(../images/page/sec-bg-header.png) no-repeat;
	width:1000px;
	height:22px;
		/*border-top:10px solid #F0F0F0;
	background:#FFFFFF;*/
}

.sec-footer{
	background: url(../images/page/sec-bg-footer.png) no-repeat;
	width:991px;
	height:149px;
	margin-left:2px;
		/*border-top:10px solid #F0F0F0;
	background:#FFFFFF;*/
}

/* Page          */
/* -> Navigation */

#navwrap{
	background: black url(../images/bg/header_gradient.jpg) repeat-x;
	width: 100%;
	height: 35px;
	overflow: visible;
	margin: 0 auto;
	}
		
.navigation{
	width: 999px;
	background: transparent;
	margin: 0 auto;
	z-index: 99;
}

.navigation .border{
 padding-left: 17px;
}

.navigation ul{
	padding: 6px 0px !important;
	float:left;
	width: 830px;
}

.navigation ul li{
	display: inline;
	padding-left: 20px;
	padding-right: 12px;
	color: white;
}

.navigation ul li.first{
	background: none;
	padding-left: 0px;
}

.navigation ul li .icon{
	vertical-align: middle;
	margin: 2px 8px 0 0;
	float: left;
}

.navigation ul li a{
	text-decoration: none;
	color: white;
}

.navigation .search{
	float:left;
	
}

.navigation .search .field{
	background: transparent url(../images/navigation/search_bar.jpg) no-repeat 0 0;
	font:11px 'Lucida Grande', Arial, sans-serif;
	line-height: 22px;
	width: 152px;
	height: 20px;
	color: #fff;
	float: left;
	padding: 3px 3px 3px 5px;
}

.navigation .search .button{
	background: black url(../images/navigation/search_btn.jpg) no-repeat;
	width: 60px;
	height: 20px;
	color: #313131;
	font:12px 'Lucida Grande', Arial, sans-serif;
}

#home-cats li{
	background:transparent url(../images/bullet.png) no-repeat scroll 0 5px;
	display:block;
	padding:2px 0 3px 15px;	
	color:#54A1C9;
}

#home-cats li a{
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}

.leaderboard-banner{
	float:right;
	width:770px;

}

.leaderboard-banner img{
	border:1px solid #666666;
}

.logo{
	position:relative;
	top:6px;
	float:left;

}

#social-media-nav {
background-image:url(../images/navigation/social-media-bg.png);
background-position:0 3px;
background-repeat:no-repeat;
display:block;
width:130px;
}

#social-media-nav li{
	float:left;
	padding-left:7px;
	padding-right:5px;
}

#social-media-nav li a{
	background-image:url(../images/navigation/social-media.png);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	text-indent:-999999px;
	width:20px;
}

#social-media-nav #facebook{
	background-position:0px 0px;	
}

#social-media-nav #twitter{
	background-position:-29px 0px;	
}

#social-media-nav #linkedin{
	background-position:-58px 0px;	
}

#social-media-nav #delicious{
	background-position:-87px 0px;	
}


/* Content */
#page #content{
	background: transparent;
	margin: 0 auto;
	padding-top: 10px;
	width: 999px;
}

#page #content.alt{
	padding-top: 0px;
}

/* Content       */
/* -> Info Bar   */
#content .info_bar{
	margin: 0 auto;
	padding: 8px 30px;
}

#content .info_bar .hello{
	height: 95px;
	width: 628px;
	float: left;
}


#content .info_bar .calltoaction{
	float: left;
	clear: right;
	height: 95px;
	width: 305px;
}

/* Content             */
/* -> From Title Bar   */
.from_title{
	text-align: center;
	padding: 13px;
	margin-left: 31px;
	margin-right: 31px;
}

.from_title .page_title{
font-size: 16px;
text-transform: capitalize;
}

.from_title .page_title img{
padding: 0px 7px;
}


.from_title ul{
	width: 100%;
}

.from_title hr{
	/*background: #FFF;*/
	height: 1px;
	border: 0px;
	/*border-bottom: 1px dotted #c2c2c2;*/
	margin-top: -10px;
	margin-bottom: 10px;
}

.from_title ul li{
	display: inline;
	background: url(../images/navigation/navigation_dot.jpg) no-repeat 5px 0;
	padding-left: 20px;
	vertical-align: middle;
}

.from_title li.page_title{
	font-size: 30px;
	font-family: Arial;
	font-weight: bold;
	color: #333;
	background: none;
}

.red{
color:#981B1F;	

}

.portfolio_text {
background:#3F3F3F none repeat scroll 0 0;
color:#FFFFFF;
}

.portfolio_text {
float:left;
left:-255px;
padding-left:10px;
padding-right:10px;
position:absolute;
top:11px;
width:206px;
}

.image-caption{
display:block;
height:52px;
margin-bottom:15px;
margin-top:-10px;
text-align:center;
width:150px;
}

/*featured_wrap*/
#featured_wrap{
	background:url(../images/page/featured_bg.png) no-repeat;
	position:relative;
	height:425px;
	width:1000px;
	float:left;
	padding-top:6px;
	margin:-35px 0 0 -31px;
}
* html #featured_wrap{
	height:200px;
}
.featured_image{
	float:right;
	margin-top:70px;
	width:351px;
}

.featured_image a{
	color:#24708c;
}

.featured_image a:hover{
	color:#0f4559;
	text-decoration:none;
}

.featured_desc{
	float:left;
	padding-top:80px;
	width:270px;
}
.featured_desc h2{
	color:#111111;
	font-size:30px;
	font-family:"Myriad Pro", sans-serif;
	line-height:40px;
	font-weight:normal;
	width:500px;
	/*margin-bottom:20px;*/
}

.h2-mini-heading{
	color:#a31f24;	
	font-size:14px;
	margin-bottom:15px;
	display:block;	
	margin-top:-5px;
	width:550px;
}

.h2-mini-heading a{
	color:#a31f24;	

}

.featured_desc p{
	line-height:155%;
	width:505px;
	color:#222222;
}


.view_project{
	width:160px;
	height:36px;
	text-indent:-999999px;
}
.view_project a{
	background:url(../images/page/view_project_btn.png) no-repeat;
	width:160px;
	height:36px;
	display:block;
	cursor:pointer;
}
.view_project a:hover{
	background-position:0 100%;
}








/* Easy Slider */
#slider{
	margin:-40px 0 0 105px;
	padding:0;
	position:relative;
}	
#slider ul, #slider li{
	margin:0;
	list-style:none;
	padding-bottom:0px;
	margin-bottom:0;
}
#slider li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:860px;
	overflow:hidden;
	padding-bottom:0px;
	margin-bottom:0;
	height:500px;
}	
* html #slider li{
	height:390px;
}
p#controls{
	margin:0;
	position:relative;
} 
#prevBtn, #nextBtn{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:66px;
	height:59px;
	position:absolute;
	left:6px;
	top:-300px;
	cursor:pointer;
}	
* html #prevBtn{
	top:-196px;
}
* html #nextBtn{
	top:-250px;
}
*:first-child+html #nextBtn{
	top:-290px;
}
#nextBtn{ 
	left:931px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:66px;
	height:59px;
	background:url(../images/page/btn_prev.png) no-repeat 0 0;
}	
#nextBtn a{ 
	background:url(../images/page/btn_next.png) no-repeat 0 0;	
}		


.video-slide{
	float:left;width:450px;margin-top:86px;
}

/*LATEST-FROM-BLOG*/
.latest-from-blog {
	width:950px;
	margin:10px 0 20px 0;

}
.latest-blogs {
	width:200px;
	float:left;
	margin:0 21.5px 0 0;
	padding:0 21.5px 0 0;
	border-right:1px solid #a11118;
}
.latest-blogs img, .latest-blogs-right img {
	width:200px;
	height:200px;
	margin:0 0 8px 0;
}
.latest-blogs-right {
	width:205px;
	float:right;
}
.latest-from-blog h2 {
	font-size:18px;
	margin:0 20px 25px 0;
	color:#000000;
}
.latest-blogs h3, .latest-blogs-right h3 {
	font-size:22px;
	margin:0 0 0px 0;
	color:#000000;
	font-weight:bold;
}
.latest-blogs p, .latest-blogs-right p {
	margin:0 0 15px 0;
	color:#FFFFFF;
}
.latest-blogs span a:link, .latest-blogs span a:visited,
.latest-blogs-right span a:link, .latest-blogs-right span a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}
.latest-blogs span a:hover, .latest-blogs-right span a:hover {
	text-decoration:underline;	
	font-size:11px;
}

.latest-blogs .h3-mini-heading{
	color:#FFF;	
	font-size:11px;
	margin-bottom:15px;
	display:block;
	font-weight:bold;
}


.latest-blogs .fork-logo{
	float:left;
	width:27px;
	height:91px;
	padding-right:20px;
}




/* Content           */
/* -> Content Wrap   */
#content .content_wrap{
	margin: 0 25px;
	padding: 30px 0 30px 0px;
	/*min-height:642px;*/
	/*border-top: 1px dotted #c2c2c2;*/
}

/* Content      */
/* -> Entries   */
#content .content_wrap .entries,
#content .content_wrap .full-entry{
	width: 600px;
	border-right: 1px dotted #c2c2c2;
	padding-right: 25px;
	float: left;
}

#content .content_wrap .entries ul li,
#content .content_wrap .full-entry{
	margin-bottom: 20px;
}

#content .content_wrap .entries ul li .date,
#content .content_wrap .full-entry .date{
	background: url(../images/blog/date_bg.jpg) no-repeat;
	width: 36px;
	height: 36px;
	float:left;
	margin: 5px 15px 0 0;
}

#content .content_wrap .entries ul li .date p,
#content .content_wrap .full-entry .date p{
	padding-top: 2px;
	font-size: 10px;
	text-align: center;
	line-height: 13px;
	color: white;
	font-family: Arial;
	font-weight: bold;
}

#content .content_wrap .entries ul li .date p span,
#content .content_wrap .full-entry .date p span{
	display: block;
	font-size: 19px;
}

#content .content_wrap .entries ul li .title,
#content .content_wrap .full-entry .title{
	float:left;
	width: 600px;
}

#content .content_wrap .entries ul li .title h2,
#content .content_wrap .full-entry .title h2,
#content .content_wrap .entries ul li .title h2 a,
#content .content_wrap .full-entry .title h2 a{
	font-size: 24px; 
	color: #333333;
	height: 30px;
	/*overflow: hidden;*/
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#content .content_wrap.entries .entry h2, #content .content_wrap .full-entry .post h2 {
margin: 20px 0 8px 0
}

#content .content_wrap .entries ul li .title h3,
#content .content_wrap .full-entry .title h3{
	font-size: 11px;
}

#content .content_wrap .entries ul li .title h3 span,
#content .content_wrap .full-entry .title h3 span{
	color: #000000;
}

#content .content_wrap .entries ul li .comments,
#content .content_wrap .full-entry .comments{
	background: url(../images/blog/comments_bg.jpg) no-repeat;
	width: 111px;
	height: 30px;
	float: right;
	color: #FFF;
	text-align: center;
	margin-top: 5px;
}

#content .content_wrap .entries ul li .comments p,
#content .content_wrap .full-entry .comments p{
	padding-top: 1px;
}

#content .content_wrap .entries ul li .comments p span,
#content .content_wrap .full-entry .comments p span{
	font-size: 14px;
}

#content .content_wrap .entries ul li .entry,
#content .content_wrap .full-entry .post{
	clear: both;
	padding-top: 10px;
	border-bottom: 1px dotted #c2c2c2;
	padding-bottom: 20px;
	font-size: 12px;
	margin-bottom:25px;
}

#content .content_wrap .entries ul li .entry p,
#content .content_wrap .full-entry .post p{
	line-height: 20px;
	margin-bottom: 15px;
	color:#333;
}

#content .content_wrap .entries ul li .entry .quote,
#content .content_wrap .full-entry .post .quote{
	color: #333;
	padding-left: 10px;
	border-left: 3px solid #eaeaea;
	line-height: 24px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#content .content_wrap .entries ul li .entry ul li,
#content .content_wrap .full-entry .post ul li{
	background: url(../images/blog/bullet.jpg) no-repeat;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .content_wrap.entries .entry h2, 
#content .content_wrap .full-entry .post h2{
	font-size:16px; 
}

#content .content_wrap .entries ul li .img_left,
#content .content_wrap .full-entry ul li .img_left{
	float: left;
	padding-top: 8px;
	padding-right: 15px;
	
}

#content .content_wrap .full-entry .post img{
/*padding: 0 10px 0 0;*/
padding:6px;
}

#content .content_wrap .comment_list{
	padding-top: 10px;
}
#content .content_wrap .comment_list h2{
	width: 250px;
	float: left;
	font-size:24px; 
	color: #333333;
}

#content .content_wrap .comment_list h3{
	float: right;
	width: 160px;
	margin-top: 5px;
	font-size: 12px; 
	color: #333333;
}

#content .content_wrap .comment_list ul{
	margin-top: 10px;
}

#content .content_wrap .comment_list ul li{
	display: block;
	background: #f5f5f5;
	color: #333333;
	padding: 8px;
}

#content .content_wrap .comment_list ul li.alt{
	background: #FFF;
}

#content .content_wrap .comment_list p{
	margin-top: 5px;
}

#content .content_wrap .comment_list .details{
	font-weight: bold;
	color: #727272;
}

#content .content_wrap .comment_list .details span{
	color: #333333;
}


/*Aurhor Signature*/

#about_author {
	/*background: #f0f0f0 url(../images/blog/pencil.png) no-repeat 96% 50%;*/
	background-color:#f0f0f0;
	margin-bottom: 20px;
	border: 1px solid #cecfd0;
	padding: 15px;
	display: block;
}
#about_author img {
	float: left;
}
#about_author h4 {
	margin: 0;
	font-size: 1.4em;

}
#about_author h4 a {
	text-decoration: none;
}
#about_author p {
	margin: 0;
	padding: 0;
	line-height:1.6em;
	width:443px;
}
.author_text {
	padding-left: 110px;
	padding-right: 80px;
}



/* Sidebar      */
#sidebar{
	float: left;
}

#sidebar .sidebar_wrap{
	margin-left:23px;
width:261px;
}

#sidebar h3{
	font-family: Arial, sans-serif; font-weight: bold; text-transform: capitalize; font-size:16px; color: #333333; margin-bottom: 10px;
}

/* Sidebar       */
/* -> Affiliates */

#sidebar ul.affiliates li{
	display: inline;
}

#sidebar hr{
	background: #FFF;
	height: 1px;
	border: 0px;
	border-bottom: 1px dotted #c2c2c2;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Sidebar       */
/* -> Contact */
#sidebar .contact_us{
	line-height: 24px;
}

/* Sidebar       */
/* -> The Author */

#sidebar .the_author{
	line-height: 20px;
	color:#333;
}

#sidebar .the_author img{
	border: 1px solid #000;
	float:left;
	margin-top: 10px;
	margin-right: 10px;
}

/* Sidebar       */
/* -> Categories */
#sidebar ul.categories li{
	margin-bottom: 10px;
}

/* FOOTER NAV       */
.footer_nav{
	background: url(../images/page/footer_nav_bg.png) no-repeat bottom;
	text-align: center;
	margin 0 auto;
	height:57px;
	width: 999px;	
}

.footer_nav .list{
	border-top: 1px dotted #c2c2c2;
	margin-left: 31px;
	margin-right: 31px;
	padding: 19px 0 15px 0;
}

.footer_nav .prev{
	float: left;
	width: 200px;
	font-size:20px; 
	color: #999999;
}

.footer_nav .cur{
	float: left;
	width: 500px;
	font-size:16px; 
	color: #333333;
	text-align:center;
}

.footer_nav .cen{
	font-size:12px; 
	color: #333333;
	text-align:center;
	font-weight: bold;
}

.footer_nav .next{
	float: right;
	width: 200px;
	font-size:20px; 
	color: #999999;
}

/* FOOTER   */
#footer{
	width: 100%;
	height: auto;
	font-family: 'Lucida Grande', Arial, sans-serif;
	padding-bottom: 15px;
	background: #111;
}

#footer h2{
	padding: 0;
	margin: 0;
	color: #FFF;
	height:20px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

#footer .footerList{
	margin-top: 25px;
	margin-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
	width: 130px;
}

#footer .footerAds{
	margin-top: 25px;
	margin-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
	clear: right;
}

#footer .footerAds img{
	padding-right: 5px;
	float: left;
}

#footer .footerAds images.square{
	padding: 4px;
	margin: 0 0 0 15px;
	background: #333;
}


#footer .footerWrap{
	width: 999px;
	margin: 0 auto;
}

#footer .footerList li{
	color: #888888;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

#footer .footerList li a{
	color: #888888;
}



#footer .copyright{
	clear: both;
	color: #8c8c8c;
	margin-left: 51px;
	padding-top: 25px;
	font-size: 11px;
	text-align: center;
}

#footer .copyright span{
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
}


.footer-maglinks li a{
	color:#06C;
	font-size:10px;
	font-weight:normal;
	
}




.wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0 0px 0 0;
			position:relative;
			margin-top:-10px;
		}
		
		
		/* ---------- Detail Page: Restaurants ---------- */

#topcontent_wrap {
	background-color: #0d7483;
	overflow: hidden;
}
#topcontent {
	width: 940px;
	margin: 0 auto 0 auto;
	background: url(../images/bluebg.jpg) top left no-repeat;
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px 0;
}
#info {
	float: right;
	width: 420px;
	padding: 0px 0px 0px;
}
#infoleft {
	float: left;
	width: 550px;
	padding: 35px 0px 0px 0px;
}
#infoleftsmall {
	float: left;
	width: 300px;
	padding: 35px 0px 0px 0px;
}
.video {
	float: right;
	margin-top: 45px;
}
.video a {
	text-decoration: none;
	color: #FFFFFF;
}
.video a:hover {
	color: #6fcad7;
}

.screenshotsfeatures {
	margin: 20px 0px 10px 0px;
	overflow: hidden;
}
.screenshots {
	width: 300px;
	float: left;
}
.features {
	margin-left: 0px;
	float: left;
}
.screenshots li {
	display: block;
	width: 71px;
	height: 57px;
	background: url(../images/screenshot-bg.jpg) top left no-repeat;
	float: left;
	padding: 7px;
	margin: 0px 10px 10px 0px;
}
.list {
	background: url(../images/features-bg.jpg) top left no-repeat;
	width: 196px;
	height: 96px;
	margin-top: 9px;
	padding: 0px 0px 0px 0px;
	margin-bottom:20px;
}
.list li {
	color: #C00;
	margin-bottom: 7px;
}
.button {
	float: left;
	margin: 10px 0 0 0;
}
.learnmore {
	background: url(../images/learnmorebtn.png) top left no-repeat;
	width: 99px;
	height: 30px;
	display: block;
	color: #6fcad7;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
a.learnmore:hover {
	background: url(../images/learnmorebtn.png) bottom left no-repeat;
}



/* ---------- iPhone - Computer ---------- */

#iphone {
	position: relative;
	padding: 110px 0px 70px 0px;
	width: 345px;
	z-index: 1;
	float: left;
	margin: -50px 0 -30px 0;
}
#smallphone {
	background: url(../images/smallphone.png);
	width: 159px;
	height: 292px;
	padding: 57px 0px 0px 22px;
}
#bigphone {
	background:transparent url(../images/bigphone.png) repeat scroll 0 0;
	height:378px;
	padding:73px 0 0 10px;
	position:absolute;
	right:58px;
	top:-29px;
	width:296px;
	z-index:9999;

}
#computer {
	background: url(../images/computer.png);
	width: 319px;
	height: 311px;
	float: right;
	margin-top: 45px;
	padding: 15px 0px 0px 25px;
}




#info h2 {
color:#111111;
font-family:"Myriad Pro",sans-serif;
font-size:30px;
font-weight:normal;
line-height:40px;
margin-bottom:20px;
width:500px;
margin-top:-13px;
}


.description_p{
width:400px;
line-height:180%;
}

.detail-image{
padding:3px;
border:1px solid #CCC;	
}


.articles-list{
	width:930px;
	margin-left:50px;
	border-top:1px dotted #C2C2C2;
	padding-top:25px;
}


.articles-list li{
	float:left;	


}


.articles-list li img{
border:1px solid #E0E0E0;
margin-bottom:10px;
padding:3px;
margin-right:10px;
}


#youtube-embed{
width:385px;
height:285px;
}