/*
Theme Name: Coral HTML CSS Template
Theme URI: http://www.imaginemthemes.com/demo/coral/coral-classic/
Description: Theme Design by iMaginem
Version: 1.0
Author: Mondre'
Author URI: http://www.imaginemthemes.com/

	Coral HTML CSS Template v1.0
	http://www.imaginemthemes.com/demo/coral/coral-classic/

	This theme was designed and built by Mondre,
	you will find him at http://themeforest.net/user/imaginem 
	in Themeforest

*/

/*
begin resets
*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/*
Main Global Layout Settings
*/


*{ padding: 0px; }
body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; }
body{ font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;
font-size: 62.5%; background: #141414;}
a{ outline: none; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

.clear {clear:both;}
.clearlast {clear:both;padding-bottom:35px;}
.clearlastgallery {clear:both;padding-bottom:55px;}
.ienoclear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

.margin4030 {margin-top:40px;margin-bottom:30px;}

hr.squaredots {
	border:0;
	height: 15px;
	background: transparent url(../images/hr-dots.png) no-repeat scroll center;
}

/*
******************************
	Layout
******************************
*/


#fullpage {
	width:1020px; 
	margin:10px auto;
	background:#E6E6E6 url(../images/bg.jpg) repeat;
	}
	
/*
******************************
	Logo
******************************
*/
	
.logo { margin-left:40px; }

/*
******************************
	Menu
******************************
*/

	.menulist-column ul {
		color:#5d5d5d;
		font-size:12px; 
		line-height:1.6;
		list-style:none;
		padding: 0 0 20px 0;
		margin:0 0 20px 0;
		width:200px;
		float:left;
		}
		.menulist-column ul li.menutitle { 
			font-weight:bold;
			border:none;
			font-size:12px;
			color:#E8E8E8;
			}
		.menulist-column ul li { 
			padding:5px 0 2px 0; 
			}
		.menulist-column ul li a{ 
			padding:5px 0 2px 0; 
			border-bottom:1px dotted #5D5D5D;
			}
		.menulist-column ul li a:hover{ 

			border-bottom:1px dotted #A2A2A2;
			}
		.menulist-space-one { padding-left:40px;}
		.menulist-space-two { padding-left:20px;}
		
/*
******************************
	Sidebar
******************************
*/
			
.infobar {
	width:480px; 
	float:left; 
	color:#fff;
	padding:40px 0 0 0;
	}

.infobar .greet { font-size:20px; font-weight:bold; color:#aaaaaa; margin-left:40px; padding-top:41px; padding-bottom:31px;}
.infobar .greet span { color:#c3c3c3; font-size:20px; display:block;}

.infobar h1 { font-size:24px; color:#aaaaaa; margin-left:40px; padding-top:20px; padding-bottom:8px;}
.infobar h1 span { color:#c3c3c3; font-size:24px; display:block;}

.infobar .title { font-size:24px; color:#aaaaaa; margin-left:40px; padding-top:35px; padding-bottom:25px;}
.infobar h2 { font-size:24px; font-weight:normal; color:#aaaaaa; margin-left:40px; padding-top:15px; padding-bottom:5px;}

.infobar h3 { font-size:18px; font-weight:normal; color:#aaaaaa; margin-left:40px; padding-top:15px; padding-bottom:5px;}

.infobar h4 { color:#747474; font-size:14px; margin:20px 0 0 40px; padding:0;text-decoration:none; text-transform:uppercase; }
.infobar h4 a{ color:#747474; font-size:14px; text-decoration:none; text-transform:uppercase; }
.infobar h4 a:hover {text-decoration:none; color:#aaaaaa;}

.infobar p { color:#5d5d5d; font-size:12px; line-height:1.6; margin: 0 40px 0 40px; }
.infobar a { color:#8B8B8B; }
.infobar a:hover { text-decoration:none; color:#e2e2e2; }

.sideimage { margin: 35px 0 0 0; }

.featured img { width:480px; height:400px;}
.welcome { width:460px; height:170px; margin-bottom:10px;}

.aboutphoto { 
		float:right; 
		margin:5px 0 0 10px;
		width:100px;
		height:124px;
		padding:4px;
		border:1px solid #E8E8E8;
	}
	
/*
******************************
	Sidebar Portfolio Grid
******************************
*/	
	
	
.infobar-portfoliogrid {
	margin:0 0 0 40px;
	padding:0;
	list-style-type: none;
}
	.infobar-portfoliogrid li a{
		margin:0;
		padding:0;
	}

	.infobar-portfoliogrid li {
		float:left;
		margin:15px 0 0 0;
		padding:0;
		}
	.infobar-portfoliogrid li img {
		width:50px;
		height:50px;
		padding:4px;
		border:1px solid #000;
		}
	.infobar-portfoliogrid li img:hover {
		border:1px solid #171717;
		}
	.infobar-portfoliogrid .rightspace { padding:0 24px 0 0;}
	
/*
******************************
	Content Area
******************************
*/

.choicebar { 
	width:460px; 
	float:right; 
	color:#111;
	padding:40px 40px 0 40px;
	}
	
/*
******************************
	Top Quotation
******************************
*/
	
.quote { color:#969696; font-size:14px; text-align:center; padding-bottom:55px; font-weight:bold;}
.quote span {display:block; padding-top:5px;}

/*
******************************
	Main Page Accordion
******************************
*/

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em;  }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }


#accordion h3 { 
	width:100%; 
	background:url(../images/choicesep.png) no-repeat 0 17px;
	height:30px;
	text-align:center;
	font-size:16px; padding:6px 0;margin:0;
	}
#accordion h3 a{ color:#6c6c6c; text-decoration:none; }
#accordion h3 a:hover {text-decoration:none; color:#000;}

#accordion p {
font-size:12px; color:#a3a3a3; line-height:1.6;
}
#accordion p a { color:#111;}
#accordion p a:hover { text-decoration:none; color:#000;}

.featuredimage {
	width:400px;
	height:247px;
	margin-bottom:5px;
	}
	
/*
******************************
	Main Page Testimonials
******************************
*/

.testimonials {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align:center;
	background: url('../images/quotation.png') no-repeat;
}
	.testimonials li.say {
		font-size:12px;
		color:#A2A2A2;
		padding: 5px 0 15px 0;
	}
	.testimonials li.say span{
		font-size:10px;
		letter-spacing:1px;
		font-weight:bold;
	}
	.testimonials li.readmore {
	padding-top:10px;
	}
	.testimonials li.readmore a {
		font-family: Arial, Verdana, Tahoma;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:1px;
		font-size:9px;
		color:#464646;
	}
			.testimonials li.readmore a:hover {
			text-decoration:none;
			color:#111;
			}
			
/*
******************************
	Main Page Client Grid
******************************
*/
			
.clientgrid {
	margin:0;
	padding:0;
	list-style-type: none;
}
	.clientgrid li a{
		margin:0;
		padding:0;
	}

	.clientgrid li {
		float:left;
		margin:0 0 15px 0;
		padding:0;
		}
	.clientgrid li img {
		width:50px;
		height:50px;
		padding:5px;
		}
	.clientgrid li img:hover {
		
		}
	.clientgrid .rightspace { padding:0 20px 0 0;}
	
	
/*
******************************
	Service List
******************************
*/

	.servicelist-column ul {
		color:#a3a3a3;
		font-size:12px; 
		line-height:1.6;
		list-style:none;
		padding-bottom:20px;
		padding-right:10px;
		margin:0;
		width:220px;
		float:left;
		}
		.servicelist-column ul li { 
			background: url('../images/bullets/yes.png') no-repeat 0 3px;
			padding:5px 0 0 25px;
			}
			
	.starlist ul {
		list-style-position:inside;
		list-style-image: url('../images/star.gif');
		
		padding-bottom:20px;
		}
		.starlist ul li { 
			padding-top:5px;
			}

/*
******************************
	Portfolio Grid
******************************
*/			
			
.portfoliogrid {
	margin:0;
	padding:0;
	list-style-type: none;
}
	.portfoliogrid li a{
		margin:0;
		padding:0;
	}

	.portfoliogrid li {
		float:left;
		margin:0 0 15px 0;
		padding:0;
		}

	.portfoliogrid li img {
		width:50px;
		height:50px;
		padding:4px;
		border:1px solid #E8E8E8;
		}
	.portfoliogrid li img:hover {
		border:1px solid #B9B9B9;
		}
	.portfoliogrid li.blank img:hover {
		border:1px solid #E8E8E8;
		}
	.portfoliogrid .rightspace { padding:0 20px 0 0;}
	
	.portfoliogrid .imageicon {
		background: url(../images/mainpage/works/image.png) no-repeat;
	}
	.portfoliogrid .videoicon {
		background: url(../images/mainpage/works/video.png) no-repeat;
	}
	
	
/*
******************************
	Portfolio Big Grid
******************************
*/	
	
	
.portfolioBigGrid {
	margin:0;
	padding:0;
	list-style-type: none;
}
	.portfolioBigGrid li {
		float:left;
		margin:0 0 15px 0;
		padding:0;
		}
	.portfolioBigGrid li img {
		width:450px;
		height:444px;
		padding:4px;
		border:1px solid #E8E8E8;
		}
	.portfolioBigGrid li img:hover {
		border:1px solid #B9B9B9;
		}
	.portfolioBigGrid .rightspace { margin-right:20px; }
	
	.portfolioBigGrid .imageicon {
		background: url(../images/mainpage/works/image.png) no-repeat 50% 50%;
	}
	.portfolioBigGrid .videoicon {
		background: url(../images/mainpage/works/video.png) no-repeat 50% 50%;
	}
	
/*
******************************
	Portfolio Medium Grid
******************************
*/	

.portfolioMediumGrid {
	margin:0;
	padding:0;
	list-style-type: none;
}
	.portfolioMediumGrid li {
		float:left;
		margin:0 0 15px 0;
		padding:0;
		}
	.portfolioMediumGrid li img {
		width:130px;
		height:130px;
		padding:4px;
		border:1px solid #E8E8E8;
		}
	.portfolioMediumGrid li img:hover {
		border:1px solid #B9B9B9;
		}
	.portfolioMediumGrid .rightspace { margin-right:20px; }
	
	.portfolioMediumGrid .imageicon {
		background: url(../images/mainpage/works/image.png) no-repeat 50% 50%;
	}
	.portfolioMediumGrid .videoicon {
		background: url(../images/mainpage/works/video.png) no-repeat 50% 50%;
	}
	
/*
******************************
	Portfolio Small Grid
******************************
*/	

.portfolioSmallGrid {
	margin:0;
	padding:0;
	list-style-type: none;
}
	.portfolioSmallGrid li {
		float:left;
		margin:0 0 15px 0;
		padding:0;
		}
	.portfolioSmallGrid li img {
		width:100px;
		height:100px;
		padding:4px;
		border:1px solid #E8E8E8;
		}
	.portfolioSmallGrid li img:hover {
		border:1px solid #B9B9B9;
		}
	.portfolioSmallGrid .rightspace { margin-right:6px; }
	
	.portfolioSmallGrid .imageicon {
		background: url(../images/mainpage/works/image.png) no-repeat 50% 50%;
	}
	.portfolioSmallGrid .videoicon {
		background: url(../images/mainpage/works/video.png) no-repeat 50% 50%;
	}
	
	.videodesc { padding:20px; font-size:11px; color:#8B8B8B; line-height:1.6; word-spacing:2px; background:#E8E8E8;}
		.videodesc a { color:#5D5D5D; font-weight:bold; }
		.videodesc a:hover { color:#111; text-decoration:none; }
	

/*
******************************
	Contents Style
******************************
*/

.contents h1 { font-size:24px; color:#515151; padding-top:15px; padding-bottom:15px;}

.contents .portfoliotitle { font-size:24px; color:#515151; padding-top:35px; padding-bottom:25px; text-align:center;}

.contents h3 { color:#6c6c6c; font-size:16px; text-decoration:none; text-transform:uppercase; }
.contents h3 a{ color:#6c6c6c; font-size:16px; text-decoration:none; text-transform:uppercase; }
.contents h3 a:hover {text-decoration:none; color:#000;}

.contents h4 { color:#6c6c6c; font-size:16px; text-decoration:none;}
.contents h4 a{ color:#6c6c6c; font-size:16px; text-decoration:none;}
.contents h4 a:hover {text-decoration:none; color:#000;}

.contents p {
font-size:12px; color:#a3a3a3; line-height:1.6;
}
.contents p a { color:#111;}
.contents p a:hover { text-decoration:none; color:#000;}

.contents .column1 { width:210px; padding-right:20px; float:left;}

.contents .clear {clear:both;}

.contents .endof { margin:0 auto; padding-top:15px; text-align:center; width:460px;}

/*
******************************
	Contents Footer
******************************
*/

.footerwrap {width:1020px; margin:0 auto;}
.footerbar {width:400px;margin:20px 40px 10px 40px; float:left;}
.endbar {width:460px;margin:50px 40px 10px 40px; float:right;}


/*
******************************
	Slideshow Subcat Links
******************************
*/

.portfoliolinks ul {
	margin:0;
	padding:10px 40px;
	background:#111;
	list-style-type: none;
	}
	.portfoliolinks ul li {
		display:inline; font-size:12px; color:#a3a3a3;
	}
	.portfoliolinks ul li.active a{
		color:#fff;
	}
		.portfoliolinks ul li a{
			color:#B3B3B3; font-size:10px; letter-spacing:1px;color:#5D5D5D; padding-top:10px;text-transform:uppercase;
			padding-right:15px;
		}
			.portfoliolinks ul li a:hover{
				color:#fff;
				text-decoration:none;
			}
			

			
/* ****************************
CONTACT STYLES
***************************** */

.contactinfo { width:350px; float:right; padding: 0 0 50px 0;}

.contactmap { color:#111; font-size:11px; padding:0 40px 0 40px;}
	.contactmap a { color:#111; font-size:11px; }

#contactForm { 
	width:550px;
	float:left;
	margin:0;
	padding:0;
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
	font-size:12px;
	color:#a3a3a3;
	}

	.screenReader { left: -9999px; position: absolute; top: -9999px; }
	.thanks {  
	border: 1px dotted #FFECDA;
	margin:50px 50px 50px 0;
	padding:10px;
	background:#FFFFE3;
	width:365px;
	float:left; }

	/*****Forms*****/
	ol.forms { float: right; list-style: none; margin: 0; width: 545px; padding:25px 0 40px 0; list-style-position:inside;}
	ol.forms li { 
		clear: both; 
		float: left; 

		position: relative;

	}
	ol.forms li.inputbar { 
		margin-bottom:20px;
	}
	ol.forms label {
		cursor: pointer;
		display: block;
		float: left;
		width: 100px;
	}
	ol.forms input, ol.forms textarea {
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		border-top: 1px solid #EAEAEA;
		border-left: 1px solid #EAEAEA;
		color:#7d7d7d;
		font: inherit;
		padding: 5px;
		width: 414px;
		font-size: 13px;
		-moz-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border: 5px;
		-webkit-border: 5px;
	}
	ol.forms textarea { height: 200px;}
	ol.forms input:focus, ol.forms textarea:focus { border: 1px solid #D1D1D1; }
	.error {color: #fff; text-shadow: 1px 1px #5D5D5D; }
	ol.forms li .error { 
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
		font-size: 11px;  position:absolute; bottom:10px;  right:0;
		background:#929292; padding: 1px 8px 4px 8px; border:1px solid #fff;
		-moz-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border: 5px;
		-webkit-border: 5px;
		}
	ol.forms li.textarea .error {

	}
	ol.forms li.screenReader { margin-bottom: 0; }
	ol.forms li.buttons button {
		background: #5D5D5D;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size:13px;
		font-weight:bold;
		overflow: hidden;
		padding: 6px 3px 6px 3px;
		width: 100px;
		-moz-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border: 10px;
		-webkit-border: 10px;
		text-shadow: 1px 1px #000;
		font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
	}
		ol.forms li.buttons button:hover { color: #fff; background: #111; }
		ol.forms li.buttons button:active { color: #fff; }
		ol.forms li.buttons, ol.forms li.inline {  width: 460px;  }
		ol.forms li.inline input { width: auto; }
		ol.forms li.inline label { display: inline; float: none;  }


	
	/* -------- Address -------- */
	
	.addressbox { 
		float:right;
		font-size:18px;
		line-height:22px;
		position:relative;
		right:148px; top:40px;
		margin-bottom:100px;
		}
	.addresstitle {
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;margin-left:-5px;
	}
	
	.fulladdress {
		color:#464646;
		font-size:14px;
		margin-bottom:10px; 
	}
	
		.fulladdress ul {
			list-style:none;
		}
			.fulladdress ul li {
			}
			
/*
******************************
	List
******************************
*/

.listsocial ul {
	margin:0;
	padding:0; text-align:center;
	list-style-type: none;
	border-bottom:1px solid #1c1c1c;
	padding-bottom:5px;
	padding-top:20px;
	}
	.listsocial ul li {
		display:inline; font-size:11px; color:#a3a3a3;
	}
		.listsocial ul li a{
			color:#a3a3a3; font-family:Georgia; font-style:italic;
			font-size:21px; padding-right:10px;
		}
			.listsocial ul li a:hover{
				color:#fff;
				text-decoration:none;
			}
			
/* ****************************
	Footer
***************************** */
			
.footer ul {
	margin:0;
	padding:0; text-align:center;
	list-style-type: none;
	padding-top:5px;padding-bottom:40px;
	}
	.footer ul li {
		display:inline; font-size:11px; color:#5D5D5D;
	}
		.footer ul li a{
			color:#a3a3a3;
			font-size:11px; padding-right:10px;
		}
			.footer ul li a:hover{
				color:#fff;
				text-decoration:none;
			}




/*=== End of CSS ===*/