@charset "utf-8";

/*

Theme Name: Webdkr

Theme URI: http://demo.taintedarts.com/cosmoscreations

Description: An elegant portfolio/Business Template

Version: 1.0

Author: Kevin Rajaram

Author URI: http://taintedarts.com/

Tags: Portfolio, Business.

*/



/*CSS RESET*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

a {

	text-decoration:none}

body {

	line-height: 1em;

}

ul{

	list-style-type:none;

}

ul, ol {

	list-style-position:inside;

}

/*END RESET*/



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

|          Begin Basic Styling          |

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

html,body{

	margin:0;

	padding:0;

	background: #1d2527 url(images/bg_top.jpg) repeat-x;

}

body{

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

	font-size:13px;

	min-width:960px;

	line-height:18px;

	color:#fff;

}

.fluid {

	width: 100%;

	float: left;

}

#container{

	width:960px;

	margin:0 auto;

	overflow:hidden;

	position:relative

}

.cl{

	clear:both;

	height:1px;

	margin:-1px 0 0;

}

.hidden{

	display:none;

}



a{

color:#b32319;

}

a:hover{

	color:#b32319;

	text-decoration:underline	

}



h1{font-size:35px; font-weight:normal; color:#fff;}

h2{font-size:30px; font-weight:normal; color:#fff; margin-bottom:20px;}

h3{font-size:21px; font-weight:normal; color:#fff; margin-bottom:15px;}

h4{font-size:18px; font-weight:normal; color:#fff; margin-bottom:20px;}

h5{font-size:17px; font-weight:normal; color:#fff;}

h6{font-size:15px; font-weight:normal; color:#fff; margin-bottom:10px;}



/*Begin Header Styling */

ul#nav{

	float:right;

	position:absolute;

	top:65px;

	right:20px;

}

ul#nav li{

	float:left;

	display:inline;

	margin:0 4px;



}

ul#nav li a{

	display:block;

	text-indent:-9999px;

}

#nav li.home a{

	background:url(images/nav/nav_home.jpg) no-repeat;

	height:39px;

	width:91px;

	display:block;

}

#nav li.about a{

	background:url(images/nav/nav_about.jpg) no-repeat;

	height:39px;

	width:91px;

	display:block;

}

#nav li.works a{

	background:url(images/nav/nav_portfolio.jpg) no-repeat;

	height:39px;

	width:98px;

	display:block;

}

#nav li.contact a{

	background:url(images/nav/nav_contact.jpg) no-repeat;

	height:39px;

	width:98px;

	display:block;

}

#nav li.home a:hover, #nav li.home a.active{

	background:url(images/nav/nav_home_hover.jpg) no-repeat;

	height:39px;

	width:91px;

	display:block;

}

#nav li.about a:hover, #nav li.about a.active{

	background:url(images/nav/nav_about_hover.jpg) no-repeat;

	height:39px;

	width:91px;

	display:block;

}

#nav li.works a:hover, #nav li.works a.active{

	background:url(images/nav/nav_portfolio_hover.jpg) no-repeat;

	height:39px;

	width:98px;

	display:block;

}

#nav li.contact a:hover, #nav li.contact a.active{

	background:url(images/nav/nav_contact_hover.jpg) no-repeat;

	height:39px;

	width:98px;

	display:block;

}





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

#content{

	padding:0 0px 30px 22px;

	position:relative;

}

.featured{

	margin-bottom:-20px;

	height:520px;

	background:url(images/slider_shadow.jpg) no-repeat;

	background-position:center 435px;

	z-index:1

}
.quote blockquote{
	width:920px;
	height:78px;
	text-align:center;
	background:url(images/quote_bg.png) no-repeat center;
	margin-bottom:25px;
	margin-left:7px;
}
.quote blockquote p.qod-text{
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}
.quote blockquote p.qod-author a{
	color:#496065;
}
.quick_service{
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/quick_service_bg.jpg) no-repeat center;
	width:960px;
	height:130px;
	position:relative;
	margin-bottom:20px;
	margin-left:-15px;
}
.quick_service ul{
	position:absolute;
	top:25px;
	left:25px;
}
	
.quick_service ul li{
	float:left;
	display:inline;
	width:270px;
	padding-right:20px;
}
.quick_service ul li span{
	color:#728d94;
	font-size:11px;
}
.quick_service ul li img{
	float:left;
	vertical-align:bottom;
	padding-right:13px;
	padding-bottom:80px;
	margin-top:28px;
}
.quick_service ul li p{
	font-size:14px;
	padding-bottom:5px;
}
.quick_service ul li.ser_3{
	float:right;
	margin-right:-30px;
	padding-right:0
}
.quick_service ul li.ser_2{
	margin-right:30px;
	margin-left:30px;
}

