@charset "UTF-8";

/* CSS Document */



/* 



Title: Elicit

Designer: Genem | genemstudios.com

Date: 03.16.10



This theme is a template at Themeforest.



*/



body {

	margin:0px;

	padding:0px;

	background-color:#f7f8f8;

}



/* Reset */



body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  

li, dl, dt, dd, form, a, fieldset, input, th, td  

{  

margin: 0; padding: 0; border: 0; outline: none;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#666666;



}  

  

body  

{  

line-height: 1;  

}  

  

h1, h2, h3, h4, h5, h6  

{  

font-size: 100%;  

padding: .2em 0;

margin: 0px;  

}  



h1 {

	font-size:24px;

	color:#1a2f44;

	font-weight:normal;

}



h1 a {

	font-size:24px;

	color:#1a2f44;

	font-weight:normal;

}



h1 a:hover {

	color:#9f9f9f;

}



h2 {

	font-size:18px;

	color:#333333;

	font-weight:normal;

}



h3 {

	font-size:18px;

	color:#1a2f44;

	font-weight:normal;

	padding-bottom:0px;

}



h4 {

	font-size:16px;

	color:#1a2f44;

	font-weight:normal;

}



h5 {

	font-size:14px;

	color:#1a2f44;

	font-weight:normal;

}



h5 a {

	font-size:14px;

	color:#000;

	font-weight:normal;

}



h6 {

	font-size:12px;

	color:#1a2f44;

	font-weight:normal;

}



.sub-heading {

	color:#bebebe;

	font-style:italic;

	font-size:12px;

}



p {

	font-size:12px;

	color:#666666;

	margin-bottom:20px;

}

  

ul, ol  

{  

list-style: none; 

}  

  

a  

{

font-size:12px;

color:#2a4a6c;  

text-decoration: none;  

} 

  

.floatLeft  

{  

float: left;  

padding: .5em .5em .5em 0;  

}  

  

.floatRight  

{  

float: right;  

padding: .5em 0 .5em .5em;  

}  











/**********************/

/******* header *******/



.container {

	width:960px;

	margin:0 auto;

	position:relative;

}



/**********************/



#logo h1, #logo small {

	margin:0px;

	display:block;

	text-indent:-9999px;

}



#header {

	padding-top:0px;

}



#main {									/********* page header extend ***/

	background:#f7f8f8 url(../../images/page-extend-200.jpg) repeat-x; /* green color = #25373a */

}



#index-main {							/********* index header extend ***/

	background:#f7f8f8 url(../../images/header-extend.jpg) repeat-x;

}



#main .container {						/********* page header ***********/

	background-image:url(../../images/page-bg-200.jpg);

	background-repeat:no-repeat;

	height:201px;

}



#index-main .container {				/********* index header **********/

	background-image:url(../../images/header-bg.jpg);

	background-repeat:no-repeat;

	min-height:403px;

}



#statement {

	margin-top:-50px;

	width:860px;

	margin-left:50px;

}



#statement p {

	color:#a9b5c1;

	font-size:24px;

	line-height:36px;

}



#statement span {

	color:#f7f7f8;

}







/*************************/

/****** content **********/



#content {

	margin-top:18px;

}



#column-1, #column-2, #column-3 {

	width:300px;

	float:left;

	margin-right:20px;

	margin-bottom:50px;

}



#column-1 h3, #column-2 h3, #column-3 h3 {

	margin-bottom:20px;

}



#column-3 {

	margin-right:0px;

}



#content p {

	line-height:22px;

}



#sidebar a {

	font-size:12px;

}



#content a:hover {

	text-decoration:underline;

}















/*** sidebar and main text ******/



#sidebar {

	float:left;

	width:250px;

	margin-top:20px;

}



.sidebar-list li {

	line-height:22px;

	background:url(../../images/bullet.jpg) 0px 10px no-repeat;

	padding-left:10px;

	color:#666666;

	font-size:12px;

}



