/* Final Fortune Coming Soon main css styles */

body {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	line-height:24px;
}


/* title headers styles */
h1, h2, h3 {
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
}
h1 {
	font-size:40px;
	line-height:44px;	
}
h2 {
	font-size:36px;
	line-height:40px;
}
h3 {
	font-size:30px;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:26px;
	line-height:30px;
	font-style:italic;
}
h5 {
	font-size:22px;
	line-height:26px;
	letter-spacing:-1px;
}
h6 {
	font-size:19px;
	line-height:23px;
}
input {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;		
}
.clearboth {
	clear:both;	
}
.capitalization { /* defines a class that makes the font 13px and uppercase */
	text-transform:uppercase;
	font-size:13px;
	line-height:22px;
}


/* top bar section(phone number and email) styles */
.top-bar {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	padding:12px 0 12px 0;
}


/* header section styles */
.header-wrapper {
	text-align:center;
}

/* logo styles */
#logo {
	margin:40px auto 10px auto;
}


/* dotted line styles */
.dotted-line {
	width:100%;
	height:1px;
	line-height:0;
	font-size:0;
	overflow:hidden;	
}
.header-wrapper .dotted-line {
	margin:26px auto 34px auto;
	width:35%;
	opacity:0.3;
}

.title-uline {
	display:inline-block;
	float:none;
	margin:0 0 26px 0;
	padding:0 20px 16px 20px;
}


/* countdown title styles */
.cs-title {
	margin:0 auto 50px auto; 	
	width:70%;
}
.cs-title h2 {
	line-height:46px;
}


/* countdown timer styles */
#countdown, #countdown li {
	list-style:none;	
}
#countdown {
	display:inline-block;
	margin:0 auto;
}
#countdown li {
	float:left;
	margin:0 8px 0 8px;
}
#countdown li span {
    font-family: 'Open Sans Condensed', sans-serif;
	float:left;
	width:60px; 
	padding:32px 11px 32px 11px;
	font-size:44px;
	line-height:44px;
	font-weight:bold;
	letter-spacing:-1px;

	-moz-border-radius:8px;
	-webkit-border-radius:8px;		
	border-radius:8px;
}
#countdown li p {
	padding-top:8px; 
	display:block;
}


/* ------------------- newsletter section styles ------------------- */
.newsletter-wrapper .container {
	padding:34px 0 34px 0;
	position:relative;


	
}
.newsletter-decoration {
	position:absolute;
	top:0;
	left:-70px; 
	width:442px;
	height:168px;
	background:transparent url('images/newsletter_arrows.png') no-repeat 0 0;	
}
.newsletter-info {
	font-size:15px;
	line-height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
}
#email-address { /* newsletter email address input */
	width:742px;
	border:0 none;
	padding:11px 14px 11px 14px;
	font-size:18px;
	-moz-border-radius:0;
	-webkit-border-radius:0;	
	border-radius:0;	
}
#newslettersubmit { /* newsletter button */
	position:absolute;
	top:3px;
	right:3px;
	height:36px;
	display:block;
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-style:normal;
	padding:8px 22px 8px 22px;
	font-size:13px;
	line-height:20px;
	letter-spacing:2px;
	border:0 none;
}
#newslettersubmit:hover { /* newsletter button, hover version */
	text-decoration:none;	
}
#newsletterform {
	position:relative;		
	margin-top:14px !important; 
	float:left;
	width:100%;
}
#newsletterform, #newsletterform p, .newsletter-info {
	margin:0;
	padding:0;		
}
#newsletterform p {
	height:48px;
}
.newsletter-message {
	position:absolute;
	left:0;
	top:50px;
	z-index:10;
}
.newsletter-note {
	background:#fff;
	padding:14px 40px 14px 20px;
	display:inline-block;
	position:relative;
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	border-radius:8px;	
}
.newsletter-note .close {
	right:20px;
	position:absolute;
}




/* ------------------- a couple of extra elements styles ------------------- */
.main-content .container { /* main body top / bottom paddings */
	padding:36px 0 44px 0;
	margin:0 auto;
}
.centerblock { /* center aligned text block */
	float:left;
	width:100%;
	text-align:center;
	margin:5px 0 32px 0;
}
.start-text {
	font-size:20px;
	color:#ed7004;
    font-family: 'Open Sans Condensed', sans-serif;
	line-height:28px;
	margin-bottom:40px;
}
.intro-text {
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:28px;	
}
.content-line, .fline { /* line separator - for content and footer */
	display:block;
	margin-bottom:30px;
	height:4px;
	line-height:0;
	overflow:hidden;
}
.spacing {
	width:100%;
	float:left;
	height:20px;	
}

/* ------------------- service blocks styles ------------------- */
.service-block {
	float:left;
	width:100%;
	margin:0 0 20px 0; 
	padding:6px;
}
.service-img {
	float:left;
}
.service-content {
	padding:5px;
}
.service-content h4 {

}
.service-content p {
    font-family: 'Open Sans Condensed', sans-serif;
}
.service-line {
  border-bottom: 5px dotted #ed7004;
  width: 100%;
}