.left{

	width:630px;

	padding-right:10px;

	float:left;

	z-index:100

}

.right{

	width:266px;

	float:right;

	z-index:100;

	

}
.right ul li{

	margin-bottom:15px;

}

.services{

	margin-bottom:30px;

}

.services h3{

	position:relative;

}

.services h3 img, .site_info h3 img, .testimonials h3 img, .rss h3 img{

	vertical-align:sub;

	padding-right:10px;

	padding-top:15px;	

}

.services ul{

	margin-left:40px;

}

ul.portfolio{
	margin-left:-13px;
}
ul.portfolio li{
	background:#111617;
	margin-bottom:30px;
	width:302px;
	height:190px;
	float:left;
	margin-left:13px;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
}
.info p{
	float:left;
	padding:6px 5px;
	font-size:13px;
}
.info a{
	float:right;
	color:#ffc90c;
	padding-right:5px;
	padding-top:6px;
}
.info a:hover{
	text-decoration:none;
}
ul.portfolio li a.hover{
	position:relative;
	cursor:pointer;
	float:left
}
ul.portfolio li img{
	padding:3px;
}
ul.portfolio li a.hover span {
background:url(images/icon_view.gif) no-repeat scroll center center #111111;
float:left;
height:159px;
left:3px;
position:absolute;
top:3px;
width:296px;
z-index:10;
}

.pagination{
	width:630px;
	position:relative;
}
.pagination p{
	float:left;
	padding-right:15px;
	padding-top:3px;
}
.pagination ul li{
	float:left;
	display:inline;
	margin-right:5px;
}
.pagination ul li a{
	color:#fff;
	text-align:center;
	display:block;
	height:26px;
	width:26px;
	padding-top:3px;
}
.pagination ul li.page_active a, .pagination ul li a:hover{
	color:#fff;
	background:url(images/page_active.jpg) no-repeat;
	text-align:center;
	display:block;
	height:26px;
	width:26px;
	padding-top:3px;
	text-decoration:none;
}
ul.services_list{
	margin:30px 0;
}
ul.services_list li{
	margin-bottom:20px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}
ul.services_list li span{
	color:#52686e;
	font-size:12px;
	display:block;
}
ul.services_list li img{
	float:left;
	vertical-align:middle;
	padding-right:10px;
	padding-bottom:20px;
}


/*Contact Form Styling*/

#contactForm p {

	margin-bottom:20px;

}

#contactForm p.label{

	float:left;

	color:#fff;

	font-size:13px;

	clear:both; 

	width:88px;

	text-align:left;

}

#contactForm p input{

	width:193px;

	height:19px;

	border:1px solid #999;

	line-height:25px;

	margin-bottom:-5px;

	padding:0px 0 0 5px;

	_padding:0 0 0 5px;

}

#contactForm p input:focus, #contactForm p textarea:focus{

	border:1px solid #d7001b;

}

#contactForm p textarea{

	width:495px;

	height:113px;

	border:1px solid #999;

	overflow:hidden;

	margin-bottom:-5px;

	padding:5px;

}

button{

	background:none;

	border:none;

	margin-left:85px;

	_margin-left:82px;

	*margin-left:79px;

}

#form_errors{

	background:#fae1d6 url(images/error.jpg) no-repeat 10px center;

	padding:10px 0 10px 35px;

	border:1px solid #f59b73;

	color:#000; 

	margin-bottom:15px;

	display:none;

	}

#form_thanks{

	background:#e2fad6 url(images/success.jpg) no-repeat 10px center;

	padding:10px 0 10px 35px;

	border:1px solid #91db6c;

	color:#000; 

	margin-bottom:15px;

	display:none;

	}

.send{

	background:url(images/send_btn.jpg) no-repeat;

	width:131px;

	height:34px;

	display:block;

	cursor:pointer;

	margin-bottom:125px;

}



.send:hover{

	background:url(images/send_btn_hover.jpg) no-repeat;

	width:131px;

	height:34px;

	display:block;

}



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

#footer{

	clear:both;

	padding-top:50px;

	padding-bottom:50px;

	margin:0 auto;

	background:url(images/footer_bg.jpg) repeat-x center bottom;

}

#footer p{

	text-align:center;

	color:#5e7075;

	margin-bottom:-30px;

}