@charset "utf-8";

/*
Theme Name: Cosmo Creations
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:#efefef;
}
body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	min-width:960px;
	line-height:18px;
	color:#9a9a9a;
}
#main{
	background:url(../images/header_bg.jpg) repeat-x scroll;
}
.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:#b6ca55;
}
a:hover{
	color:#b6ca55;
	
}
.left{
	float:left;
}
.right{
	float:right;
}
.img_left{
	float:left;
	padding:2px 15px 5px 0;
}
.img_right{
	float:right;
	padding:2px 0 5px 15px;
}
h1,h2,h3,h4,h5,h6{
	padding:0 0 25px 0;
	font-weight:normal;
}
h1{font-size:30px;line-height:35px;color:#00aacd;}
h2{font-size:25px;line-height:30px;color:#00aacd;}
h3{font-size:20px;line-height:25px;color:#888888;}
h4{font-size:18px;line-height:23px;color:#00aacd;}
h5{font-size:15px;line-height:20px;color:#888888;}
h6{font-size:13px;line-height:18px;color:#00aacd;}

.blue{
	color:#00aacd;
}
.btn{
	background:url(../images/btn.png) no-repeat;
	height:40px;
	width:135px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	color:#fff;
	cursor:pointer
}
.btn:hover{
	background:url(../images/btn_hover.png) no-repeat;
	height:40px;
	width:135px;
	line-height:40px;
	text-align:center;
	color:#fff;
}
/****************************************
|         Begin Header Styling          |
****************************************/

#header{
	position:relative;
	height:200px;
	width:960px;
}
#header .logo{
	margin:30px 0 0 0;
	float:left;
}
#header .twitter{
	float:right;
	margin:46px 15px 0 0;
}
#header .rss{
	float:right;
	margin:46px 5px 0 0;
}
ul.nav{
	position:absolute;
	bottom:0px;
	width:960px;
}
ul.nav li{
	height:45px;
	padding:0 20px 0 20px;
	float:left;
	display:inline;
	background:url(../images/nav_divider.jpg) no-repeat right center;
}
ul.nav li a {
	color:#fff;
	font-size:14px;
	line-height:43px;
	display:block;
}
ul.nav li:hover{
	background:url(../images/nav_hover_bg.jpg) repeat-x;
	height:45px;
	cursor:pointer
}
ul.nav li.current{
	background:url(../images/nav_hover_bg.jpg) repeat-x;
	height:45px;
}
ul.nav li.blog_nav{
	background:url(../images/nav_blog_bg.jpg) repeat-x;
	height:45px;
	position:absolute;
	right:5px;
}

/****************************************
|        Begin Featured Styling         |
****************************************/
#featured{
	position:relative;
	background:url(../images/featured_bg.jpg) no-repeat scroll;
	height:360px;
	width:960px;
	margin-top:35px;
	margin-bottom:15px;
}
.featured_text{
	background:url(../images/featured_text.png) no-repeat;
	height:156px;
	width:356px;
	position:absolute;
	top:80px;
	left:35px;
}
.slider{
	width:418px;
	height:298px;
	float:right;
	border:1px solid #fff;
	background:#e6e6e6;
	position:relative;
	top:29px;
	right:45px;
}
.slides{
	border:1px solid #a7a7a7;
	position:absolute;
	top:8px;
	left:8px;
}
#slider_nav{
	width:34px;
	position:absolute;
	top:54px;
	left:-35px;
}
#slider_nav a{
	height:30px;
	width:34px;
	background:url(../images/slider_nav.png) no-repeat;
	line-height:30px;
	text-align:center;
	color:#aaa;
	display:block;
	float:left;
	font-size:15px;
	margin-bottom:10px;
}
#slider_nav a.activeSlide{
	height:30px;
	width:34px;
	background:url(../images/slider_nav_active.png) no-repeat;
	line-height:30px;
	text-align:center;
	color:#ebebeb;
}
#featured .btn{
	float:left;
	position:absolute;
	top:275px;
	left:35px;
}
/****************************************
|        Begin Main_Content Styling     |
****************************************/
.content_top{
	background:url(../images/content_top_bg.jpg) no-repeat;
	height:25px;
	width:960px;
	
}
.content_bottom{
	background:url(../images/content_bottom_bg.jpg) no-repeat;
	height:25px;
	width:960px;
}
.content_middle{
	background:url(../images/content_middle_bg.jpg) repeat-y;
	width:960px;
	overflow:auto
}
#main_content{
	padding: 0 25px;
	width:540px;
	border-right: 1px dashed #ddd;
	overflow:auto;
	float:left;
}
#main_content p{
	padding-bottom:20px;
}

