/****************************
	GENERAL INFORMATION
****************************/
html, body, div, li, section, article, table, tr, td, bio_left, .bio_right_outer, .bio_right_inner, .bio_center { margin: 0; padding: 0; }

html {/* background: url(../images/webbackground.jpg) no-repeat center center fixed; background-size: cover;*/ font-family: 'Libre Baskerville', serif; }

#bg { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -999; }
#bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%;}

a { text-decoration: none; color: #FFF; }
a:hover { color: #F00; }

a#telephone { color: #009; }
a#telephone:hover { color: #090; }

.shadow { width: 100%; height: 50px; }

.norightpadding { padding: 0; }

h1 { text-transform: uppercase;}

.contact_mobile { display: none; }

.bio_mobile { display: none; }

/****************************
	HEADER INFORMATION
****************************/
div.header h1 { text-align: center; font-size: 3em; padding: 25px 0 50px 0; }

/****************************
	NAVIGATION
****************************/
div.nav { background: url(../images/square.png);  padding: 0 0 30px 0;  text-align: center; }

div.nav div { font-size: 1.2em; color: #FFF; padding: 0 130px 32px 0; display: inline-block; }

div.nav div:hover { color: #F00; cursor: pointer; }

/****************************
	FOOTER INFORMATION
****************************/
div.nav, div.footer { width: 100%; color: #FFF; line-height: 80px; height: 30px; line-height: 30px; }

div.footer { background: repeat-x url(../images/square_bottom.png); padding: 30px 0 0 0; }

div.footer div { text-align: center; font-size: .8em; }

/****************************
	MAIN CONTENT
****************************/

h1#title { padding: 15px 0; font-size: 1.5em; }
.contact_page, .bio_page, .portfolio_page { margin: 0 auto; width: 100%; height: 400px; background-color: #000; }
.contact_page h2, .bio_page h2 { text-align: center;}
div.pricing, div.contact { background: url(../images/webbackground.jpg) no-repeat; height: 400px; }
div.pricing { float: left; margin: 0 10px 0 20px; width: 30%; padding: 0 10px; }
div.contact { float: right; margin-right: 20px; width: 62%; }

.bio_right_outer, .bio_right_inner { float: right;}
.bio_left, .bio_center { float: left;}
.bio_left, .bio_right_inner, .bio_center { height: 400px; }
.bio_left { background: url(../images/34.jpg) top right no-repeat;}
.bio_right_inner { background: url(../images/18.jpg) top left no-repeat; }
.bio_center {background-image: url(../images/webbackground.jpg); padding: 0 20px; }
.bio_left, .bio_right_inner{ width: 18%; }
.bio_center { width: 75%;}
.bio_right_outer { width: 80%; height: 400px;}

.contact_page, .bio_page { display: none; }

#contact_form { padding: 10px 0 0 0; }
td { vertical-align: top; padding: 5px; }
.underline { text-decoration: underline; }
.click { font-size: .6em; }

table.contact { margin: 0 auto; }

#contract { text-align: center; height: 100%; padding: 0 10px; }
#contract a { color: #009; }
#contract a:hover { color: #090; }

.pricinglist { font-weight: bold; padding: 6px 0 0 0;}

/* ***** CONTACT FORM ***** */
#contact_form { width: 335px; height:370px; padding: 2px; background: #CCC; border: 1px solid #e1e1e1; box-shadow: 0px 0px 8px #444; border-radius: 15px; margin-right: 20px; }

h4 { color: #666; text-transform: uppercase; text-align: center; margin: 0 0 15px 0; text-shadow: 0px 1px 0px #CCC; }

/*label { float: left; clear: left; margin: 0px 10px 0 0; width: 70px; text-align: left; font-size: 12px; color: #666; text-transform: uppercase; text-shadow: 0px 1px 0px #CCC; overflow: hidden; }

fieldset { padding: 10px; }

input { width: 195px; height: 25px; padding: 0 5px; margin: 0 0 10px 0; background: #666; border-radius: 5px; box-shadow: 0px 1px 0px #CCC; font-size: 12px; color: #CCC; text-shadow: 0px -1px 0px #666; overflow: hidden; }

textarea { width: 195px; height: 50px; padding: 5px 5px 0px 5px; margin: 0 0 20px 0; background: #666; border-radius: 5px; box-shadow: 0px 1px 0px #CCC; font-family: sans-serif; font-size: 12px; color: #CCC; text-shadow: 0px -1px 0px #666; overflow: hidden; }

input:focus, textarea:focus { background: #728eaa; }

input[type=submit] { width: 200px; height: 42px; /*float: right; padding: 10px 5px; margin: 0 auto; box-shadow: 0px 0px 5px #999; border: 1px solid #666; cursor: pointer; }*/

@media screen and (orientation:portrait) and (max-width: 721px)  {
	div.header h1 { font-size: 2em; padding: 10px 0 20px 0; }
	div.nav div { margin: 0; padding: 0 10px 0 0; font-size: .9em; }
	div.footer div { font-size: 50%; }
	.contact_non_mobile, .bio_non_mobile { display: none; }
	.pricing, .contact { background: none; width: 100%; padding: 0 auto; margin: 0; }
	.contact_mobile, .bio_mobile { margin: 0 auto; background: url(../images/webbackground.jpg) no-repeat center center fixed; background-size: cover; display: block; height: 100%; }
	.contact_page, .bio_page {height: 100%; background-color: #000;}
	.biography { padding: 10px; text-align: center; }
	div.pricing, div.contact { padding-bottom: 30px; background: none; display: block; }
	.fb-like-box { margin: 0 auto; }

/* ***** CONTACT FORM ***** */
#contact_form { width: 335px; height:370px; padding: 2px; background: #CCC; border: 1px solid #e1e1e1; box-shadow: 0px 0px 8px #444; border-radius: 15px; margin-right: 20px; }
/*#contact_form { margin: 10px auto; padding: 10px; background: #CCC; box-shadow: 0px 0px 8px #444; border-radius: 15px; }*/
}

@media screen and (orientation:landscape) and (max-width: 979px) {
	div.nav div { padding: 5px 40px 25px 0; font-size: 1.1em; display: inline-block; }
	div.header h1 { font-size: 2em; padding: 10px 0 20px 0; }
	div.footer div { font-size: 50%; }
	.contact_non_mobile, .bio_non_mobile { display: none; }
	.pricing, .contact { background: none; width: 100%; padding: 0 auto; margin: 0; }
	.contact_mobile, .bio_mobile { margin: 0 auto; background: url(../images/webbackground.jpg) no-repeat center center fixed; background-size: cover; display: block; height: 100%; }
	.contact_page, .bio_page {height: 100%; background-color: #000;}
	.biography { padding: 10px; text-align: center; }
	div.pricing, div.contact { padding-bottom: 30px; background: none; display: block; }
	.fb-like-box { margin: 0 auto; }

/* ***** CONTACT FORM ***** */
#contact_form { width: 335px; height:370px; padding: 2px; background: #CCC; border: 1px solid #e1e1e1; box-shadow: 0px 0px 8px #444; border-radius: 15px; margin-right: 20px; }
/*#contact_form { margin: 10px auto; padding: 10px; background: #CCC; box-shadow: 0px 0px 8px #444; border-radius: 15px; }*/
}
		
#makeMeScrollable div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0 5px; background-color: #000; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }