/****************************** General Styles ******************************/

@import "css/reset.css";
@import "css/menu.css";
@import "css/shortcode.css";


body {
	color: #333333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.7em;
	background: #F5F5F5;
}

.fl {float: left;}
.fr {float: right;}

a {
	text-decoration: none;
	color: #8bb026;
}

a:hover {text-decoration:none; color:#59701b}

h1, h2, h3, h4, h5, h6
{
	color: #666;
	letter-spacing: 1px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:1.4 em;
}

h1{font-size: 32px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}


p {
	line-height: 1.5em;
	margin: 15px 0;
}

div.sepContainer {
	height: 20px;
	width:940px;
	background: url('images/sepBg.png');
	margin: 20px 0 15px;
}

div.sepContainerBlog {
	height: 20px;
	width:610px;
	background: url('images/sepBgBlog.png');
	margin: 0px 30px 30px 30px;
}

	div.blankSeparator {
	height: 1px;
	margin-bottom: 30px;
	display: block;
}
	div.blankSeparatorTall {
	height: 1px;
	margin-bottom: 50px;
	display: block;
}

hr {
	border-left: none;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;
	margin: 0;
}

.clear{ clear:both}

	.button{
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
	}

	pre,code {
		background: none repeat scroll 0 0 #EEEEEE;
		border: 1px solid #D8D8D8;
		clear: both;
		display: block;
		font-size: 12px;
		line-height: 19px;
		margin: 10px 0;
		padding: 5px 15px;
	}
	pre, code {
		font-family: Courier New,monospace;
		margin-bottom: 10px;
		word-wrap: break-word;
	}

.entry{	text-shadow: 0 1px 1px #FFFFFF;}

.entry ul li, .sidebar ul li, div#footerContainer ul li {
	background: url('images/ico-arrow.gif') center left no-repeat;
	padding:5px 0 5px 23px
	}
	
	.checklist ul li {
    background: url("images/checklist.png") no-repeat scroll 0 7px transparent !important;
    padding-top: 5px;
		}
		
		.arrowlist ul li {
				background: url("images/arrow.png") no-repeat scroll 5px transparent;
				color: #666666;
			}
			
			.bullet ul li {
			background: url("images/bullet.png") no-repeat scroll 0 12px transparent !important;
			padding-top: 5px;
		}

		
	.entry ul, .sidebar ul{
		margin-bottom:15px;
	}
	
		.entry ol li, .sidebar ol li {
			list-style:decimal inside ;
			font-size:12px;
			padding:3px 0 3px 5px;
			}
		
		.entry p, .sidebar p{
				letter-spacing:0.1px;
				line-height: 1.5em;
				margin: 15px 0;
			}
			
			.tipsy {  font-size: 10px;  background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
			  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
			  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
			  .tipsy-north { background-position: top center; }
			  .tipsy-south { background-position: bottom center; }
			  .tipsy-east { background-position: right center; }
			  .tipsy-west { background-position: left center; }

			
/*-----------------BLOCKQUOTE  STYLE-----------------*/

blockquote {
background:url("images/quote-start.png") no-repeat scroll left top transparent;
margin:10px 0 15px;
min-height: 50px;
font-style: italic;
font-family: Georgia,"Times New Roman",Times,serif;
color:#666;

}

	blockquote, blockquote p {
	font-size:16px;
	font-style:italic;
	line-height:1.3em;
	margin:20px;
	}

		blockquote p, .entry blockquote p {
		background:url("images/quote-end.png") no-repeat scroll right bottom transparent;
		padding:5px 25px 0;
		text-indent:2em;
		}

/*-----------------INPUT  STYLE-----------------*/

input[type=text], input[type=password], select
{
	background: #e7e7e7;
	border:1px solid #999;
	padding: 7px 5px 7px 5px;
	font-size: 12px;
	margin: 0;
	font-family: Helvetica, Arial,Verdana,sans-serif;
	color: #666;
	border: 1px solid #ddd;
}

input[type=text].blur
{
	color: #fff;
}

textarea
{
	border: 0;
	background: #e7e7e7;
	border: 1px solid #ddd;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	color: #666;
	margin: 0;
	height: 200px;
	overflow: auto;
	font-family: Helvetica, Arial,Verdana,sans-serif;
}

input[type=submit], input[type=button], a.button, a.comment-reply-link
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	padding: .70em 1.3em .70em 1.3em;
	border: solid 1px #e1e1e1;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ffffff,  #ebebeb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb');
}

a.comment-reply-link
{
	margin-top:10px;
}

a.button
{
	padding-top:8px;
}

input[type=submit].medium, input[type=button].medium, a.button.medium
{
	font: 16px/100% Arial, Helvetica, sans-serif;
}

input[type=submit].large, input[type=button].large, a.button.large
{
	font: 20px/100% Arial, Helvetica, sans-serif;
}

input[type=submit]:active, input[type=button]:active, a.button:active
{
	position: relative;
	top: 1px;
	left: 1px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
	background: -moz-linear-gradient(top,  #cccccc,  #ffffff);
}
p.message-error{ padding: 10px; color:red; background: #FFF18B; }
	p.message-success{ padding: 10px; background: #82B16E;  }



/*----------------- STRUCTURE STYLE -----------------*/
div.centerContainer {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

	div.oneThirdCol {
		width: 285px;
		margin-right: 50px;
		float: left;
	}
	
		.lastCol {
			margin-right: 0 !important;
		}
		
			div#topContainer{
				height:113px;
				background-color: #000000;
				background-image:url('images/header_bg.png');
				background-position:center 0;
				background-repeat:no-repeat;
				border-bottom:3px solid #8bb026
			
			}
			
				.logo {
					margin: 5px 0px 0px 35px;
				}
				.toggleButton{ position:relative;  top:10px; z-index:9999; cursor:pointer;
					-moz-box-shadow:0 1px 4px #999;
					-webkit-box-shadow:0 1px 4px #999;
}

	
/*----------------- SLIDER SECTION  -----------------*/
div#sliderContainer{
	height:363px;
	background-color:#000000;
	border-bottom:3px solid #8bb026;

}

	div#mainSlider{
		width:960px;
		height:403px;
		background-image:url(images/bg-home-slider.png);
		background-position:center bottom;
		background-repeat:no-repeat;

	}
	
	
/*----------------- SERVICES BOXES  -----------------*/

div#serviceContainer{
	margin-top:37px
	}
	
	div.serviceBox{
		width:300px;
	}
	
	div.serviceBox img.alignleft, div.serviceBox div.alignleft, img.ns {
		border:none !important;
		box-shadow:none !important;
		border-radius:0 !important;
		-moz-box-shadow:none !important; 
		-webkit-box-shadow:none !important;
		-moz-border-radius: 0 !important; 
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
	}
	
	div.serviceBoxTop {
		background: url("images/servicesBoxTop.png");
		height: 8px;
		width: 300px;
	}
	div.serviceBoxBottom {
		background: url("images/servicesBoxBottom.png");
		height: 18px;
		width: 300px;
	}

	
		div.serviceBoxMiddle{
			width:260px;
			min-height:340px;
			padding:10px 20px 15px 20px;
			background:url("images/servicesBoxMiddle.png") repeat-y;
		}
			
		
			
				div.serviceB, div.serviceC {
					margin-left:30px;
				}
				
				img.serviceImg{
					margin:0 10px 8px 0;
				}
				
				div.serviceBoxContent h2{
					text-align:center;
					padding-top:5px;

					}
					
					div.serviceBoxContent p{
						clear:left;
					}
					

/*----------------- CENTER SECTION  -----------------*/	

	div#fullWidthContainer {
		width: 960px;
		margin-right: 20px;
	}

		div#leftContainer {
			width: 680px;
			margin-right: 20px;
		}
	
		div#rightContainer {
			border-left:1px solid #ddd;
			width: 230px;
			padding-left: 25px;
			}
			
			div#leftSidebar {
				width: 230px;
				margin-right: 20px;
				}
				
				div#rightContainerLeftSidebar {
				border-left:1px solid #ddd;
				width: 680px;
				padding-left: 25px;
				}