/*Begin portfolio styling*/
#sliderContent{ 
	width:540px; 
	height:550px;
}
.viewer{ 
	width:540px; 
	height:370px; 
	margin:0 0 20px 0; 
	overflow:hidden; 
	position:relative;
}
.content-conveyor{ 
	width:540px; 
	height:370px; 
	position:relative; 
	margin-left:6px;
}
.item{ 
	width:280px; 
	float:left; 
	display:inline;
}
.item ul{ 
	margin:10px 0; 
}
ul.details li{
	margin-bottom:5px;
}
ul.details li a:hover{
	background:#b6ca55;
	padding:2px 4px;
	color:#fff;
}
ul.details li img{
	padding-right:5px;
	vertical-align:middle
}

/*Begin Services block*/
.website{
	width:230px;
	margin-right:65px;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

.website img{
	float:left;
	padding: 3px 15px 2px 0;
}
.website h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.design{
	width:240px;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

.design img{
	float:left;
	padding: 3px 15px 2px 0;
}
.design h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.branding{
	width:230px;
	margin-right:65px;
	float:left;
	font-size:11px;
	display:block;
	margin-bottom:20px;
}

.branding img{
	float:left;
	padding: 3px 15px 2px 0;
}
.branding h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.seo{
	width:240px;
	float:left;
	font-size:11px;
	display:block;
	margin-bottom:20px;
}
.seo img{
	float:left;
	padding: 3px 15px 2px 0;
}
.seo h5{
	color:#b6ca55;
	margin-bottom:-15px;
}

/*About Page*/
.headings{
	float:left;
}
.lists{
	width:320px;
	float:right
}
.lists ul li, .lists ol li{
	margin-bottom:8px;
}
.lists ul li{
	background:url(../images/bullet.jpg) no-repeat left center;
	padding-left:15px;
	*padding-left:0px;
}

/*Services Page*/
ul.guarantees li{
	background:url(../images/check_icon.jpg) no-repeat left center;
	padding-left:25px;
	margin-bottom:10px;
}
/****************************************
|        Begin sidebar Styling          |
****************************************/
#sidebar{
	width:320px;
	padding:0 25px 0 0;
	float:right;
	overflow:hidden
}
#sidebar h4{
	color:#888;
}
.recent_blog, .about, .recent_twitter, .testimonials, .categories, .tabs{
	margin:0 0 30px 0;
	font-size:13px;
}
.recent_blog .blog_excerpt{
	width:320px;
	height:48px;
	margin-bottom:8px;
}
.blog_excerpt:hover .title{
	text-decoration:underline;
}
.date{
	float:left;
	width:48px;
	height:48px;
	margin:0 10px 0 0;
	background:url(../images/blog_post_date.jpg) no-repeat;
	text-align:center;
	font-size:14px;
	color:#55c6de;
}
.date p{
	margin-top:5px;
}
.date span{
	color:#fff;
}
.title a{
	color:#00b3da;
	margin:0 0 2px 0;
}
.blog_excerpt small{
	font-size:11px;
	padding-left:1px;
}
#clients p{
	font-size:14px;
	line-height:22px;
	background:#fff
}

/*Blog Sidebar Styles*/
.blog_post{
	width:540px;
	overflow:auto;
	margin-bottom:20px;
	_margin-bottom:0px;
	padding-top:10px;
	border-bottom:1px dashed #ddd;
}
.blog_post h2 {
	margin:-5px 0 -20px 57px;
	
}
.blog_post .date{
	margin-bottom:25px;
}
.blog_post img{
	margin-bottom:10px;
}
.post_info{
	margin-top:15px;
}

