/*
Theme Name: CleanR
Theme URI: http://www.cssluxury.com/cleanr_wp
Description: Developed for a wide range of e-Businesses
Version: 1.0 for WP 3.0
Author: disgogo
Author URI: http://themeforest.net/user/disgogo
Tags: white, grey, black, fixed width, 2 columns, widgets, gallery, videos, shortcodes
*/

@import url('css/reset.css');


body {
	background: #e5e5e5 url(images/background.jpg) center top repeat-y;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#5b5b5b;
	font-weight:lighter;
}

strong {
	font-weight: bold;
}


.wrap {
	width:960px;
	margin:0 auto;
}

.logo {
	font-weight:normal;
	color:#005FA6;
	display:block;
	float:left;
}

.logo h1 a {
	font-size:48px;
	font-weight:normal;
	color:#005FA6;
	padding:0px 0px;
}

.logo span {
	color:#5B5B5B;
	font-size:11px;
}

.logo h1 { padding:20px 0px;}


.header {
	float:left;
	width:960px;
	margin-top:30px;
	margin-bottom:30px;
}


/* Breadcrumb
-------------------------------------------------------------- */

.breadcrumb {
	background:#fafafa;
	width:690px;
	height:30px;
	padding:0px 10px;
	margin-bottom:20px;
	float:left;
}

.breadcrumb ul {
	float:left;
	margin-top:5px;
	line-height:30px;
}

.breadcrumb li {
	float:left;
	line-height:20px;
	list-style-type:none;
	text-decoration:none;
	font-size:11px;
}


.breadcrumb li a {
	display:block;
	float:left;
	padding:0px 2px;
	font-size:11px;
}

.breadcrumb li span {
	display:block;
	float:left;
	padding:0 5px;
}


/* Text elements
-------------------------------------------------------------- */

a{
	color:#005fa6;
}

a:hover{
	text-decoration:underline;
}


p {
	margin: 20px 0px;
	line-height:18px;
}

h1 {
	font-size:36px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
	display:block;
}

div.post > h1:first-child, div.post_detailed > h1:first-child
 {
	font-size:36px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px 10px 0px;
	display:block;
}


h1.company_name {
	font-size:72px;
	padding:20px 0px 0px 0px;
}

h2 {
	font-size:30px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
}

.motto { padding:30px 0px; font-size:16px; color:#005FA6;}

.motto h1 {
	font-size:72px;
	padding:20px 0 0;
}

.motto h2 {
	font-size:28px;
	padding:0;
}

h3 {
	font-size:24px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
}
a.nav-parent {
	font-size:24px;
	font-weight:normal;
	color:#005fa6;
	padding:0px 0px;
	margin:0px;
	text-indent:-8px;
}

a.nav-parent:hover {
	background:#FAFAFA;
	text-decoration:none;
}

h4 {
	font-size:18px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
	
}
h4 span{
font-weight:bold;
border-bottom:1px solid #4F91C2;
	
}

h5 {
	font-size:14px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
}

h6 {
	font-size:12px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
}


h4.team {
	padding:0px 0px 20px 0px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	background:#FAFAFA;
	text-decoration:none;
}


blockquote {
	padding-left:0px;
}


blockquote p {
	font-family: inherit !important;
	font-size: inherit !important;
}

cite
    {
    font-size: 11px;
    float: right; 
	margin:0px;
}

address {
	margin:0px 0px 20px 0px;
}


.entry ol {
	list-style-position:outside;
	list-style-type:decimal;
}

.entry ol li {
	margin-left:2.5em;
	padding:5px 0;
}

.entry ul li {
	margin-left:1em;
	padding:5px 0 5px 15px!important;
	background:url(images/libg.gif) no-repeat left 11px;
	list-style-type:none !important;
	list-style-position:outside!important;
	color:#232323!important;
}

.entry ul {
	float:none!important;
}

img.aligncenter {
	display: block;
	margin:10px auto;
	padding:3px;
	border:1px solid #ccc;

}

img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	padding:3px;
	border:1px solid #ccc;
}

img.alignleft {

	margin:10px 20px 10px 0;
	display: inline;
	padding:3px;
	border:1px solid #ccc;

}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* Form 
-------------------------------------------------------------- */

.screen-reader-text { display:none;}

.form-contact {
	margin-top:20px;
}