/*----------------- SIDEBAR SECTION   -----------------*/

h2.widgettitle{ font-size:18px; text-align:center;

background: url("images/bgheading.png") no-repeat scroll center bottom transparent;
    padding-bottom: 20px;
}


	
/*----------------- FOOTER -----------------*/	
div#footerContainer {
	background-image:url('images/header_bg.png');
	background-position:center 0;
	background-repeat:no-repeat;
	background-color: #45474d;
	padding: 20px 0;
	border-top:3px solid #8bb026;
	color:#fff;
}

	div#footerContainer a {
		color:#8bb026;
		 }
		 
	div#footerContainer h3 {
		color:#ffffff;
		 }
		 

			div#footerCopyrightContainer {
				font-style: italic;
				font-family: Georgia,"Times New Roman",Times,serif;
				background-color:#3b3d42;
				padding: 10px 0;
				border-top:	1px solid #8bb026;
				color:#fff;
			}

				div#footerCopyrightContainer ul {
					margin-top: 12px;
					width:200px;
					text-align:right;
				
				}
				
					div#footerCopyrightContainer ul li {
						display: inline;
						padding-right: 5px;
					}
				
/*----------------- PAGE/POST STYLE -----------------*/
	

div#headerPage{
	height:100px;
	background-color:#fff;
	border-bottom:1px solid #8bb026;
	position:relative;
	margin-bottom:20px;

}
div#headerPage h1{ text-transform:uppercase}

	div#headerPage .centerContainer {
		padding: 35px 0;
	}