.categories ul li{
	background:none;
	padding:0;
	margin-bottom:5px;
}
.categories ul li a{
	color:#00b3da;
}
.categories ul li a:hover{
	color:#fff;
	background:#00b3da;
	padding:2px 4px;
}
.affiliates ul{
	margin-left:0px;
}
.affiliates ul li{
	background:none;
	float:left;
	margin: 0 0 20px 10px;
	display:inline
}
.affiliates ul li img{
	background:#e7e7e7;
	padding:5px;
}
.affiliates ul li img:hover{
	background:#c7c7c7;
	padding:5px;
}
.tabs{
	margin-bottom:15px;
}
ul.tabNavigation{
	margin-left:-7px;
}
ul.tabNavigation li{
	background:url(../images/blog_sidebar_tab.jpg) no-repeat;
	height:30px;
	width:102px;
	line-height:30px;
	text-align:center;
	float:left;
	display:inline;
	margin-left:7px;
	margin-bottom:15px;
	*margin-bottom:0px;
}
ul.tabNavigation li a.selected, ul.tabNavigation li:hover {
	background:url(../images/blog_sidebar_tab_hover.jpg) no-repeat;
	height:30px;
	width:102px;
	line-height:30px;
	text-align:center;
	float:left;
	display:inline;
	color:#fff;
}
ul.tabNavigation li a{
	display:block;
	color:#888;
}
ul.tabNavigation li:hover a {
	color:#fff;
}
#recentposts ul li, #popularposts ul li, #archives ul li{
	margin-top:5px;
	overflow:
}
#recentposts ul li a:hover, #popularposts ul li a:hover, #archives ul li a:hover{
	background:#b6ca55;
	padding:2px 4px;
	color:#fff;
}

.pagination p{
	float:left;
	padding:4px 10px 0 0;
}
.pagination p a{
	color:#ababab;
	text-decoration:underline;
}
.pagination ul li{
	float:left;
	display:inline;
	background:url(../images/pagination_bg.jpg) no-repeat;
	text-align:center;
	line-height:24px;
	height:26px;
	width:26px;
	margin-right:10px;
	color:#c1c1c1;
}
.pagination ul li a{
	color:#c1c1c1;
	display:block;
	font-size:14px;
}
.pagination ul li.active a, .pagination ul li:hover a{
	color:#999;
	display:block;
}
/***********Begin Contact Form***********/

.input{
	width:280px;
	position:relative;
	margin-bottom:15px;
	float:left
}
.input_top{
	background:url(../images/input_top.jpg) no-repeat top;
	height:8px;
	width:280px;
	float:left;
}
.input_middle{
	background:url(../images/input_middle.jpg) repeat-y;
	width:280px;
	float:left;
	_margin-top:-12px;
}
	
.input_bottom{
	background:url(../images/input_bottom.jpg) no-repeat;
	height:8px;
	width:280px;
	float:left;
}
.name{
	width:45px;
	float:left;
	font-size:12px;
	text-align:right;
	padding:2px 15px 0 10px;
	color:#b4b4b4;
}
.input_field{
	width:193px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 2px 10px;
	font-size:16px;
	color:#3b5c6a;
}

/*Text Area*/
input{
	background:#eee !important;
}
.textarea{
	width:500px;
	position:relative;
	margin-bottom:15px;
	float:left;
}
.textarea_top{
	background:url(../images/textarea_top.jpg) no-repeat top;
	height:9px;
	width:500px;
	float:left;
}
.textarea_middle{
	background:url(../images/textarea_middle.jpg) repeat-y;
	width:500px;
	float:left;
	_margin-top:-12px;
}
	
.textarea_bottom{
	background:url(../images/textarea_bottom.jpg) no-repeat;
	height:9px;
	width:500px;
	float:left;
}
.textarea_field{
	width:420px;
	background:none;
	border:none;
	border-left:1px solid #d4d4d4;
	padding:2px 0 0 10px;
	height:250px;
	font-size:16px;
	color:#3b5c6a
}
textarea{
	font-family:Tahoma, Geneva, sans-serif;
	overflow:auto
}
button{
	border:none;
}
.send{
	background:url(../images/send_btn.jpg) no-repeat;
	width:135px;
	height:40px;
	display:block;
	cursor:pointer;
}
.send:hover{
	background:url(../images/send_hover.jpg) no-repeat;
	width:135px;
	height:40px;
	display:block;
}
#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;}
/****************************************
|        Begin footer Styling           |
****************************************/
#footer{
	background:url(../images/footer_bg.jpg) no-repeat;
	width:960px;
	height:60px;
	line-height:60px;
	padding:0 25px;
	margin: 30px 0;
	font-size:11px;
}
#footer p.right{
	padding-right:50px;
}