.breadcrumb_search #searchform {
	display:block;
	float:right;
	margin-bottom:20px;
}

#searchform {
	display:block;
	float:right;
	margin-bottom:20px;
}

#searchform input {
	
	width:138px;
	float:left;
	display:inline;
	background: #FAFAFA;
	border:0;
	height:20px;
	padding:6px 10px;
}

#searchform input#searchsubmit {
	
	width:72px;
	height:32px;
	background: FAFAFA;
	cursor:pointer;
	color:#9e9e9e;
	border:0;
}


textarea {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:100px;
	padding:8px;
	width:430px;
}

input  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	padding:8px;
}

input#submit  {
	border:1px solid #BFBFBF;
	color:#005FA6;
	float:left;
	padding:8px;
	width: auto;
	font-weight:bold;
	cursor:pointer;
}

input.send  {
	border:0px;
	width:70px;
	height:40px;
	cursor:pointer;
	margin:0px 0 30px 100px;
	padding:0px;
	color:#005FA6;
}

label {
	float:left;
	font-size:12px;
	padding:8px;
}
.holder {
	float:left;
	clear:both;
	width:550px;
	margin:0 0 12px;
}


.blue {
	color:#005FA6;
}

/* Navigation 
-------------------------------------------------------------- */

.nav {
	float:left;
	display:block;
	width:130px;
	margin:0px 10px 0px 0px;
	border-left:1px solid #D5D5D5;
	padding-left:10px;
	overflow:hidden;
}

.nav_holder{
	float:right;
}

.nav li {
	padding:3px 0px;
}

.nav li li {
	padding:3px 0px 3px 10px;
}

.nav li a {
	
	color:#5b5b5b;
	padding:3px 0px 3px 0px;
	display:block;
	margin:0px;
}

.nav li a:hover{
	
	color:#005fa6;
	text-decoration:underline;
}

li.current-menu-item a {
	
	color:  #005fa6!important;
	text-decoration:underline;
}

li.current-menu-item li > a {
	color:#5B5B5B!important;
	text-decoration: none;
}


/* Content 
-------------------------------------------------------------- */

.left_column {
	float:left;
	width:710px;
}

.right_column {
	float:right;
	width:230px;
}

.slideshow_holder_subpages {
	float:left;
	height:173px;
	margin-bottom:20px;
}

.slideshow_holder_index {
	float:left;
	height:300px;
	margin-bottom:20px;
	background:none;
	width:710px;
	overflow:hidden;
}

.left_column .slideshow_holder_index ul, .left_column .slideshow_holder_subpages ul {
	margin-left:0px;
	background:#fff;
}
.left_column .slideshow_holder_index li, .left_column .slideshow_holder_subpages li {
	list-style-type:none;
	padding:0px;
}

.slideshow ul li {
	width: 710px;
	height:298px;
	list-style-type:none;
}

.right_column .box h4, .box h4{
	padding:5px 0px;
}
.right_column .box {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:210px;
}
.right_column .box li, .column .box li, .box_container .box li{
	background:url(images/arrow.gif) no-repeat scroll 2px 15px transparent;
	border-bottom:1px solid #D5D5D5;
	display:block;
	padding:8px 0 8px 15px;
}

.box_container .box li{
	list-style-type:none;
	list-style-position: outside;
}

.right_column .box li.current-cat, .box_container .box li.current-cat {
	font-weight:bold;
}

.right_column .box li.no-border, .column .box li.no-border, .box_container .box li.no-border, .left_column .no-border {
	border:none;
}

.right_column #cleanr-flickr.box li{
	background: none;
	border:none;
	display:block;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	float:left;
	width:70px;
}

.box_container #cleanr-flickr.box li{
	background: none;
	border:none;
	display:block;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	float:left;
	width:67px;
}

.right_column .box ul.twitter li, .right_column .box ul.articles li, .box_container .box ul.articles li{
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #d5d5d5;
}

.right_column .box ul.twitter li span.date {
	font-size:11px;
	font-style:italic;
	color:#9e9e9e;
}

.right_column .box ul.twitter li a {
	padding:5px 0px;
	color:#005FA6;
	display:inline;
	width:auto;
	border:none;
	font-size:11px;
}

