﻿/*
Theme Name: C3 Parent
Theme URI: http://themefuse.com/demo/wp/
Description: Be it web products, cloud computing or SaaS, C3 has a clean corporate feel to it which caters to the new breed of web entrepreneurs.
Version: 1.1.3
Author: ThemeFuse
Author URI: http://themefuse.com
*/



/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/


html, body, ul, ol, li, form, blockquote, dl, dd, img, h1, h2, h3, h4, h5, h6  {
	margin:0;
	padding:0;
	list-style:none;
}

a {outline:none;} 

dd, blockquote {  
    margin-left: 1em;  
}  
img{
	border:0px;
}
fieldset {  
    border: none;  
}  
input, select, textarea {  
    font-size: 100%;  
    font-family: inherit;  
}

@font-face {
    font-family: 'MergeRegular-1';
    src: url('css/merge_font1-webfont.eot');
    src: url('css/merge_font1-webfont.eot?iefix') format('eot'),
         url('css/merge_font1-webfont.woff') format('woff'),
         url('css/merge_font1-webfont.ttf') format('truetype'),
         url('css/merge_font1-webfont.svg#webfontjulfKoyS') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MergeRegular-2';
    src: url('css/merge_font2-webfont.eot');
    src: url('css/merge_font2-webfont.eot?iefix') format('eot'),
         url('css/merge_font2-webfont.woff') format('woff'),
         url('css/merge_font2-webfont.ttf') format('truetype'),
         url('css/merge_font2-webfont.svg#webfontXg0r9mXU') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* default styles */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left
}
.alignright {
	float: right
}
img.alignleft {
	margin:3px 20px 10px 0
}
img.alignright {
	margin:3px 0 10px 20px
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.clear {
	clear:both
}

hr {
	height:1px;
	color:#d6d6d6;
	background:#d6d6d6;
	padding:0;
	margin:15px 0;
	border:none}

a {
	color:#25A0CC;
	text-decoration:none}

a:hover {
	color:#89b229}

h1, h2, h3, h4, h5 {
	color:#495062;
	font-weight:normal}

h1 {
	font-size:36px;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;}

h2 {
	font-size:26px}

h3 {
	font-size:20px;
	padding-bottom: 5px;}

h4 {
	font-size:18px}

/*--------- layout */
body {
	font: 13px Arial,Helvetica,Sans-serif;
	background:#f2f6f7;
	color:#656565}
	
.container {
	width:996px;
	margin:0 auto;
	position:relative;}

.bodywrap {
	height:100%;
    min-width:1000px;
	background:url(images/body_top_thin.jpg) top repeat-x}

/*--------- header */
.header {
	padding-top:6px;
	height:154px}

.logo {
	width:396px;
	float:left}

.topmenu {
	height:75px;
	width:600px;
	float:left;
	font-size: 17px;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;}

.topmenu ul li {
	display:block;
	float:left;
	height:75px;}

.topmenu a {
	display:block;
	float:left;
	height:75px;
	line-height:74px;
	color:#3e424c;
	text-decoration:none}

.topmenu a span {
	display:block;
	float:left;
	height:75px;
	padding:0 10px}

.topmenu a.active, .topmenu .current-category-ancestor a, .topmenu .current-menu-item a, .topmenu .current-page-ancestor a, .topmenu .current-post-ancestor a,
.topmenu a:hover {
	background:url(images/topm_bg_right.gif) right top no-repeat;
	color:#fff;}

.topmenu a.active span, .topmenu .current-category-ancestor a span, .topmenu .current-menu-item a span, .topmenu .current-page-ancestor a span, .topmenu .current-post-ancestor a span,
.topmenu a:hover span{
	background:url(images/topm_bg_left.gif) left top no-repeat}

.topmenu .last {
	background:url(images/topm_line.gif) left center no-repeat;
	padding-left:2px}

/*--------- top slider content */
.slide-title {
	display:block;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:36px;
	line-height:40px;
	color:#fff;
	background:url(images/line_gray.gif) bottom repeat-x;
	padding-bottom:10px}

.slide-title span {
	color:#79d7ff}

.slide-title strong {
	font-weight:normal}

.left-text {
	float:left;
	width:455px;
	padding:65px 20px 0 0;
	height:230px;
	overflow:hidden;}

.ui-tabs-panel {
	color:#3e424c}
	
.left-text p {
	line-height:1.6em;
	font-weight:normal;
	font-size:13px}

.right-text {
	float:left;
	width:480px}

.btn-plus {
	float:right;
	margin:20px 0 0 10px;}

/*--------- middle layout */
.middle {
	background:url(images/middle_bg.gif) 0 0 repeat-y;
	width:960px;
	margin:0 auto;
	padding:50px 0 40px 0;
	min-height:400px}

.wrapper {
	width:100%;
	float:left}

.content {
	margin:0 0 0 200px;
	padding-left:14px}

.text {
	padding-left:32px}

.navigation {
	width:214px;
	float:left;
	margin-left:-960px;}

/*--------- homepage */ 
.homepage {
	background:url(images/body_top.jpg) top repeat-x}
	
.homepage .header {
	padding-top:6px;
	height:104px}

.homepage .middle {
	background:none;
	margin:0 auto;
	padding:50px 0 40px 0}

.homepage .content {
	margin:0 310px 0 0;
	padding-right:40px}

.homepage .navigation {
	width:310px;
	float:left;
	margin-left:-310px;}

/*--------- one column layout (pricing) */ 
.onecolumn .header {
	padding-top:6px;
	height:104px}

.onecolumn .middle {
	background:none;
	margin:0 auto;
	padding:50px 0 40px 0;}

.onecolumn .price-columns {
	margin-top:-32px}

/*--------- content topbox */
.topbox {
	margin:-90px 0 30px 15px;
	position:relative;
	background:url(images/topbox_bg.gif) right 70px no-repeat;
	height:335px;}

.topbox-image {
	float:left;
	width:484px;
	height:335px;}

.topbox-right {
	width:240px;
	float:left;
	padding-top:100px;}

.topbox-text {
	padding:0 30px 0 30px;
	height:160px;
	font-weight:normal;
	font-size:13px;
	line-height:1.4em}

.topbox-title {
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	color:#495062;
	font-size:25px;
	font-weight:normal}

.btn-video {
	display:block;
	background:url(images/btn-watch-video.gif) no-repeat;
	width:154px;
	padding-right:30px;
	height:30px;
	line-height:30px;
	color:#79d7ff;
	text-align:center;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:16px;
	margin:5px auto}

/* content boxes */
.horizontal-box {
	min-height:80px;
	margin:35px 0 30px 0}

.horizontal-image {
	width:90px;
	height:90px;
	overflow:hidden;
	float:left;
	margin-right:20px;
	text-align:center}

.horizontal-box h2, 
.horizontal-box h3,
.vertical-box h2, 
.vertical-box h3, 
.white-box h2,
.white-box2 h2 {
	color:#25a0cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px}

.horizontal-box p,
.vertical-box p{
	margin:7px 0;
	font-size:13px}

.vertical-box {
	width:300px;
	float:left;
	padding:30px 28px 23px 29px}

.white-box {
	background:url(images/box-white-wide-top.gif) top no-repeat;
	width:716px;
	margin-bottom:30px}

.white-box-bot {
	background:url(images/box-white-wide-bot.gif) top no-repeat;
	height:7px;
	font-size:1px;
	clear:both}

.white-box2 {
	background:url(images/box-white-wide2-top.gif) top no-repeat;
	margin:10px 0 30px 0}

.white-box2-bot {
	background:url(images/box-white-wide2-bot.gif) top no-repeat;
	height:7px;
	font-size:1px;
	clear:both}

.col-2 {
	width:420px;
	float:left;
	margin:0 20px;
	padding:30px 10px 20px 10px}
	
.col-2 p{
	line-height:1.4em;
	}

.white-box2 .col-2 {}

.text .white-box ul {
	padding:0}

.nobg {
	background:none}

/*--------- content styles */
.upper-title {
	color:#bfbfbf;
	font-size:12px;
	text-transform:uppercase;}

.content h1 {
	margin:0 0 20px 0;
	font-size: 27px}

.text ul,
.text ol{
	padding:10px 0 5px 40px}

.text ul li {
	list-style:disc;
	margin-bottom:7px}

.text ol li {
	list-style:decimal;
	margin-bottom:7px}

.blue {
	color:#25a0cc}

.content .text {
	line-height:1.4em;
	color:#656565;}

.text-big {
	font-size:17px;
	line-height:24px;
	font-weight:normal;
	}

.mobile-box {
	background:url(images/home_mobile_box.jpg) no-repeat;
	width:610px;
	height:190px;
	position:relative;
 	}
	
	.mobile-box-img {
	width:170px;
	height:190px;
	overflow:hidden;
	float:left}

.topbox-text {
	padding:0 30px 0 30px;
	height:160px;
}
	
.topbox-text {
font-size:13px;
font-weight:normal;
line-height:1.4em;
}

.box-text {
height:130px;
left:15px;
overflow:hidden;
position:relative;
top:20px;
width:395px;
}

 .box-text p {
	margin:0;
	padding:8px 0;}


.two-columns {
	width:600px;
	padding:40px 0 10px 10px}

.two-columns h2 {
	font-size:12px;
	text-transform:uppercase;
	color:#bfbfbf;
	font-family:Arial, Helvetica, sans-serif;}

.two-columns h3 {
	margin:5px 0;
	border-bottom:1px solid #d9ddde;
	padding-bottom:7px;
	font-size:19px;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;}
	
.two-columns h3 a {
	color:#000;}

.two-columns h3 a:hover {
	color:#79b016}

.two-columns .col-1 p,
.two-columns .col-1 p{
	line-height: 1.4em;
	}
	
.two-columns .col-1,
.two-columns .col-1{
	width:280px;
	float:left;
	color:#656565;
	}

.two-columns ul {
	margin-right:40px;}

.two-columns li {
	border-bottom:1px solid #d9ddde;
	margin-bottom:5px;
	background:url(images/dot-blue.gif) 0 7px no-repeat;
	padding:3px 0 5px 13px;
	font-weight:bold}

.two-columns li:hover {
	background:url(images/dot-green.gif) 0 7px no-repeat;}

.gutter {
	width:40px;
	min-height:1px;
	float:left}

.two-columns .list-icons li {
	padding-top:6px;
	height:22px}

.two-columns .ico-arr,
.two-columns .ico-arr:hover {
	background:url(images/arrow-1.gif) 3px 0 no-repeat;
	padding-left:40px;}

.two-columns .ico-pdf,
.two-columns .ico-pdf:hover {
	background: url(images/icon-pdf.gif) 0 0 no-repeat;
	padding-left:40px;}

/*--------- navigation left */
.left-menu,
.blogmenu, .navigation .widget {
	font-size:14px;
font-weight:bold;
padding-bottom:40px;
width:195px;}
	
.homepage  .left-menu,
.homepage  .blogmenu, .homepage .navigation .widget {
width:auto;}
	
.homepage .navigation .testimonials h3{
	padding:0 0 10px 0!important;		
}

.homepage .navigation .testimonials{
	margin:0px;
}

.homepage .navigation .widget{
	padding-bottom:30px;
}

.left-menu a {
	color:#25a0cc;
	display:block;
	padding:0 0 0 17px;
	min-height:38px;
	line-height:38px;
	border-bottom:1px solid #e4e4e6}

.left-menu a:hover,
.left-menu .active a:hover,
.blogmenu a:hover, .navigation .widget a:hover {
	color:#7ba121}

.left-menu .active a {
	background:url(images/left-menu-active.gif) 0 center no-repeat;
	color:#797c80;
	border-bottom:none;
	margin-top:-1px;}

.left-menu h3,
.blogmenu h3, .navigation .widget h3 {
	font-size:22px;
	padding:0 0 10px 17px;
	border-bottom:1px solid #e4e4e6}

.blogmenu li, .navigation .widget li {
	border-top:1px solid #fff;
	border-bottom:1px solid #e4e4e6;
	padding:10px 0 10px 17px;}
	
.blogmenu .active a, .navigation .widget .active a {
	color:#89b229}

.blogmenu a, .navigation .widget a {
	color:#25a0cc;}

.navigation .widget_search h3 {
	border:none;
	margin-bottom:0}

.stext {
	background:url(images/bg_search_text.gif) no-repeat;
	width:170px;
	height:25px;
	padding:6px 5px 0 6px;
	margin-left:5px;
	color:#9da0a4;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;}

.social-list {
	padding:5px 0 5px 15px}
.social-list img {
	margin:2px}

/*--------- navigation right */
.login p {
	margin:0;
	padding:12px 15px;
	font-size:12px;
	font-weight:bold}

.testimonials {
	margin:30px 0 20px 0;
	line-height:1.4em}

.testimonials .quote {
	font-style:italic;
	font-weight:normal;
}

.testimonials .author {
	color:#89b229}

.testimonials em {
	color:#656565;
	font-weight:bold}

.navigation h3 {
	border-bottom:1px solid #d9ddde;
	color:#484f61;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;}
	
.btn-more {
	display:block;
	background:url(images/btn-more.gif) no-repeat;
	width:128px;
	height:30px;
	line-height:30px;
	color:#79d7ff;
	text-align:center;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:16px;}

.recent-posts {
	background:url(images/box-posts-bot.gif) bottom no-repeat;
	margin:50px 0 30px}

.recent-posts-top {
	background:url(images/box-posts-top.gif) bottom no-repeat;
	height:5px;}

.recent-posts .space {
	padding:5px 15px}

.recent-posts h3 {
	color:#bfbfbf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	border-bottom:none;
	font-weight:bold}

.recent-posts li {
	border-top:1px solid #e8eae9;
	padding:6px 0;
	font-size:12px;
	line-height:1.4em;
	background:url(images/arrow-2.gif) right center no-repeat;}

.recent-posts .author {
	color:#777;
	font-size:11px;
	font-weight:bold}

.recent-posts li a {
	font-weight:bold}

/*--------- footer */
.footer {
	background:url(images/footer_bg.gif) top repeat-x #0a0e11;
	min-height:220px;
	clear:both}

.footer .container {
	background:url(images/footer_bg_center.jpg) center top no-repeat;
	min-height:220px;
	padding-top:50px;}

.footer a {
	color:#737373;
	text-decoration:none}

.footer a:hover {
	color:#ccc}

.footer h3 {
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:20px;
	margin-bottom:10px;
	color:#fff;
	border-bottom:1px solid #363a3b;
	padding-bottom:10px}

.footer ul {
	padding:2px 0 5px;
	font-size:13px}

.footer li {
	margin-bottom:10px}
	
.cols {
	width:126px;
	float:left;
	margin-left:25px}

.fcol-5 {
	width:290px;
	margin-left:60px;
	float:right}

.icons-fallow img {
	margin:2px 5px 0 0;}

.copyright {
	color:#434343;
	background:url(images/footer_logo.gif) right top no-repeat;
	padding:10px 50px 10px 0;
	height:50px;
	margin:10px 0 0 0;
	line-height:1.5em}

.copyright p {

	display:block;
	margin:0;}

/* contact form */
.contact-form {
	width:600px}
	
.contact-form input, 
.contact-form textarea {
	border:none;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px}

.contact-form label {
	display:block;
	width:70px;
	float:left;
	text-align:right;
	padding-right:5px;
	height:25px;
	line-height:25px;
	font-weight:bold}
	
#inputtext {
	width:50%;
	float:left;
	height:25px;
	margin:0;
	padding:15px 0}
	
#inputtext input {
	background:url(images/bg_input.gif) no-repeat;
	width:210px;
	height:21px;
	padding:4px 3px 0 4px;
	float:left}

#textarea {
	margin:0;
	padding:15px 0}

#textarea textarea {
	overflow:auto;
	background:url(images/bg_textarea.gif) 0 0 no-repeat;
	width:509px;
	height:145px;
	padding:5px 4px} 

.btn-send input {
	background:url(images/btn-bg-submit.gif) no-repeat;
	width:184px;
	height:30px;
	cursor:pointer;
	line-height:30px;
	color:#79d7ff;
	text-align:center;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:16px;}

.btn-send input:hover {
	color:#89b229}

.notice-field {
	display:block;
	float:left;
	padding-left:75px}

/* contact info box */
.contact-info {
	margin:0 5px;
	line-height:1.4em}

.navigation .widget .contact-info h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#797c80;
	padding:0 0 7px 0;
	margin-bottom:5px;
	border-bottom:1px solid #e3e3e4}

.navigation .widget .contact-info .row {
	clear:both;
	padding:10px 0;
	font-size:13px;
	font-weight:normal;
	border-bottom:1px solid #e3e3e4}
	
	.navigation .widget .contact-info a{
		font-weight:normal;		
		font-size:13px;		
	}

/* pricing style */
.price-columns .col-1 {
	float:left;
	width:280px;
	margin:0 20px;}

.black-box {
	width:280px;
	min-height:386px;
	color:#6c7689;
	margin-bottom:20px}

.black-box-content {
	background:url(images/black_box_bg.png) bottom no-repeat;
	padding-bottom:37px;}

.black-box-title {
	height:71px;
	text-align:center;
	color:#e6e6e6;
	line-height:71px;
	background:url(images/black_box_bg_top.png) 0 0 no-repeat;
	overflow:hidden}

.black-box-title h2 {
	color:#e6e6e6;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Geneva, sans-serif;
	font-size:30px;
	text-shadow:#181a20 0px 1px 5px;
	padding-top:12px}
	
.black-box-intro {
	height:43px;
	font-size:13px;
	padding:10px 5px 0 5px;
	text-align:center;
	color:#717b8f;
	font-style:italic;}

.black-box-list {
	min-height:176px}
	
.black-box-list li {
	height:32px;
	line-height:32px;
	color:#b8bcc5;
	display:block;
	padding:0 44px 0 44px;
	overflow:hidden}

.black-box-list .active {
	background:url(images/ico-check.gif) 238px 8px no-repeat}

.black-box-list .notactive {
	background:url(images/ico-x.gif) 238px 9px no-repeat}

.black-box-list .even {
	background-color:#333643}

.black-box-more {
	height:56px;
	padding-top:30px;
	text-align:center}
	
.black-box-more a {
	background:url(images/btn-bg-more.gif) 0 0 no-repeat;
	display:block;
	width:184px;
	height:26px;
	text-align:center;
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:15px;
	color:#98ca00;
	line-height:24px;
	margin:auto}


.icon-box {
	height:80px;
	margin-bottom:40px}

.icon-box h3{
	font-size:20px;
	padding-top:15px;
	font-weight:bold}

.icon-box h3 a {
	color:#25a0cc}

.ico-signup h3 a {
	color:#97d000}

.icon-img {
	width:70px;
	height:80px;
	overflow:hidden;
	float:left;
	margin-right:10px}

/* post styles */
.post {
	clear:both;
	padding-bottom:60px;}
	
.post-title h1,
.post-title h2{
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:26px;
	margin:0 0 10px 0;
	color:#000;}

.post-title h2 a {
	color:#000;}

.post-title h2 a:hover {
	color:#7ba121}

.post-meta {
	color:#afb2b5;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold}
	
.post a {
	color:#25a0cc}

.post a:hover{
	color:#89b229}

.post-entry {
	padding:5px;
	line-height:1.6em}

.post-entry img.alignleft {
	margin:5px 15px 10px 0}

.post-entry img.alignright{
	margin:5px 0 10px 15px}

.post-entry img.aligncenter {
	margin:10px 0 10px 0;}

.post-meta-bot {
	text-align:right;
	margin-bottom:40px}

.post-meta-bot .btn-more {
	float:left}

a.link-comments {
	padding-top:5px;
	background:url(images/ico-comments.gif) 0 5px no-repeat;
	padding-left:25px;
	font-size:12px;
	display:block;
	height:18px;
	width:100px;
	float:right;
	text-align:left;
	font-weight:bold}

.post-entry h2,
.post-entry h3, 
.post-entry h4, 
.post-entry h5 {
	margin:30px 0 15px 0;
	color:#70747b;
	font-weight:normal}

.post-entry h2 {
	font-size:21px}
	
.post-entry h3 {
	font-size:19px}

.post-entry h4 {
	font-size:18px}
	
.post-entry h5 {
	font-size:16px;
	font-weight:bold}

.post-entry blockquote {
	background:#e5eaeb;
	border-left:3px solid #adb0bd;
	padding:5px 10px 5px 20px;
	margin-bottom:10px}

.post-entry blockquote p {
	margin:7px 0}

.post-entry blockquote blockquote {
	background:#fff}

.related-list {
	padding-bottom:20px}
	
/* comment list */
.related-list h2,
.comment-list h2,
.comment-form h2 {
	font-family: "MergeRegular-1", "MergeRegular-2", Arial, sans-serif;
	font-size:23px;
	color:#222;
	margin-bottom:5px}

.comment-one {
	margin:30px 0 20px 0;}

.comment-box {
	background:url(images/box-comm-top.gif) 0 0 no-repeat #fff;
	padding:15px 15px 7px 30px;}

.comment-bot {
	background:url(images/box-comm-bot.gif) 0 0 no-repeat;
	height:7px;
	font-size:1px;
	clear:both}

.reply, ul.children {
	padding-left:40px;
	background:url(images/ico-reply.gif) 10px 0 no-repeat}

.comment-meta {
	color:#25a0cc;
	font-size:12px;
	position:relative}

.author {
	color:#25a0cc;
	font-size:12px;
	font-weight:normal}

.comment-date {
	color:#c2c6cb;
	display:block;
	padding:5px 0}
	
a.link-reply, a.comment-reply-link {
	background:url(images/ico-arrow.gif) left center no-repeat;
	padding-left:10px;
	color:#25a0cc;
	font-size:13px;
	font-weight:bold;
	position: absolute;
	top:0;
	right:30px}

a.link-reply:hover, a.comment-reply-link:hover {
	color:#89b229}

.comment-text p {
	margin:0;
	padding:5px 0}
	
/* comment form */
.comment-form {
	width:635px;
	margin:40px 0 10px 0}
	
.comment-form input,
.comment-form textarea {
	border:none}

.comment-form #inputtext {
	display:block;}

.comment-form #inputtext input {
	background:url(images/bg_input_comm.gif) 0 0 no-repeat;
	width:257px;
	height:27px;
	padding:10px 10px 0 10px;
	color:#999ca0;
	font-size:13px;
	font-weight:bold;
	font-style:italic}

.comment-form #textarea textarea {
	background:url(images/bg_textarea_comm.gif);
	width:576px;
	height:97px;
	overflow:auto;
	padding:10px;
	font-size:13px;
	font-weight:bold;}
	
/* gallery , works */
.content .gallery {
	margin:0;
	padding:0}

.content .gallery li{
	list-style:none;
	display:block;
	float:left;
	margin:5px 10px 20px 0;
	width:344px;
	min-height:244px}

.content .gallery h2 {
	font-size:18px;
	color:#25a0cc;
	margin:15px 0 10px 0}

.content .gallery h2 a {
	color:#25a0cc;}

.content .gallery h2 a:hover {
	color:#89b229}

.content .gallery p {
	margin:5px 0}

.gallery-img {
	position:relative;
	width:344px;
	height:139px;
	overflow:hidden;
	background:url(images/work-bg.png) no-repeat;
	clear:both}

.gallery-img img{
	width:334px;
	height:129px;
	margin:5px;}
	
.icohover {
	display:none;
	background:url(images/icon_hover.png) no-repeat;
	height:40px;
	width:40px;
	position:absolute;
	top:55px;
	left:145px;
	cursor:pointer}
	
.gallery-img:hover .icohover {
	display:block}
	
	
.newer_articles{
 float: left;	
}

.newer_articles a{

 } 
 
.newer_articles a{
 display: block;
 width: 150px;
 height: 25px;
 background: url(images/newer_articles_bg.jpg) top no-repeat;
 padding: 8px 0 0 0;
 margin-left: 0px;
 float: left;
 margin-right: 10px;
 text-align:right;
 }
 
.newer_articles a{
 padding-right: 20px;
 }
 
.newer_articles a:hover{
 background: url(images/newer_articles_bg.jpg) bottom no-repeat;
 }
 
.older_articles{
	float:right;
}
 
.older_articles a{
 display: block;
 width: 150px;
 height: 25px;
 background: url(images/older_articles_bg.jpg) top no-repeat;
 padding: 8px 0 0 0;
 float: left;
 }
 
.older_articles a{
 padding-left: 20px;
 }
 
.older_articles a:hover{
 background: url(images/older_articles_bg.jpg) bottom no-repeat;
 }
 
.other_articles{
  }

.comment-list ul, .comment-list ol {
	padding:0px;
}

.commentlist ul {
	padding-left:40px;
}

.comment-list ul li, .comment-list ol li {
	list-style-type:none;
}


/*-----------Ultimate Page Ends-------------------*/
.valid{border:1px solid #70A41B!important; overflow:hidden;} /*#70A41B*/
.ajax_alert .form_input, .ajax_alert .form_textarea{}
.error {overflow:hidden; border:1px solid red!important; }

