@charset "utf-8";
/*
Theme Name: Imagination - Premuim Portfolio Theme
Theme URI: http://themeforest.net/user/Bluz/portfolio
Description: Imagination is a premium portfolio wordpress theme that comes  with 10 color versions and oporates as a CMS.
Author: Paz Aricha
Author URI: http://themeforest.net/user/Bluz/portfolio
*/
/** Default Color Scheme - Red color:

	#ad0202 - dark red
	#d33131 - light red
	
**/

/** General Layout **/

body {
	margin:0px;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 12px;
	background:#fff;
	position:relative;
	line-height: 1.7em;
	background: #1f1f1f;
	color:#626262;
	text-align:left;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0px;
}

.hidden {display:none;}

#home-page #bodyWrap {position:relative; background: #FFFFFF  url(images/red/home-bg.jpg) repeat-x;}

#sub-page #bodyWrap {position:relative; background: #FFFFFF  url(images/red/sub-bg.jpg) repeat-x;}

#topWrap {
	margin: 0 auto;
	width: 960px;
	padding: 0 10px 45px 10px;
}

#home-page #content {
	padding: 60px 0 20px 0;
	background: url(images/contentTop.jpg) no-repeat top left;
	width: 960px;
}

#sub-page #content {
	padding: 60px 0 20px 0;
	width: 960px;
	overflow:hidden;
}

#footerWrap {
	position:relative;
	background: #1f1f1f url(images/footer-bg.jpg) repeat-x;
	height: 60px;
	margin:-60px auto 0;
	padding:40px 0 0;
	overflow:hidden;
	color:#898989;
}

/** Typography **/

h1 {font-weight:bold; font-size:28px; line-height:28px;}
h2 {font-weight:bold; font-size:24px; line-height:24px;}
h3 {font-weight:bold; font-size:20px; line-height:20px;}
h4 {font-weight:normal; font-size:20px; line-height:22px;}
h5 {font-weight:normal; font-size:16px; line-height:19px;}
h6 {font-weight:normal; font-size:14px; line-height:16px;}

#sliderWrap p {margin:5px 0 18px !important;}

#content p {margin:5px 0 15px;}

#content h1, #content h1 a, #content h2, #content h2 a, #content h3, #content h3 a, #content h4, #content h4 a, #content h5, #content h5 a, #content h6, #content h6 a  {color:#1f1f1f;}

#content a {color:#ad0202;}
#content a:hover {text-decoration:underline;}
#sub-page #mainColum h3 a:hover {color:#ad0202; text-decoration:none;}
 
strong {font-weight:bold; text-decoration:none;}
small {font-size:11px; font-weight:normal; line-height:2.7em;}
code { margin: 5px 0 20px;}

#mainColum ul {list-style:circle; list-style-position:inside; padding:5px 0 20px;}
#mainColum ol {list-style:decimal; list-style-position:inside; padding:5px 0 20px;}


blockquote {font-style:italic; padding:15px 20px 15px; font-family:Georgia, "Times New Roman", Times, serif;}
#home-page blockquote {font-style:italic; padding:20px;}
blockquote span {color:#404040;}
cite {font-style:normal; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;}

/** HEADER **/

#header {height: 120px; z-index:5;}

#logo {
	margin-top: 28px;
	float: left;
	display:block;
	width:240px;
	height:66px;
	
}

#logo h1 , #logo h1 a {
	height: 100%;
	width: 100%;
	text-indent: -9999px;
}

#mainNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	padding: 6px 7px;
	margin-top: 46px;
	text-transform: uppercase;
}

ul#mainNav li {
	display:inline;
	margin: 0 0 0 15px;
	padding: 6px 7px;
}

#mainNav li a {padding:0;}

#mainNav li a {color:#8f8f8f;}
#mainNav li a:hover, #mainNav li a:focus {color:#d3d3d3;}
#mainNav .current_page_item, #mainNav .current_page_item:hover { background:#ad0202; color: #FFFFFF; border:#d33131 1px solid;}
#mainNav .current_page_item a, #mainNav .current_page_item a:hover {font-weight:bold; color:#FFFFFF;}