.box a.follow_twitter {
	background:url(images/twitter.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
	margin-top:15px;
}
.right_column .box a.feed {
	background:url(images/feed.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}

.right_column .box ul.articles li a {
	padding:5px 0px;
	color:#005FA6;
	display:block;
	width:100%;
	border:none;
}

.right_column .box ul.articles li span.comments_date {
	padding:5px 0px;
	color:#9E9E9E;
	display:block;
	width:100%;
	border:none;
	font-size:11px;
}
.right_column .box ul.articles li span.comments_date a{
	display:inline;
	width:100%;
	border:none;
	font-size:11px;
	font-style:italic;
}


.right_column .box li a:hover {
	color:#005FA6;
}

.right_column .box li span.date {
	font-size:11px;
	font-style:italic;
	width:100%;
	display:block;
}

.right_column .box li.email a {
	display:inline;
	border:none;
	color:#005FA6;
}

.left_column .box {
	background-color:#EEEEEE;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:203px;
}
.left_column .box ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.left_column .box ul li{
	margin:0;
	display:block;
	background:url(images/libg.gif) no-repeat left 8px;
	padding:2px 18px;
	line-height:18px;
	border:none;
	color:#5B5B5B;
	}
.left_column .box.no_margin {
	margin-right:0px;
}


.left_column .container_box { float:left; clear:left; width:100%; padding:0 0 2em; }

.left_column ul.module_social {
	margin:20px 0px;
}

ul.module_social li {
	display:inline;
}
.box ul.module_social li {
	display:block;
	background:none;
	padding-left:0px;
	
}

.box ul.module_social li a {
	padding-left:30px;
	margin-right:0px;
	border:0px;
	width:173px;
	display:block;
}

/* Follow us plugin 
-------------------------------------------------------------- */

.box li a.twitter {
	background:url(images/twitter.png) left center no-repeat;
}

.box li a.facebook {
	background:url(images/facebook.png) left center no-repeat;
}

.box li a.linkedin {
	background:url(images/linkedin.png) left center no-repeat;
}

.box li a.flickr {
	background:url(images/flickr.png) left center no-repeat;
}

.box li a.delicious {
	background:url(images/delicious.png) left center no-repeat;
}

.box li a.email {
	background:url(images/email.png) left center no-repeat;
}

.box li a.rss {
	background:url(images/rss.png) left center no-repeat;
}

.box li a.youtube {
	background:url(images/youtube.png) left center no-repeat;
}

.box li a.vimeo {
	background:url(images/vimeo.png) left center no-repeat;
}

.wide_layout .portfolio_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 4px 15px 4px;
	width:300px;
	background:#fafafa;
	border-bottom:5px solid #f4f4f4;
}

#navMenu ins {
	display:block;
	padding:20px 0px 0px 0px;
}


#navMenu a span{
	color:#5B5B5B;
	font-size:11px;
	display:block;
}

#navMenu a:hover span{
	color:#005FA6;
	font-size:11px;
	text-decoration:none;
}

span.details {
	font-size:11px;
	float:left;
	display:block;
	width:100%;
	margin-bottom:20px;
}

.left_column ul li{
	list-style-type: square;
	list-style-position:inside;

	padding:5px 0px;
	color:#9E9E9E;
}

.photos_holder ul.filmstrip li{
	list-style-type: none !important;
	padding:0px !important;
	list-style-position:outside !important;
	background:none!important;
}

.left_column ul {

}

a.downloads{
	display:block;
	text-align:center;
}
.left_column.project_description img {
	margin:20px 0px;
}

address.geo {
	font-size:11px;
	font-weight:bold;
}

/* Footer 
-------------------------------------------------------------- */

.footer {
	float:left;
	display:block;
	width:960px;
	border-top:1px solid #d5d5d5;
	margin:20px 0px;
	font-size:11px;
}


/* WP 
-------------------------------------------------------------- */

