@charset "utf-8";
/* CSS Document */

body 
{
		font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #000;
		background:#fcfbfb;
			
}

/************************* BROWSER RESET ********************/
html, body, div, span, applet, object, iframe, blockquote, pre, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, b, u, i, center, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;

}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display: block;
}

/************** FORM INPUT *****************************/
form input, form textarea
{
		max-width:100%;
}


/********************** IMAGE CLASSESSS ******************************/
.float_left
{
		float:left;
		margin:10px;
		border:1px solid #f6f5f5;
		border-radius:8px;

}

img
{
		border:0;
		max-width:100%;
		height:auto;
}


/*********************MAIN  CONTAINER ***************************/
#container 
{
		width:98%;
		max-width:1366px;
		margin: 0 auto;
		
}

/************************* MAIN CONTENT ***************************/
#main-content
{
		float:left;
		width:100%;
		margin:0 0 10px 0;
		
			
}


/********************* HEADER CONTAINER *************************/
#header-container
{
		float:left;			
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		border-bottom:5px solid #C90;
		background:#ececec;
		color:#fcdc08;
}


/***************** HEADER WRAPPER **********************/
#header-wrapper
{
		width:98%;
		max-width:1366px;
		margin: 0 auto;
}


/***************** LOGO *************************/
#logo
{
		float:left;
		width:24%;
		margin:10px 0 10px 10px;
		
		
}

#logo p
{
		
		margin:0;
}

/******************* PHONE NUMBERS **************/
#phone-number
{
		float:right;
		width:30%;
		margin:70px 10px 0 10px;
	
		

}

#phone-number a
{
		color:#000;
		text-decoration:none;
}

#phone-number p
{
		font-size:25px;
		font-weight:bold;
		margin:0 0 10px 0;
		text-shadow: 2px 1px 2px #000;
}

p.phone
{
		background-image:url(../images/ph-icon.png);
		background-repeat:no-repeat;
		height:53px;
		padding-left:60px;

}

p.mobile
{
		background-image:url(../images/mob-icon.png);
		background-repeat:no-repeat;
		height:49px;
		padding-left:60px;
}

p.fax
{
		background-image:url(../images/fax-icon.png);
		background-repeat:no-repeat;
		height:50px;
		padding-left:60px;
}



/********************* TOP NAVIGATION ****************************/
#top-nav
{
		float:left;
		width:98%;
		height:auto;
		margin:10px 0 0 10px;
	
	
}

/****************** NAVIGATION LIST********************/
#nav-list
{
		width:90%;
		margin:0 0 0 100px;	
}



/************************ BANNER CONTAINER *****************/
#banner-container
{
		float:left;
		width:100%;
		height:auto;
		margin:20px 0 0 0;
		padding:0;
			
		
}


/************************ STATIC BANNER*****************/
#static-banner
{
		float:left;
		width:98%;
		height:auto;
		margin:10px 0 0 15px;	
}


/*******************************CONTENT **********/
#content 
{
		
		width:98%;
		float:left;
		margin:10px 0 0 10px;
		padding:0;
	

		
}

#content h1
{
	
		color:#5d5c5c;
		margin:0;
		margin-bottom:3%;
		padding-left:10px;
}


#content h2
{
	
		color:#333;
		margin:0;
		text-align:center;
		font-size:20px;
}

#content p
{
		text-align:justify;
		line-height:190%;
		padding:0 1% 0 1%;
}

ul.stone-list
{
		text-align:justify;
		line-height:190%;
		list-style-image: url(../images/bullets.png);
	
}



/*********************************** LEFT CONTENT **********/
#left-content 
{
		
		width:62%;
		float:left;
		margin:1% 10px 0 0;
		padding:0;

		
}

#left-content h1
{
	
		color:#5d5c5c;
		margin:0;
		margin-bottom:3%;
		padding-left:10px;
		text-shadow: 2px 1px 2px #666;
}


#left-content h2
{
	
		color:#333;
		margin:0;
		text-align:center;
		font-size:20px;
}

#left-content p
{
		text-align:justify;
		line-height:190%;
		padding:0 1% 0 1%;
}

#left-content ul
{
		text-align:justify;
		line-height:190%;
		list-style-image: url(../images/bullets.png);
	
}


/*************************** RIGHT CONTENT ***************************/
#right-content
{
		float:left;
		width:35%;
		height:auto;
		margin:2% 0 2% 0;
}