/** Suckerfish Nav **/

@import "css/superfish.css";


/** Slider **/

#sliderWrap {
	width:960px;
	height:270px;
	background: url(images/red/homeslider.jpg) no-repeat;
	position:relative;
	color:#fff;
	z-index:1;
}

#controller {
	color:#888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:265px;
	height:40px;
	padding:3px;
	position:absolute;
	bottom:-21px;
}

#controller span {margin-left:15px; cursor:pointer;}

.jFlowSelected {padding: 3px; font-weight:bold; color:#FFFFFF; background: #000000;}
.jFlowNext {font-weight:bold; color:#ad0202; cursor:pointer;}
.jFlowPrev {font-weight:bold; color:#ad0202; cursor:pointer;}

.slide-item {padding:25px 0 12px 0;}
.slidePic{float:right; padding:8px; background:#FFFFFF;}
.slideDesc {width:480px; height:200px;}

.slideDesc h2 {margin:-10px 0 15px;}
.slideDesc h2 a {text-decoration:none; color:#FFFFFF;}
.slideDesc h2 a:hover {color:#FFFFFF; text-decoration:underline;}

.slideDesc p a {display:block; color:#fff; text-decoration:none;}
.slideDesc p a:hover {color:#fff; text-decoration:underline;}

.getQuote {
	float:left;
	display:block;
	background:url(images/getquote.jpg) no-repeat left top;
	text-indent: -9999px;
	width:127px;
	height:32px;
}

.getQuote:hover {background:url(images/getquote.jpg) no-repeat left bottom;}

.viewPortfolio {
	float:left;
	display:block;
	background:url(images/viewportfolio.jpg) no-repeat left top;
	text-indent: -9999px;
	width:155px;
	height:32px;
	margin-left:20px;
}

.viewPortfolio:hover {background:url(images/viewportfolio.jpg) no-repeat left bottom;}

/** Page Name **/

#pageName {
	width:960px;
	height:121px;
	background: url(images/red/subslider.jpg) no-repeat top left;
	position:relative;
	color:#fff;
}

#the-name {padding:45px 0 0;}

/** Main Colum **/

#mainColum {width:600px; float:left;}

#home-page #mainColum img {
	padding: 4px;
	background:#ffffff;
	border:#c2c2c2 0px solid;
	margin:20px 15px 15px 0;
}

/** Portfolio **/

#sub-page .full-width .port-post {float:left; width:305px; margin:0 15px 20px 0; height:300px;}

.port-post h4 {margin-bottom:5px;}

#sub-page #mainColum img, #sub-page .full-width .port-post img {
	padding: 5px;
	background: #ffffff;
	border: #c2c2c2 0px solid;
	margin-bottom: 8px;
}

#sub-page #mainColum img:hover, #sub-page .full-width .port-post img:hover {
	padding: 5px;
	background: #ffffff;
	border:#c2c2c2 0px solid;
}
.service-post {width:100%;}
.service-post .post-img {margin-bottom:12px !important;}
.post {overflow:hidden; height:auto;}
.post h3 {line-height:20px;}
.post small {margin-bottom:10px;}
.service-post h3 {line-height:20px; margin-bottom:12px;}
.post-img {float:left; margin:10px 15px 0 0 !important;}
.post-nav .old {float:left;}
.post-nav .new {float:right;}
.single-port-post img {margin:5px 0 0 0; float:left;}

.mainBr {
	background:url(images/mainSpacer.png) no-repeat top left;
	width:600px;
	height:20px;
	margin:30px 0 20px 0;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px; 
}

.wp-caption img {
margin: 0;
padding: 0;
border:#DDDDDD 0px solid;
}
.wp-caption p {margin-bottom:0 !important;}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 0 4px 5px;
text-align:center;
color:#666666;
margin: 0 ;

}

/** Sidebar **/

#sidebar {width:300px; float:right;}

#sidebar .widget {margin:0 0 40px;}

#home-page #sidebar  h2 {font-weight:bold; font-size:22px; line-height:26px;}
#sub-page #sidebar .widget h2 {font-size:18px; line-height:22px; }
#sidebar p {margin-top:10px;}

#sidebar .feature-item p a {color:#626262; display:block;}

#sidebar ul { margin:10px 0 0;}
#sidebar ul li {list-style-type:none;}
#sidebar ul li p a, #sidebar ul li p a:hover {padding:0;}
#sidebar ul li ul li {border-top:#d3d3d3 solid 1px; list-style-type:none;}
#sidebar ul li ul li:last-child {border-bottom:#d3d3d3 solid 1px;}
#sidebar ul li ul li ul {margin-top:0;}
#sidebar ul li ul li ul li:last-child {border-bottom:none;}
#sidebar ul li ul li ul li a {padding-left: 10px;}
#sidebar li ul li a {display:block; padding:5px 0; color:#626262; background:#fff;}
#sidebar li ul li a:hover {padding-left:10px; color:#ad0202; background:#f2f2f2; text-decoration:none;}
#sidebar ul li#subpages ul li.current_page_item a, #sidebar ul li#subpages ul li.current_page_item a:hover {padding:5px 0 5px 3px; color:#ad0202; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current-cat a, #sidebar .current-cat a:hover {padding:5px 0 5px 3px; color:#ad0202; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current_page_item a, #sidebar .current_page_item a:hover {padding:5px 0 5px 3px; color:#ad0202; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current_page_item li a {display:block; padding:5px 0 5px 10px; color:#626262; background:#fff; font-weight:normal;}
#sidebar .current_page_item li a:hover {font-weight:normal; padding-left:10px;}

#search-box-container {position:relative;}
#s {
	width:285px; 
	height:21px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
	font-size:12px; 
	padding:4px 0 0 4px;
	border:#b0b0b0 1px solid;
}
#searchsubmit {
	background:url(images/search.png) no-repeat top right;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	margin-top:5px;
	position:absolute;
	left:270px;
	top:0px;
}

.subBr {
	background:url(images/subSpacer.png) no-repeat top center;
	width:300px;
	height:16px;
	margin:25px 0 20px 0;
}

.feature-item {margin:20px 0 0;}
.feature-item img {float:left; padding-right:10px;}
.feature-item a {color:#ad0202;}
.feature-item strong {color:#ad0202;}

/** Comments **/

#respond ol li {list-style-type:none; padding:10px; border:#CCCCCC 1px solid; margin: 15px 0;}
#sub-page #mainColum #respond img { 	
	padding: 0;
	background: none;
	border:none;
	margin:0;
}

#respond h3 {margin-bottom:15px;}

/** Contact us Form **/


#contact-warp {
	width:260px; 
	float:left; 
	text-align:left; 
	height:auto;
	margin-bottom:10px;
}

.message {
	float:left;
	height:auto;
	width:500px;
	background:#FAE673; 
	border:#FEBD63 1px solid;
	color:#CC6600; 
	display:none; 
	padding:10px;
}

#contact-warp p.label {
	width:260px; 
	float:left; 
	margin:0;
}

#contact-warp .special {display:none;}

#contact-warp input {
	padding:5px;
	font-size:12px;
	width:260px; 
	float:left; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
	margin-bottom:5px; 
	background:url(images/inputbg.jpg) repeat-x top left; 
	border:#ababab 1px solid;
}

#contact-warp textarea {
	padding:5px;
	font-size:12px;
	width:450px; 
	float:left; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	margin-bottom:10px; 
	background:url(images/inputbg.jpg) repeat-x top left; 
	border:#ababab 1px solid;
}

input#submit {
	color:#FFFFFF; 
	width:auto; 
	height:auto; 
	float:left; 
	padding:5px; 
	background:#888888; 
	border:#606060 1px solid; 
	cursor:pointer; 
	text-transform:uppercase; 
}

input#submit:hover {
	background:#d33131; 
	border:#ad0202 1px solid;
}

/** Footer **/

#footer {
	margin:0 auto;
	padding:15px 10px;
	width: 960px;
}

#footer p {margin:5px 0 0;}

#footer a {color:#b7b7b7;}
#footer a:hover {color:#d7d7d7;}

.copy {float:left;}
.valid{float:right;}