@charset "utf-8";
/* CSS Document - Bouncing Crazy website */
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200);

html, body {
	margin: 0;
	padding: 0px;
	font-family: 'Titillium Web', sans-serif;
	font-weight:normal;
	font-size: 18px;
	color: #93918f;
	background-color:#fff;
}
p {
	font-size:18px;
	text-align:justify;
	line-height:22px;
	margin:0 0 10px 0;
}
br.clearfix {
	clear: both;
}
#container {
	width:960px;
	margin:0px auto;
}

#header {
	height:auto;
	margin:10px 0 5px 0;
}
#header .logo{
	width:260px;
	height:auto;
	float:left;
	margin-right:10px;
}
#header .details{
	width:300px;
	height:auto;
	float:right;
	margin-left:10px;
}
#nav{
	width:100%;
	height:40px;
	margin-top:5px;
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
}
#nav .nav-section {
	float:left;
	height:34px;
	width:auto;
	padding-top:3px;
}
#nav .social {
	float:right;
	width:60px;
	height:24px;
	margin-top:8px;
}
#nav .social img.fb{ 
	margin-right:12px;
}
/* nav menu */
#navMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}
#navMenu li{
	display: inline;
	text-indent: -9999px;
}
a.home, a.home_a{
	display:block;
	float:left;
	width:80px;
	height:34px;
	background: url("../images/buttons/home.png");
	background-repeat:no-repeat;
	margin-right:20px;
}
a.home:hover,
a.home_a{
	background: url("../images/buttons/home.png") 0 34px;
}
a.profile, a.profile_a{
	display:block;
	float:left;
	width:100px;
	height:34px;
	background: url("../images/buttons/profile.png");
	background-repeat:no-repeat;
	margin-right:20px;
}
a.profile:hover,
a.profile_a{
	background: url("../images/buttons/profile.png") 0 34px;
}
a.editorial, a.editorial_a{
	display:block;
	float:left;
	width:100px;
	height:34px;
	background: url("../images/buttons/editorial.png");
	background-repeat:no-repeat;
	margin-right:20px;
}
a.editorial:hover,
a.editorial_a{
	background: url("../images/buttons/editorial.png") 0 34px;
}
a.bridal, a.bridal_a{
	display:block;
	float:left;
	width:90px;
	height:34px;
	background: url("../images/buttons/bridal.png");
	background-repeat:no-repeat;
	margin-right:20px;
}
a.bridal:hover,
a.bridal_a{
	background: url("../images/buttons/bridal.png") 0 34px;
}
a.phibrows, a.phibrows_a{
	display:block;
	float:left;
	width:120px;
	height:34px;
	background: url("../images/buttons/phibrows.png");
	background-repeat:no-repeat;
	margin-right:20px;
}
a.phibrows:hover,
a.phibrows_a{
	background: url("../images/buttons/phibrows.png") 0 34px;
}
a.lessons, a.lessons_a{
	display:block;
	float:left;
	width:139px;
	height:34px;
	background: url("../images/buttons/lessons.png");
	background-repeat:no-repeat;
}
a.lessons:hover,
a.lessons_a{
	background: url("../images/buttons/lessons.png") 0 34px;
}
a.gallery, a.gallery_a{
	display:block;
	float:left;
	width:67px;
	height:34px;
	background: url("../images/buttons/gallery.png");
	background-repeat:no-repeat;
}
a.gallery:hover,
a.gallery_a{
	background: url("../images/buttons/gallery.png") 0 34px;
}
a.press, a.press_a{
	display:block;
	float:left;
	width:90px;
	height:34px;
	background: url("../images/buttons/press.png");
	background-repeat:no-repeat;
	margin-right:20px;
}
a.press:hover,
a.press_a{
	background: url("../images/buttons/press.png") 0 34px;
}
a.contact, a.contact_a{
	display:block;
	float:left;
	width:100px;
	height:34px;
	background: url("../images/buttons/contact.png");
	background-repeat:no-repeat;
}
a.contact:hover,
a.contact_a{
	background: url("../images/buttons/contact.png") 0 34px;
}
#collage {
	width:100%;
	height:100%;
	margin:15px 0;
}
#collage .imgsection1,#collage .imgsection2,#collage .imgsection3,#collage .imgsection4,#collage .imgsection5{
	float:left;
	width:20%;
}
#collage .imgsection1{
	background: url("../images/collage07r.jpg");
	background-size: cover;
}
#collage .imgsection2{
	background: url("../images/collage08r.jpg");
	background-size: cover;
}
#collage .imgsection3{
	background: url("../images/collage01r.jpg");
	background-size: cover;
}
#collage .imgsection4{
	background: url("../images/collage02r.jpg");
	background-size: cover;
}
#collage .imgsection5{
	background: url("../images/collage06r.jpg");
	background-size: cover;
}
#collage img{
  width:100%;
  -webkit-transition: opacity 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out;
  -o-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
