/*
	ResumeSelect
	Website Designed by JH Graphics - 11/13 | Artist: JoEllen Harshman | http://www.jhgraphics.com
*/

/* IMPORT FONTS
................................................. */ 
@import url(http://fonts.googleapis.com/css?family=Crete+Round:400,400italic);


/* STRUCTURE
................................................. */ 
* 									{ margin: 0; } 
html, body 							{ height: 100%; width: 100%; margin: auto; }
body								{ background: #ffffff url(images/bkgd-interior.png) repeat-x center top; }
body.home							{ background: #ffffff url(images/bkgd.png) repeat-x center top; }
#container							{ width: 956px; margin:0 auto; padding:0;
									  background: url(images/papers-interior.png) no-repeat center top; }
body.home #container				{ background: url(images/papers.png) no-repeat center top; }

#header								{ height:142px; margin:0 auto; padding:0; }
#h-logo								{ float:left; width: 430px; margin: 15px 0 0 48px; }
#h-contact							{ float:left; width: 426px; margin: 60px 52px 0 0; text-align:right; }	


/* NAVIGATION
................................................. */ 
#nav								{ height:50px; margin:0 auto; padding:0;
									  background: url(images/nav-bkgd.png) no-repeat center top; }
body.home #myslidemenu a.home,
body.services #myslidemenu a.services,
body.about #myslidemenu a.about,
body.samples #myslidemenu a.samples,
body.contact #myslidemenu a.contact		{ color:#fff; background:#8c34a2; cursor:default; outline: none; }


/* TEXT
................................................. */ 
body								{ font-family: Tahoma, sans-serif; color: #2e2e2e; }

a, a:visited						{ color: #752b88; text-decoration: underline; outline: none; }
a:hover								{ color: #9536ad; text-decoration: underline; outline: none; }

p 									{ font-size:15px; line-height:22px; margin-bottom:15px; padding:0; }
p a, p a:visited					{ color: #752b88; text-decoration: underline; outline: none; }
p a:hover							{ color: #9536ad; text-decoration: underline; outline: none; }

h1 									{ font: 28px/30px 'Crete Round', serif; color:#752b88; margin:0; padding:0; } 
h1 a, h1 a:visited					{ color: #752b88; text-decoration: none; outline: none; }
h1 a:hover							{ color: #9536ad; text-decoration: none; outline: none; }
     
h2									{ font: 23px/26px 'Crete Round', serif; color:#8c34a2; margin:0; padding:0; }
h2 a, h2 a:visited					{ color: #8c34a2; text-decoration: none; outline: none; }
h2 a:hover							{ color: #9536ad; text-decoration: none; outline: none; }
     
h3						 			{ font: 21px 'Crete Round', serif; line-height:22px; color:#5b84a6; margin:0; padding:0;
									  border-bottom:2px dotted #a5c225; }
h3 a, h3 a:visited					{ color: #999; text-decoration: none; outline: none; }
h3 a:hover							{ color: #666; text-decoration: none; outline: none; }
     
h4					 				{ font-size:18px/26px; line-height:20px; color:#000; margin:0; padding:0; }
h4 a, h4 a:visited					{ color: #999; text-decoration: none; outline: none; }
h4 a:hover							{ color: #666; text-decoration: none; outline: none; }
     
h5					 				{ font-size:16px; line-height:18px; color:#000; margin:0; padding:0; }
h5 a, h5 a:visited					{ color: #999; text-decoration: none; outline: none; }
h5 a:hover							{ color: #666; text-decoration: none; outline: none; }

h6					 				{ font-size:13px; line-height:15px; color:#000; margin:0; padding:0; }
h6 a, h6 a:visited					{ color: #999; text-decoration: none; outline: none; }
h6 a:hover							{ color: #666; text-decoration: none; outline: none; }

ul li p								{ line-height:24px; margin:0; }
     

/* PAGE ELEMENTS
................................................. */ 
#banner								{ width: 956px; height: 114px; /*height:209px*/ margin:0 auto; padding:95px 0 0 300px; text-align:center; 
									  background: url(images/ResumeSelect-Resume-Cover-Letter-Biography-LinkedIn.png) no-repeat left top;
									  font-family: 'Crete Round', serif; color:#752b88; }
.b-lg								{ font-size:40px; }	
.b-md								{ font-size:20px; line-height:22px; font-style:italic; }
.b-sm								{ font-size:18px; font-style:italic; }
#banner-bt							{ width: 956px; height: 29px; margin-bottom:10px; padding:0;
									  background: url(images/h-banner-shadow.png) no-repeat center top; }

#col2-lf							{ float:left; width: 605px; margin-right: 30px; }
#col1-rt							{ float:left; width: 321px; }

#col1-lf							{ float:left; width: 291px; margin-right: 30px; }
#col2-rt							{ float:left; width: 635px; }

.testimonial						{ color:#6c4b75; border-top:1px solid #cfb4d6; border-bottom:1px solid #cfb4d6;
									  padding: 10px 0 10px 0; }
.testimonial-home					{ color:#6c4b75; }
.but-spacing						{ margin:17px 0 17px 0; }

.sample, .sample1					{ float:left; font-size:13px; margin-bottom:10px; }
.sample img, .sample1 img			{ border:3px double #c5cf95; }
.sample a:hover img, 
.sample1 a:hover img				{ border:3px solid #c5cf95; }
.sample1							{ margin-right:20px; }
		  
.clear								{ clear:both; }


/* NEW FORM
................................................. */ 

.form-container {
	width: 500px;
}

#form_status span{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	background: #E74C3C;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 10px 0px;
	border-radius: 3px;
	margin-bottom: 18px;
}
#form_status span.loading{
	color: #333;
	background: #eee;
	border-radius: 3px;
	padding: 18px 0px;
} 
#form_status span.notice{
	color: yellow;
}
#form_status .success{
	color: #fff;
	text-align: center;
	background: #8c3dbd;
	border-radius: 3px;
	padding: 30px 0px;
}
#form_status .success i{
	color: #fff;
	font-size: 45px;
	margin-bottom: 14px;
}
#form_status .success h3{
	color: #fff;
	margin-bottom: 10px;
	border-bottom: 0;
}

.cforms-sty3 label {
	float: left;
	width: 100%;
	color: #5b84a6;
	text-align: left;
	font-size: 15px;
	padding: 0px 0px 7px 0px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}
.cforms-sty3 input {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #ced4b3;
	background: #f0f5d6;
	font-size: 16px;
	outline: none;
}
.cforms-sty3 textarea {
	color: #000;
	float: left;
	width: 100%;
	padding: 9px 12px;
	margin-bottom: 10px;
	border: 1px solid #ced4b3;
	background: #f0f5d6;
	font-size: 16px;
	outline: none;	
}
.cforms-sty3 .button {
	float: left;
	margin-left:187px;
	margin-top: 9px;
	color: #4e0061;
	padding: 5px 20px;
	font-family: 'Crete Round', sans-serif;
	font-size: 20px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.5, #d0fa15),
	color-stop(0.5, #bbde1f)
	);
	background-image: -o-linear-gradient(bottom, #d0fa15 50%, #bbde1f 50%);
	background-image: -moz-linear-gradient(bottom, #d0fa15 50%, #bbde1f 50%);
	background-image: -webkit-linear-gradient(bottom, #d0fa15 50%, #bbde1f 50%);
	background-image: -ms-linear-gradient(bottom, #d0fa15 50%, #bbde1f 50%);
	background-image: linear-gradient(to bottom, #d0fa15 50%, #bbde1f 50%);
	outline: none;
	border: 2px solid #a5c225;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	cursor: pointer;
}
.cforms-sty3 .button:hover {
	border: 2px solid #d0fa15;
}



/* FORM
................................................. */ 

.show											{ display:block; }
.hidden, hr										{ display:none; }

.clearfix:after 								{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 										{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 								{ height: 1%;}
.clearfix 										{ display: block; }
/* End hide from IE-mac */


/* FOOTER
................................................. */ 
.footer-container {
	clear: both; width: 956px; margin:0 auto; padding:0;
	
}

#footer								{ background:#e2e7ca; border-top:1px solid #a5c225; border-bottom:1px solid #a5c225;
									  margin-top:25px; padding:15px 30px; text-align:center; }
#f-lf								{ float:left; width:220px; text-align:left; }
#f-rt								{ float:left; width:676px; text-align:right; }

#footer2							{ margin-top:15px; }
#footer2 p							{ font-size:13px; text-align:center; }