/* ------------------- clients section styles ------------------- */
.clients-wrapper {
	padding:20px 0 20px 0;
}
.clients-list {
	text-align:center;
}
.clients-list, .clients-list li {
	list-style:none;	
}
.clients-list li {
	margin:12px 33px 12px 33px;
	display:inline-block;
}
.clients-list {	
	margin:10px 0 10px 0;
}



/* ------------------- footer styles ------------------- */
.footer-wrapper {
	float:left;
	width:100%;
	font-size:15px;
	line-height:25px;
}
.footer-wrapper .container {
	padding:20px 0 20px 0;	
}
.fline {
	margin:30px 0 34px 0;	
}


/* contact widget styles */
.fbox h4 {
	padding-bottom:18px;
	margin-bottom:38px;
}
.cinfo-block, .cinfo-block li {
	float:left;
	width:100%;
}
.cinfo-block li {
	padding-bottom:16px;
}
.cinfo-block, .cinfo-block li {
	list-style:none;
	margin:0;
	line-height:25px;
}
.cinfo-block span {
	text-transform:uppercase;
	font-size:12px;
	display:block;
	letter-spacing:1px;
	margin-bottom:2px;
}
.cinfo-block p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
}


/* twitter widget styles */
#twitter-loader {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;

}
#twitter-loader ul, #twitter-loader ul li {
	list-style:none;	
}
#twitter-loader ul {
	margin:0;
	padding:0;	
}
#twitter-loader ul li {
	line-height:26px;
	margin:0 0 10px 0;
	
	background:url('images/twitter_icon.png') no-repeat 0 7px;
	padding-left:42px;	
}
#twitter-loader .user {
	display:none;	
}
.timePosted {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	letter-spacing:1px;
	position:relative;
	top:-8px;
}


/* social media widget styles */
.social-media {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;	
}
.social-media, .social-media li {
	list-style:none;
	margin:0;
}
.social-media li {
	float:left;
	width:50%;
	position:relative;
	padding-bottom:40px;
	opacity:0.8;
	display:block;
	cursor:pointer;	
}
.social-media li img {
	float:left;
}
.social-media li span {
	float:left;
	display:block;
	position:relative;
	top:22px;
	left:4px;
}
.social-media li:hover {
	opacity:1;	
}


/* footer menu */
.fmenu, .fmenu li {
	list-style:none;
}
.fmenu {
	float:right;
}
.fmenu li {
	float:left;
	margin:0 0 0 50px;
	line-height:30px;
}
.modal-header {
	padding-top:20px;
	padding-bottom:22px;
}




@media (min-width: 980px) and (max-width: 1200px) {
	#email-address { width:592px; }
	/*.service-content { width:312px; }*/
	.header-wrapper .dotted-line { width:40%; }		
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media (min-width: 768px) and (max-width: 979px) {
	.cs-title {	width:90%; }
	#email-address { width:448px; }	
	.newsletter-info { font-size:14px; }

	.header-wrapper .dotted-line { width:60%; }	

}




/* #Small screens
================================================== */

/* Note: Design for width lower than 767px */

@media only screen and (max-width: 767px) {
	body { padding:0; }	
	.container { width:320px; }
		
	.cs-title {	width:90%; }
		
	/* newsletter styles */
	#email-address { width:92%; }	
	#newslettersubmit { right:12px; }	
	.newsletter-decoration { display:none; }
	.newsletter-wrapper .container { height:148px; }	
	
	#logo {
		width:320px;
	}	
	h1 {
		font-size:36px;
		line-height:40px;	
	}
	h2 {
		font-size:20px;
		line-height:36px;
	}
	h3 {
		font-size:26px;
	}
	h4 {
		font-size:22px;
		line-height:30px;
	}
	h5 {
		font-size:22px;
		line-height:26px;
		letter-spacing:-1px;
	}
	h6 {
		font-size:19px;
		line-height:23px;
	}
	
	.header-wrapper .dotted-line { margin:20px auto 28px auto; width:80%; }	
	.footer-wrapper .span4 { float:left; width:100%; margin-bottom:50px; }	
	
	.fmenu { float:left; margin:0; padding:0; }
	.fmenu li { padding:10px 40px 0 0; margin:0; }
	
	
	#countdown li {
		margin:0 6px 0 6px;
	}
	#countdown li span {
		width:50px; 
		padding:28px 9px 28px 9px;
		font-size:36px;
		line-height:36px;
		font-weight:bold;
	}
	.newsletter-wrapper .container { padding:34px 0 64px 0; }	

	#email-address { font-size:13px; }
	#newslettersubmit { right:1px; }
	
	.service-block { text-align:center; }
	.service-content { padding:20px 28px 0 28px; float:left; }
	.service-img { margin:0 auto; display:inline; float:none; }
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width:480px; }	
	
	#countdown li {
		margin:0 8px 0 8px;
	}
	#countdown li span {
		width:60px; 
		padding:32px 11px 32px 11px;
		font-size:44px;
		line-height:44px;
		font-weight:bold;
	}		
	#email-address { font-size:16px; }
	
	#newslettersubmit { right:14px; }
	
	.service-block { text-align:left; }
	.service-content { padding:0 28px 0 150px; float:none; }
	.service-img { margin:0 0 0 28px; display:inline; float:left; }		
}