.post img { padding:5px; border:1px solid #D5D5D5}
.post { clear:both; border-bottom:1px solid #E0E0E0; padding-bottom:10px; float:left; display:block; width:100%;}

/* pagination 
-------------------------------------------------------------- */

.pagination { display:block; margin-top:30px;}
.pagination ul li { list-style-type:none;}
.pagination ul { width:100%; clear:both;}
.pagination ul li.link_gradient a {
	padding:8px;
	background:#F0F0F0;
	border:1px solid #D5D5D5;
	display:block;
	margin:8px 0 5px;
}

/* Twitter 
-------------------------------------------------------------- */
.twitter .rsswidget {
	color:#9E9E9E;
	font-size:11px;
	font-style:italic;
	width:100%;
}

.twitter .twitter-link {
	border: none;
	color:#005FA6;
	display:inline;
	font-size:11px;
	padding:5px 0;
	width:auto;
}

.twitter dd {
	border-bottom:1px solid #D5D5D5;
	display:block;
	padding:10px 0;
}

.right_column .box li a.image, .box_container .box li a.image {
	width:60px;
	height:60px;
	display:block;
	float:left;
	margin-right:10px;
}

.right_column .box li img, .box_container li img {
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
}

.right_column .box li a.title, .box_container .box li a.title {
	color:#005FA6;
	border:none;
	display:block;
}

span.comments_date  {
	border:medium none;
	color:#9E9E9E;
	display:block;
	font-size:11px;
	padding:5px 0;
}

.right_column span.comments_date a {
	width:auto;
	display:inline;
	border:0px;
	font-style:italic;
	
}

span.comments_date span {
	float:right;
}

.module_list_image li {
	border-bottom:1px solid #D5D5D5;
	display:block;
	padding:10px 0px !important;
	background:none!important;
	min-height:60px;
	width:100%;
}

.content_limit {
	font-size:11px; margin:0px;
}

/* Calendar 
-------------------------------------------------------------- */

table#wp-calendar {
	width:100%;
}

#wp-calendar td {
	padding:5px;
}

#wp-calendar caption {
	padding:10px;
	background: #FFF;
}

/* Table 
-------------------------------------------------------------- */
#box-table-b  {
	border-bottom:7px solid #ccc;
	border-collapse:collapse;
	border-top:7px solid #ccc;
	font-size:12px;
	margin:20px 0;
	text-align:center;
	width:100%;
}
#box-table-b th {
	background:none repeat scroll 0 0 #F3F3F3;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:13px;
	font-weight:normal;
	padding:8px;
}
#box-table-b td {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:8px;
}


/* Comments 
-------------------------------------------------------------- */
.website_url {
	float:right;
	font-size:11px;
}

.comment-author  {
	width:80px;
	height:80px;
	display:block;
	float:left;
}

.page-template-one-column-php .comment-content {
	float:right;
	width:870px;
}

.comment-content {
	float:right;
	width:600px;
}

li.comment {
	display:block;
	width:100%;
	float:left;
	border-bottom:1px solid #D5D5D5;
	padding-bottom:20px;
	margin-bottom:20px;
}

li.comment ul li.comment {
	margin-bottom:0px;
}

li.comment ul.children {
	background:none repeat scroll 0 0 #FAFAFA !important;
	float:right;
	margin-top:20px;
	width:84%;
	border:1px solid #D5D5D5;
	padding:5px;
}

li.comment ul.children li ul.children {
	background:none repeat scroll 0 0 #fff !important;
	float:right;
	margin-top:20px;
	width:80%;
	border:1px solid #D5D5D5;
	padding:5px;
}

li.comment ul.children li ul.children li ul.children {
	background:none repeat scroll 0 0 #FAFAFA !important;
	float:right;
	margin-top:20px;
	width:76%;
	border:1px solid #D5D5D5;
	padding:5px;
}

li.comment ul.children li { border:0px; padding-bottom:0px; }
li.comment ul.children li ul.children li { padding-bottom:0px;}

.page-template-one-column-php li.comment ul.children li .comment-content {
	float:right;
	width:715px;
	color:#5B5B5B;
}

li.comment ul.children li .comment-content {
	float:right;
	width:485px;
	color:#5B5B5B;
}

.page-template-one-column-php li.comment ul.children li ul.children li .comment-content {
	float:right;
	width:550px;
	color:#5B5B5B;
}

li.comment ul.children li ul.children li .comment-content {
	float:right;
	width:370px;
	color:#5B5B5B;
}


.page-template-one-column-php li.comment ul.children li ul.children li ul.children li .comment-content {
	float:right;
	width:390px;
	color:#5B5B5B;
}

li.comment ul.children li ul.children li ul.children li .comment-content {
	float:right;
	width:255px;
	color:#5B5B5B;
}

#respond {
	clear:both;
	margin-top:20px;
}