#collage img:hover {
opacity: 0;
}
#content {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
}
#content p{
	margin-bottom:15px;
	color:#93918f;
	font-weight:200;
}
#content ul{
	list-style-type:none;
	width:960px;
	padding: 0px 0 2px 0;
	margin: 0;
}
#content li {
	float:left;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0.1em;
	margin:0 0 15px 0;
	padding-left: 30px;
	width:280px;
	font-weight:200;
}
#content p.conp{
	margin-bottom:20px;
}
#content img.galleft, #content img.galend, #content img.galbot{
	float:left; 
	border: dotted 1px #cacaca; 
	padding:4px;
	margin:0 30px 30px 0;
}
#content img.galend{
	margin-right:0px;
}
#content img.galbot{
	margin-bottom:0px;
}
#content img.profpic{
	float:right; 
	border: dotted 1px #cacaca; 
	padding:4px;
	margin:0 0 15px 30px;
}
#content .conleft{
	float:left;
	width:360px;
	height:auto;
	margin-right:50px;
}
#content .conright{
	float:left;
	width:auto;
	height:auto;
	margin:0;
}
#content .brleft{
	float:left;
	width:630px;
	height:auto;
	margin-right:30px;
}
#content .brright{
	float:left;
	width:300px;
	height:auto;
	margin:0;
}
#content .brright p{ 
	font-size:16px;
	margin-bottom:8px;
}
#content .brright p.ptestbot{ 
	margin-bottom:0px;
}
#content .brright .testsection, #content .brright .testsectionend{ 
	padding-bottom:14px;
	border-bottom: 1px dotted #93918f;
	margin-bottom:14px;
}
#content .brright .testsectionend{
	padding-bottom:0px;
	border-bottom:0px;
}

#content .brright img{
	padding-top:4px;
	margin-bottom:10px; 
}
#content .brright img.tright{
	float:right;
	padding-top:4px;
	margin:0 0 12px 15px; 
}

#content a:link, #content a:visited {
	color: #93918f;
	text-decoration: none;
}
#content a:active, #content a:hover {
	color: #f589c3;
	text-decoration: underline;
}
#content label {
	width: 100px;
	font-weight:400;
}
#content img.conimg {
	float:left;
	margin-right:12px;
}
h1,h2 {
	display: block;
	width: 100%;
	height: 30px;
	margin:0 0 15px 0;
	font-size:21px;
	font-weight:400;
}
h1#welcome{
	background: url(../images/headers/welcome.png) no-repeat 0 0;
}
h1#profile{
	background: url(../images/headers/profile.png) no-repeat 0 0;
}
h1#editorial{
	background: url(../images/headers/editorial.png) no-repeat 0 0;
}
h1#bridal{
	background: url(../images/headers/bridal.png) no-repeat 0 0;
}
h1#lessons{
	background: url(../images/headers/lessons.png) no-repeat 0 0;
}
h1#bodypainting{
	background: url(../images/headers/bodypainting.png) no-repeat 0 0;
}
h1#gallery{
	background: url(../images/headers/gallery.png) no-repeat 0 0;
}
h1#press{
	background: url(../images/headers/press.png) no-repeat 0 0;
}
h1#contact{
	background: url(../images/headers/contact.png) no-repeat 0 0;
}
h1#details{
	background: url(../images/headers/details.png) no-repeat 0 0;
}
#sidebar {
	float:left;
	width:260px;
	height:auto;
	margin:10px 0;
}
#sidebar p{
	font-size:16px;
	text-align:right;
	line-height:16px;
}
#sidebar p.pbottom{
	margin-bottom:18px;
}
#sidebar img{
	margin-left:8px;
}
#sidebar a:link, #sidebar a:visited {
	color: #2f343a;
	text-decoration: none;
}
#sidebar a:active, #sidebar a:hover {
	color: #bf5da9;
	text-decoration: underline;
}
#contact-area {
	width: 400px;
	margin-top: 0px;
}

#contact-area input {
	padding: 2px;
	width: 294px;
	background-color:#93918f;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	border: 1px solid #cccccc;
	color:#fff;
}
#contact-area textarea {
	padding: 2px;
	width: 294px;
	background-color:#93918f;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	border: 1px solid #cccccc;
	color:#fff;
	height: 80px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #bf5da9;
}
#contact-area input.submit-button {
	background-image:url(../images/submit.png);
	text-indent:-9999px;
	width: 70px;
	height: 25px;
	border: 0;
	float: right;
	margin-bottom:0;
}
#contact-area input.submit-button:hover{
	background: url("../images/submit.png") 0 25px;
}
#contact-area label {
	float: left;
	width: 100px;
	font-size:18px;
	font-weight:200;
	color:#93918f;
	margin-top:-3px;
}

h2#contact-details{
	background: url(../images/headers/contact-details.png) no-repeat 0 0;
	margin-bottom:8px;
}	
h2#contact-form{
	background: url(../images/headers/contact-form.png) no-repeat 0 0;
}	
#footer {
	clear:both;
	border-top: 1px dotted #93918f;
	padding-top:8px;
	color:#93918f;
	font-weight:200;
	height:auto;
}
#footer p.pleft{
	float:left;
	font-size:14px;
}
#footer p.pright{
	float:right;
	font-size:14px;
}
#footer a:link, #footer a:visited, #footer a.alast:link, #footer a.alast:visited {
	font-size:14px;
	color: #93918f;
	text-decoration: none;
	margin:0 5px;
}
#footer a:active, #footer a:hover, #footer a.alast:active, #footer a.alast:hover {
	font-size:14px;
	color: #f589c3;
	text-decoration: underline;
	margin:0 5px;
}
#footer a.alast:link, #footer a.alast:visited, #footer a.alast:active, #footer a.alast:hover {
	margin-right:0px;
}
#footer-bottom {
	clear:both;
	border-top: 1px dotted #93918f;
	padding-top:5px;
	height:auto;
}
#footer-bottom p.pright{
	float:right;
	font-size:14px;
}
#footer-bottom a.web:link, #footer-bottom a.web:visited {
	font-size:12px;
	color: #c4c4c4;
	text-decoration: none;
	margin-right:0px;
}
#footer-bottom a.web:active, #footer-bottom a.web:hover {
	font-size:12px;
	color: #ff6600;
	text-decoration: underline;
	margin-right:0px;
}