/*--------------- BLOG POST STYLING ----------------------*/

li.homepost {
	list-style-type:none;
	overflow:hidden;
	margin:0;
	padding: 0 0 10px 0;
	list-style-type:none;

}

	.comments {
		float:right;
		font-size:8pt;
		width:36px;
		height:28px;
		margin:0 2px 5px 5px;
		padding:0;
		background:url("images/comments.png") no-repeat scroll left top transparent;
		text-align:center;
	
	}
		.entry .comments a{
			font-size:13px !important;
			color:#fff;
			position:relative;
		}
		
			div#post_list_img img{
			-moz-box-shadow:0 1px 4px #999;
			-webkit-box-shadow:0 1px 4px #999;
			 border:1px solid #ccc;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			-khtml-border-radius: 6px;
			 margin:0 0 20px 5px;
			}
			
				.read_more_posts{
					margin-top:20px;
					margin-bottom:20px;
				}
					.widget_search .screen-reader-text {
						display:none;
					}
					.widget_search #s {
						width:120px;
					}
					
					.widget{margin-bottom:10px}
	
/*--------------- BLOG COMMENTS STYLING ----------------------*/
	
.comment .left img.avatar
{
	width: 50px;
}

	.comment
	{
		width: 545px;
		margin-bottom: 20px;
		margin-left: 25px;
		padding-bottom: 20px;
		float: left;
	}
		
		.comment .left
		{
			width: 80px;
			float: left;
		}
		
			.comment .right
			{
				width: 65%;
				float: left;
			}
			
				.comment .right p
				{
					margin: 0;
					padding: 0;
				}
				
						ul.children
						{
							list-style: none;
							margin: -10px 0 30px 0;
							padding: 5px 20px 10px 20px;
							float: right;
							width: 75%;
							border-top: 1px solid #ebebeb;
							border-bottom: 1px solid #ebebeb;
				
						}
						
								ul.children .comment
								{
									width: 100%;
									margin: 0;
									padding: 20px 0 10px 15px;
									float: left;
								}
										#cancel-comment-reply-link
										{
											float: right;
											display: block;
											margin: 7px 0 0 10px;	
										}



/*-----------------SINGLE POST-----------------*/
	
.author-info {
	float: left;
	width: 573px;
	padding: 10px;
	background:#ffffff url(images/background-comments.html) repeat-x;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}

	.author-info h3 {
		margin-bottom: 10px;
	}

		.author-photo {
			float: right;
			margin:  0 0 0 10px;
			background-color: #ffffff;
		}

		.author-photo img {
			border:1px solid #dedede;
		}
		
		p.post_date {
				color:#666;
				font-size:11px !important;
				font-weight:normal;
				letter-spacing:1px;
				text-transform:uppercase;
				margin-bottom:30px;
				margin-top:0px;
				background-color:#e7e7e7;
				border:1px solid #DDDDDD;
				padding:8px;
				letter-spacing:2px !important;
		
		}
			p.post_date a{
				font-size:10px !important;
				
			}
			
			p.post_date_archive {
				color:#666;
				letter-spacing:1px;
				text-transform:uppercase;
				font-size:11px !important;
				font-weight:normal;
				margin-bottom:20px;
				background-color:#e7e7e7;
				border:1px solid #DDDDDD;
				padding:8px;
				letter-spacing:2px !important;
			
			}

				p.post_date_archive a{
					font-size:10px !important;
				}
					#about_the_author
					{
						width: 94%;
						float: left;
						padding: 5px 20px 10px 20px;
					}
					
							
								#about_the_author .thumb
								{
									width: 80px;
									float: left;
									margin: 0 0 0 0;
								}
								
									#about_the_author .thumb img
									{
										width: 50px;
									}
									
										#about_the_author .description
										{
											width: 430px;
											float: left;
											padding: 0 0 20px 0;	
										}
										
										
										
										
/* -------------PORFOLIO ----------------------*/

.portfolioCategs {
	float:left;
}
	.portfolioCategs li {
		float:left;
		margin-right:5px;
	}
	
			div#fullWidthContainer .portfolioItem {
				float:left;
				padding:0 0 30px;
				margin-bottom:10px;
				margin-right:30px;
				overflow:hidden;
				width:290px;
			}
			
				div#leftContainer .portfolioItem {
					float:left;
					padding:0 0 30px;
					margin-bottom:10px;
					margin-left:40px;
					overflow:hidden;
					width:290px;
				}
				
				div#leftContainerOneColumn .portfolioItem {
					padding:0 0 30px;
					margin-bottom:10px;
					overflow:hidden;
					width:680px;
				}
			
					
					.portfolioItem img{
						background:none repeat scroll 0 0 #F5F5F5;
						border:1px solid #FFFFFF;
						height:151px;
						left:1px;
						padding:4px;
						position:absolute;
						top:9px;
						width:276px;
					}
					
					div#leftContainerOneColumn .portfolioItem img{
						background:none repeat scroll 0 0 #F5F5F5;
						border:1px solid #FFFFFF;
						height:228px;
						left:1px;
						padding:4px;
						position:absolute;
						top:9px;
						width:585px;
					}
					
						
						.portfolio_img_holder {
							background:url("images/portfolio_frame.gif") no-repeat scroll 0 -5px transparent;
							display:block;
							height:180px;
							position:relative;
							width:288px;
						}
						
						div#leftContainerOneColumn .portfolio_img_holder {
							background:url("images/portfolio_frame_oc.gif") no-repeat scroll 0 -5px transparent;
							display:block;
							height:270px;
							position:relative;
							width:599px;
							margin-left:40px;
						}
						
						.zoom-icon { display: block; width: 64px; height: 64px; position: absolute; top:60px;  }
						.zoom-icon { left: 118px; background: url(images/zoom-icon.png) no-repeat; }
						
						.zoom-icon-external { display: block; width: 64px; height: 64px; position: absolute; top:60px; left: 118px; background: url(images/zoom-icon-external.png) no-repeat;  }
						
						.zoom-icon-video { display: block; width: 64px; height: 64px; position: absolute; top:60px; left: 118px; background: url(images/zoom-icon-video.png) no-repeat;  }
						
						
						div#leftContainerOneColumn .zoom-icon { display: block; width: 64px; height: 64px; position: absolute; top:80px;  }
						div#leftContainerOneColumn .zoom-icon { left: 310px; background: url(images/zoom-icon.png) no-repeat; }
						
						div#leftContainerOneColumn .zoom-icon-external { display: block; width: 64px; height: 64px; position: absolute; top:80px; left: 310px; background: url(images/zoom-icon-external.png) no-repeat;  }
						
						div#leftContainerOneColumn .zoom-icon-video { display: block; width: 64px; height: 64px; position: absolute; top:80px; left: 310px; background: url(images/zoom-icon-video.png) no-repeat;  }
						
						.homepost .zoom-icon { display: block; width: 64px; height: 64px; position: absolute; top:80px;  }
						.homepost .zoom-icon { left: 310px; background: url(images/zoom-icon.png) no-repeat; }
						
						.homepost .zoom-icon-video { display: block; width: 64px; height: 64px; position: absolute; top:80px; left: 310px; background: url(images/zoom-icon-video.png) no-repeat;  }
						
						

	




			