.sidebar-list li a {

	color:#666666;

}



.sidebar-list li a:hover {

	color:#2a4a6c;

}



.sidebar-list li a.current {

	color:#2a4a6c;

	font-weight:bold;

}



.sidebar-list li ul li {

	margin-left:15px;

}



#sidebar h3 {

	border-bottom:1px dotted #9f9f9f;

	padding:0px;

	margin-bottom:15px;

}



#sidebar h6 {

	font-weight:bold;

	padding:0px;

	margin-bottom:15px;

	line-height:15px;

}



#sidebar small {

	color:#bebebe;

	font-style:italic;

	font-size:12px;

	font-weight:normal;

}



.sidebar-info {

	margin-bottom:50px;

}



#main-text {

	float:right;

	width:630px;

	/*margin-top:18px;*/

	/*margin-bottom:50px;*/

}



#main-text small {

	color:#bebebe;

	font-style:italic;

	font-size:12px;

}



.quote {

	font-size:16px;

	margin-left:50px;

	margin-top:20px;

	margin-bottom:20px;

	

	background-color:#fbfcfc;

	border-top:1px solid #e1e2e2;

	border-bottom:1px solid #e1e2e2;

	padding:20px;

}









#regular-list, #links-list {

	float:left;

	margin-right:100px;

	margin-bottom:30px;

}













/**** service page ******/



.service {

	margin-bottom:30px;

}



.service-2 h3, .service-2-last h3 {

	padding-bottom:0px;

}



.service-2, .service-2-last {

	float:left;

	margin-right:30px;

	margin-bottom:30px;

	width:300px;

}



.service-2-last {

	margin-right:0px;

}



.service p, .service-2 p, .service-2-last p {

	margin-top:20px;

}











/**** work page ********/



.work-item {

	margin-bottom:50px;

}





















/*** portfolio page *****/



#portfolio {

	width:960px;

	margin-top:48px;

	/*margin-bottom:50px;*/

}



.portfolio-item, .portfolio-item-last {

	width:301px;

	padding-bottom:50px;

	float:left;

	margin-right:28px;

}



.portfolio-item-last {

	margin-right:0px;

}



.portfolio-item h2, .portfolio-item-last h2 {

	padding-bottom:5px;

}











/***** blog page ********/



.blog-item {

	margin-bottom:50px;

}



.blog-item h1 {

	padding-bottom:0px;

}



.blog-item h5 {

	padding-top:5px;

}



.blog-item h5 a:hover {

	border-bottom:1px dotted #999;

	text-decoration:none;

}



/*** comments ****/



.comments {

	margin-top:20px;

	margin-bottom:50px;

}



.main-comment, 

.sub-comment, 

.sub-sub-comment {

	padding-bottom:25px;

	min-height:88px;

}



.main-comment img, 

.sub-comment img, 

.sub-sub-comment img {

	float:left;

	margin-right:20px;

}



.main-comment span, 

.sub-comment span, 

.sub-sub-comment span {

	font-size:12px;

	font-weight:bold;

	color:#7a7a7a;

}



.main-comment span, 

.main-comment small, 

.sub-comment span, 

.sub-comment small, 

.sub-sub-comment span, 

.sub-sub-comment small {

	float:left;

	margin-bottom:10px;

}



.main-comment small, 

.sub-comment small, 

.sub-sub-comment small {

	float:right;

}



.main-comment p, 

.sub-comment p, 

.sub-sub-comment p {

	clear:right;

}



.sub-comment {

	margin-left:30px;

}



.sub-sub-comment {

	margin-left:60px;

}




/***** page numbers *******/



#page-numbers {

	margin-bottom:20px;

}



ul#pages li {

	margin-right:10px;

	margin-top:10px;

	padding:0;

	float:left;

	list-style:none;

	height:21px;

	line-height:21px;

	font-size:12px;

	margin-bottom:20px;

}

	