.title_link { font-size:14px; font-weight:bold; color:#005FA6}
a.date { font-size:11px; color:#5B5B5B; background:#FAFAFA;}
.comment-reply-link { float:left;}

.holder_field { float:left; display:block; clear:both; width: 700px; margin-bottom:10px;}
.holder_field label { float:left; display:block; width: 100px;}
.holder_field input { float:left; display:block; width: 300px;}
.holder_field input.submit { 
	border:1px solid #BFBFBF;
	color:#005FA6;
	cursor:pointer;
	float:left;
	font-weight:bold;
	padding:8px;
	width:auto;
}

.notification_error { border:1px dashed #005FA6; margin-bottom:20px; padding:10px;}




	#navMenu li {
		float:left;	
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
		display:block;
		float:left;
		padding:5px;
		margin:4px 4px 15px 4px;
		width:300px;
		background:#fafafa;
		border:1px solid #D5D5D5;
		height:275px;
		overflow:hidden;
	}

	#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		position:relative;
	}
	
	#navMenu li a.link98 {
		width:300px;	/*	width, height, left and top to fill the whole LI item	*/
		height:200px;
		z-index:999;
		position:absolute;
		left:5px; 
		top:5px;	
	}

 	#navMenu li .hover {
		background:url(images/photo_hover.png) no-repeat left top;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:300px;	/*	width, height, left and top to fill the whole LI item	*/
		height:200px;
		left:5px; 
		top:5px;	
		z-index:998;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	

	#navMenu li.selected {
		background:url(selected.jpg) no-repeat center center;	/* selected image	*/
	}


div.post_detailed  .margin_bottom
 {
	margin-bottom:20px;
	display:block;

}

.box_container {
	width:710px;
	float:left;
}

.box-width { width: 230px;}
.services .right_margin {
	margin-top:22px;
}

.services img.right_margin {
	border:0px;
}

.services h1{
	padding-bottom:10px;
}

ul.slideshow {
	padding:0px;
	margin:5px 0px;
}

.home ul.slideshow {
	padding:0px;
	margin:0px;
}

ul.slideshow li {
	list-style-type:none;
	background:none;
	margin-left:0px;
	padding-left:0px!important;
}

.right_column .custom_port a {
	color:#005FA6;
	font-size: 24px;
	font-weight: bold;
	padding:20px 0;
}

.right_column .custom_port a:hover {
	text-decoration:none;
}

.right_column #searchform input {
	background:#fff;
	border:1px solid #ccc;
	display:inline;
	float:left;
	height:20px;
	padding:6px 10px;
	width:90%;
}

.right_column #searchform input#searchsubmit {
	border:1px solid #ccc;
	color:#9E9E9E;
	cursor:pointer;
	height:32px;
	width:72px;
	margin-top:10px;
}

.holder input {
	float:left;
	width:281px;
}



/* ari edits here */

.logo {width:271px; background-color:#FFF}
.logo h1 a {display:block;margin-left:10px;
background:url(images/logo-new.gif) no-repeat left top;
width:233px; height:132px; text-indent:-9999px;
}
.logo h1 {padding:0 15px 0 0}
li.current-menu-item a {
color:#005FA6 !important;
text-decoration:none;
}
.logo h1 a:hover{
	background-position:0 -132px;
	}
.logo h3 {
	font-size: 20px;
	margin: 5px 0 0 15px;
	padding: 0;
}

a.btn {
	background-color: #FAFAFA;
	padding: 15px 10px;
	text-decoration: none;
	display: inline-block;
}

a.btn:hover {
	background-color: #e7e7e7;
}
	
	
	
/********************************/
/* GRAVITY FORM
/********************************/

.gform_wrapper {
	float: none;
	clear: both;
}

.gform_wrapper ul {
	overflow: hidden;
}

.gform_wrapper li, .gform_wrapper form li {
	margin: 0 0 10px !important;
	padding: 0;
	overflow: hidden !important;
	background: none;
}

.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
	background: none !important;
}

.gform_wrapper .top_label .gfield_label {
	float: none;
	margin-top: 0 !important;
	padding: 0 10px 0 0;
	color: #5B5B5B;
}

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
	padding: 0;
	margin: 0;
	float: none;
	font-size: 100% !important;
}

.gform_wrapper input.button {
	padding: 5px 10px !important;
	background: #03C !important;
	color: #FFFFFF !important;
	border: none !important;
}

.gform_wrapper .gform_footer {
	padding: 0 !important;
	margin: 16px 0 0 0;
}