/*----------------- Other Browser Styles -----------------**/

.ie7 ul#nav li a:hover {
	text-decoration: none;
}

.ie7 ul#nav {
	margin:0px 0 5px 0px ;
}

.ie7 ul#nav li.active {
	position:relative;
	top:5px;
}







/*----- OTHER GENERAL STYLE -----*/

/*----- TWITTER STYLE------*/

ul.twitter li{
	background: url('images/social/twitter_icon.png') center left no-repeat !important;
	padding:5px 0 5px 43px !important;
	
}
	ul.twitter li a { font-size:10px; font-style:italic}


/*----- FLICKR STYLE-----*/

ul.flickr_badge_image li img {
	-moz-box-shadow:0 1px 4px #191919;
	-webkit-box-shadow:0 1px 4px #191919;
	border:1px solid #4A4646;
	margin:0 15px 15px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.sidebar ul.flickr_badge_image{margin-left:30px}

	ul.flickr_badge_image li{
	float:left;
	background:none !important;
	padding:0px !important;
	}



/*-----------RECENT POST SECTION ------*/
	
	li.Ocram_Recent_Posts ul li{
		background:none ;
		padding:0px ;
		min-height:80px;
	}
	
		li.Ocram_Recent_Posts #small_images{
		float: left;
		height: 60px;
		margin-right: 12px;
		-moz-box-shadow:0 1px 4px #191919;
		-webkit-box-shadow:0 1px 4px #191919;
		border:1px solid #4A4646;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;

		}
		
		.header{display:block;}

/*-----------------WP IMAGES-----------------*/
img.alignright, div.alignright {float:right; margin:0 0 1em 1em;-moz-box-shadow:0 1px 4px #999; -webkit-box-shadow:0 1px 4px #999; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;}
img.alignleft, div.alignleft {float:left; margin:0 1em .5em .3em; -moz-box-shadow:0 1px 4px #999; -webkit-box-shadow:0 1px 4px #999; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;}
img.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto; -moz-box-shadow:0 1px 4px #999; -webkit-box-shadow:0 1px 4px #999; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;}
a img.alignright {float:right; margin:0 0 .5em 1em; -moz-box-shadow:0 1px 4px #999; -webkit-box-shadow:0 1px 4px #999; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;}
a img.alignleft {float:left; margin:0 1em 1em 0; -moz-box-shadow:0 1px 4px #999; -webkit-box-shadow:0 1px 4px #999; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; -moz-box-shadow:0 1px 4px #999; -webkit-box-shadow:0 1px 4px #999; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-khtml-border-radius: 6px;}


/*-----------------WP CALENDAR-----------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }

/*-----------------CODE-----------------*/
	code {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #D8D8D8;
	clear:both;
	display:block;
	font-size:12px;
	line-height:19px;
	margin:10px 0;
	padding:5px 15px;
	}

/*PAGINATION */

.emm-paginate {
	clear:both;
	overflow:hidden;
	padding:10px 0;
}

	.emm-paginate .emm-title {
		color:#555555;
		margin-right:4px;
	}
		.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {
			border:1px solid #ccc;
			color:#FFFFFF;
			margin-right:5px;
			padding:4px 8px;
			background:none repeat scroll 0 0 #ccc;
		}
		
			.emm-paginate a {
				border:1px solid #DDDDDD;
				color:#666666;
				margin-right:5px;
				padding:4px 8px;
				text-align:center;
				text-decoration:none;
			}
			
			
/*TABULAR DATA */
.entry table {
font-size:12px;
margin:0 0 20px;
text-align:left;
width:100%;
}
		table {
		border-collapse:collapse;
		border-spacing:0;
		}
		
			.entry table th {
			background:none repeat scroll 0 0 #E9E9E9;
			border-bottom:1px solid #CCCCCC;
			border-top:1px solid #CCCCCC;
			color:#000000;
			font-size:13px;
			font-weight:700;
			padding:8px;
			text-shadow:0 1px 1px #FFFFFF;
			}
			
				.entry table td {
				border-bottom:1px solid #EEEEEE;
				border-top:1px solid transparent;
				color:#333;
				padding:8px;
				}
				
					caption, th {
					text-align:left;
					}