ul#pages li a {

	float:left;

	height:21px;

	line-height:21px;

	background:#496179;

	color:#f7f8f8;

	padding:0 7px;

	text-decoration:none;

	

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

}



ul#pages li a:hover {

	background-color:#6b839b;

	text-decoration:none;

}

	

ul#pages li.current a {

	background:#6b839b;

	color:#f7f8f8;

}




/**** back to top styling ****/



div .hr {

	border-top:1px solid #e6e6e6;

	border-bottom:1px solid #FFF;

	height:0px;

	margin-bottom:5px;

}



.back-to-top {

	clear:both;

}



.back-to-top small a {

	color:#1a2f44;

	font-size:11px;

	float:right;

	padding-left:12px;

	background:url(../../images/back-to-top.png) 0px 5px no-repeat;

	margin-bottom:50px;

}



.back-to-top small {

	font-style:italic;

}



/************************/

/********* footer *******/



#footer {

	clear:both;

	position:relative;

	border-top:1px solid #1a2f44;

	background-image:url(../../images/footer-extend.jpg);

	background-repeat:repeat-x;

}



#footer .container {

	background-image:url(../../images/footer-bg.jpg);

	background-repeat:no-repeat;

	height:60px;

}



#copyright p {

	color:#839bb3;

}



#copyright, #footer-nav {

	float:left;

	padding-top:20px;

}



/* ------- 1. Dropcaps ------- */



.dropcap1{

	background:transparent url(../../images/sprite.png) no-repeat scroll -1px -1px;

	color:#EEEEEE;

	float:left;

	font-size:30px;

	height:40px;

	line-height:30px;

	margin-bottom:-5px;

	margin-right:10px;

	padding-left:1px;

	padding-top:5px;

	text-align:center;

	width:40px;}

.dropcap2{

	color:#333333;

	display:block;

	float:left;

	font-size:40px;

	line-height:40px;

	margin:0 8px 0 0;}



/* ------- 2. Pullquotes ------- */



.pullquote_right,.pullquote_left{

	background:transparent url(../../images/stripes.png) repeat-y scroll 0 0;

	color:#444444;

	float:right;

	font-size:14px;

	letter-spacing:0px;

	line-height:25px;

	margin-bottom:20px;

	margin-left:20px;

	margin-top:20px;

	padding:0 0 0 20px;

	width:33%;}

.pullquote_left{

	float:left;

	margin-left:0px;

	margin-right:20px;}



/* ------- 3. Highlight Styles ------- */



.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	

.highlight2{padding:1px 4px;background-color:#111;color:#eee;}	



/* ------- 4. Unordered Lists ------- */



ul.arrow_list li{

	background:transparent url(../../images/mini_icons.png) no-repeat scroll -262px -1px;

	padding-left:20px;

	font-size:12px;

	line-height:25px;

	color:#666666;

	}

ul.check_list li{

	background:transparent url(../../images/mini_icons.png) no-repeat scroll -222px -41px;

	padding-left:20px;}
	
.indented_list {
	font-size:12px;
	color:#666666;
	line-height:20px;
	margin-left:50px;
    margin-bottom:20px;}

/* ------- 5. Toggle Content ------- */

h3.toggle {
	background:transparent url(../../images/mini_icons.png) no-repeat scroll -60px -198px;
	font-size:18px;
	margin-top:20px;
	padding:0 0 0 30px;}
h3.toggle a {
	color: #888;
	padding-top:5px;
	text-decoration: none;
	display: block;}
h3.toggle a:hover {color:#666;}
h3.active {background:transparent url(../../images/mini_icons.png) no-repeat scroll -19px -237px;}
h3.active a:link {color:#666;}
.toggle_content {
	background:#F5F5F5;
	border:1px solid #f3f3f3;
	clear:both;
	margin:0 0 20px 30px;
	overflow:hidden;}
.toggle_content .block {padding:30px;}