#right-content a
{
		color:#C0C;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
}

#right-content a:hover
{
		color:#000;
}


#right-content h2
{
		text-align:center;
		color:#333;
}


.r-heading
{
		float:left;
		width:100%;
		margin:10px 0 20px 0;
		border:5px solid #2f2e2e;
		border-radius:8px;
	    background:#faf704;
		background: -webkit-linear-gradient( #faf704, #f7f6af); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#faf704, #f7f6af); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#faf704, #f7f6af); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#faf704, #f7f6af); /* Standard syntax */
}
	
/***************** CONTACT PAGE **************************/
#contact-form
{
		float:left;
		width:98%;
		margin:10px 0 10px 10px;
		padding-top:10px;
		background:#171717;
		border-radius:8px;
		background: -webkit-linear-gradient( #171717, #595858); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#171717, #595858); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#171717, #595858); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#171717, #595858); /* Standard syntax */
}

#contact-form label.contact
{
		display:block;
		width:25%;
		float:left;
		font-size:18px;
		color:#FFF;
		font-weight:bold;
		margin-left:20px;
		margin-top:10px;		
}

#contact-form input.con-input
{		width:40%;
		height:30px;
		border-radius:8px;
}

#contact-form textarea
{		width:40%;
		height:100px;
		border-radius:8px;
		margin-top:10px;
		
}


#contact-form .button input
{
		background:#000;
		font-size:16px;
		color:#FFF;
		font-weight:bold;
		border-radius:8px;
		height:30px;
		width:10%;
		margin-bottom:20px;
		margin-left:350px;
		
		
}


/********************************* FOOTER *****************************/
#footer-content
{
		float:left;
		padding:0;
		width:100%;
		margin:0;
	  	background: url(../images/headerbg.jpg);
}

#footer-wrapper
{
		width:98%;
		max-width:1366px;
		margin: 0 auto;
}

#footer-content h3
{
		color: #000;
		padding-left:2%;
		font-size:20px;
}


#footer-content p
{
		
		color: #000;
		font-weight:bold;
		margin:0 0 10px 0;
}


#footer-content a
{
			color:#000;
			text-decoration:none;
}


#footer-content a:hover
{
		color:#C90;
		text-decoration:underline;
}


/****************** CONTACT INFO *********************/
#contact-info
{
		float:left;
		width:36%;
		margin:1% 1% 1.5% 1%;		
}



/****************** CONTACT NUMBERS *********************/
#contact-numbers
{
		float:left;
		width:36%;
		margin:1% 1% 1.5% 1%;		
}

p.b-phone
{
		background-image:url(../images/b-ph-icon.png);
		background-repeat:no-repeat;
		height:36px;
		padding-left:60px;
}

p.b-mobile
{
		background-image:url(../images/b-mobile-icon.png);
		background-repeat:no-repeat;
		height:50px;
		padding-left:60px;
}

p.b-fax
{
		background-image:url(../images/b-fax-icon.png);
		background-repeat:no-repeat;
		height:44px;
		padding-left:60px;
}



/***************** SOCIAL MEDIA *************************/
#social-media
{
		float:left;
		width:20%;
		margin:1% 1% 1.5% 1%;
		
}

.social-boxes
{
		float:left;
		width:13%;
		margin:10px 0 10px 5px;

}

/******************** FOOTER LINKS *****************/
#footer-links
{
		float:left;
		width:100%;
		margin:0;
	
				
			
}

#footer-content #footer-links p
{
		
		color:#000;
		font-size:10px;
		padding-left:10px;
		padding-top:10px;
}

/********* MEDIA QUERIES  768px.*********************/
@media only screen and (max-width: 768px) 
{

#phone-number p
{
		font-size:18px;
		font-weight:bold;
		margin:0 0 10px 0;
}


/*********************************** LEFT CONTENT **********/
#left-content 
{
		
		width:65%;
		float:left;
		margin:1% 10px 0 0;
		padding:0;
		
}

/*********************************** LEFT CONTENT **********/
#right-content 
{
		
		width:30%;
		float:left;
		margin:1% 0 0 0;
		padding:0;
		
}

/****************** NAVIGATION LIST********************/
#nav-list
{
		width:90%;
		margin:10px 0 0 10px;	
}


}