@font-face {font-family: 'Bleeding Cowboys';
  			src: url(/app_themes/Bleeding_Cowboys.eot);
  			src: local('?'), url(/app_themes/Bleeding_Cowboys.woff) format('woff');url(/app_themes/Bleeding_Cowboys.ttf) format('truetype');
			}
@font-face {font-family: 'Chiller';
  			src: url(/app_themes/Chiller.eot);
  			src: local('?'), url(/app_themes/Chiller.woff) format('woff');url(/app_themes/Chiller.ttf) format('truetype');
			}
@font-face {font-family: 'DemocraticaBoldLin';
  			src: url(/app_themes/DEMOCRBL.eot);
  			src: local('?'), url(/app_themes/DEMOCRBL.woff) format('woff');url(/app_themes/DEMOCRBL.ttf) format('truetype');
			}


h1, h2, h3, h4, h5, input, textarea { font-family: "Bleeding Cowboys", sans-serif; color: #fff; margin: 0; padding: 0; font-weight: normal;}

body {margin: 0; padding: 0; font-size: 12px; font-family: Arial; background: #000000 url(Images/back-botright.png) no-repeat bottom right;
}

td {vertical-align: top;}

#frame {width: 960px; margin: 0 auto 0 auto;}

/* HEADER AREA */

#header {float: left; width: 900px; padding: 30px; /*background-color: red;*/}
#header a img {border: 0;}
.tagline {float: right; margin: 42px 0 0 0; font-family: DemocraticaBoldLin; font-size: 35px; color: #b3b3b3; text-align: center;}

/* HOMEPAGE SPLASH AREA */

.slideshow {float: left; width: 960px; clear: both;}

#splash {float: left; width: 960px; clear: both; margin-top: 265px; /*background-color: green;*/}
#splash a {text-decoration: none; color: #fff;}
#splash img {float: left;}
.title-girl h2, .title-boy h2, .title-girl h5, .title-boy h5 {font-size: 25px; padding: 0; margin: 0; font-family: Arial;}
.title-girl h2 span, .title-boy h2 span, .title-girl h5 span, .title-boy h5 span {font-family: Chiller; font-size: 60px;}
.title-girl {height: 70px; width: 460px; float: left; padding: 10px 0 0 20px; background: url(Images/splash-title-girl.png) no-repeat;}
.title-girl p, .title-boy p {margin: -10px 0 0 0; padding: 0; color: #fff; font-size: 14px;}
.title-boy {height: 70px; width: 460px; float: left; padding:10px 0 0 20px; background: url(Images/splash-title-boy.png) no-repeat;}
.title-girl a:hover, .title-boy a:hover {text-decoration: none !important;}


/* HOMEPAGE CONTENT AREA */

#content {float: left; width: 960px; /*background-color:blue;*/}

#content .disciples, #content .facebook, #content .salons, #content .news {float: left; width: 450px; height: 265px; margin-top: 30px;}

.disciples {background-image: url(Images/box-disciples2.jpg); background-repeat: no-repeat;}
.disciples h2, .disciples h5 {margin: 50px 0 0 190px; font-size: 25px; color: #000;}
.disciples p {margin: 15px 20px 0 190px; font-size: 13px; width: 230px;}
.disciples a {text-decoration: none; color: #000;}

.facebook {background-image: url(Images/box-facebook.jpg); background-repeat: no-repeat;}
.facebook h2, .facebook h5 {margin: 50px 0 0 165px; font-size: 25px; color: #fff;}
.facebook p {margin: 15px 20px 0 165px; font-size: 13px; color: #fff; width: 205px;}
.facebook a {text-decoration: none; color: #fff; }

.salons {background-image: url(Images/box-salons2.jpg); background-repeat: no-repeat;}
.salons h2, .salons h5 {margin: 20px 0 0 20px; font-size: 25px; color: #fff;}
.salons p {margin: 15px 20px 0 20px; font-size: 13px; color: #fff; width: 170px;}
.salons a {text-decoration: none; color: #fff; }


.news {background-image: url(Images/box-news2.jpg); background-repeat: no-repeat;}
.news h2, .news h5 {color: #000; font-size: 25px; margin: 20px 0 0 20px;}
.news ul {margin: 0 0 0 20px; padding: 0;}
.news li {list-style: none; margin: 5px 0; padding: 0;}
.news a {color: #000 !important; }

.spacer {margin-right: 60px;}


/* CONTENT AREA */

.content {background: #2c2827 url(Images/content-top.png) 0 0 no-repeat; width: 900px; margin: 30px 0 0 0; padding: 20px 30px 0 30px; color: #fff; font-size: 13px; float: left;}
.content h1, .content h4 {font-size: 36px; margin: 0; padding: 0;}
.content h2, .content h5 {font-family: DemocraticaBoldLin; font-size: 24px; margin: 0 0 20px 0;}
.content h3 {font-family: DemocraticaBoldLin; font-size: 20px; margin: 20px 0 20px 0;}

.content hr {clear: both; border: none; border-top: 1px solid #ccc; height: 1px; margin: 20px 0;}
.content a {color: #fff;}
.content input {color: #333; font-family: Arial; padding: 5px;}

.boxgeneral {float: left; width: 370px; margin-top: 30px; border: 1px solid #fff; padding: 20px ;}
.boxgeneral h2, .boxgeneral h5 {font-size: 25px;}



/* FOR HIM / FOR HER */


.splash-forhim, .box7 {width: 960px; height: 381px; float: left; background: url(Images/splash-boy2.jpg) no-repeat; }
.splash-forhim h1, .box7 h1, .splash-forhim h4, .box7 h4 {margin: 50px 50px 0 450px; color: #000; font-size: 40px;}
.splash-forhim p, .box7 p {margin: 0 50px 20px 460px; color: #000;}

.splash-forhim p, .splash-forhim h1, .splash-forhim h4 {color: #fff;}

.splash-forher, .box6 {width: 960px; height: 381px; float: left; background: url(Images/splash-forher2.jpg) no-repeat;}
.splash-forher h1, .box6 h1, .splash-forher h4, .box6 h4 {margin: 70px 40px 0 490px; color: #ea0D8c; font-size: 40px;}
.splash-forher p, .box6 p {margin: -10px 40px 20px 490px; color: #fff; font-size: 13px;}

.splash-forher p{color: #000;}

.content-forhim {background: url(Images/content-forhim.jpg) no-repeat; width: 900px; height: 440px; float: left; padding: 10px 30px 0 30px; margin: 10px 0 0 0;}
.content-forhim h1, .content-forhim h4 {font-size: 45px; color: #67CDF3; float: left; margin: 0; padding: 0;}
.content-forhim h1 a, .content-forhim h4 a {font-size: 45px; color: #67CDF3; float: left; margin: 0; padding: 0;}
.content-forhim span {float: left; color: #fff; margin: 40px 0 0 40px; font-size: 20px; font-weight: bold;}
.content-forhim a img {border: none;}
.content-forhim a {text-decoration: none;}
.content-forhim ul {list-style:none; margin:0px; padding:0px;}
.content-forhim li {list-style:none; margin:0 10px;}

.services-forhim {width: 275px; float: left; margin: -30px 0 0 0; padding: 0;}
.services-forhim img {margin-bottom: 10px;}
.services-forhim h2, .services-forhim h5 {font-size: 22px; color: #67CDF3;}
.services-forhim p {color: #fff; font-size: 13px;}


.service-space {margin-left: 30px; margin-right: 30px;}

.forhim-disciples, .forhim-facebook, .forhim-salons, .forhim-gifts {float: left; width: 450px; height: 220px; margin-top: 30px;}

.forhim-disciples {background-image: url(Images/forhim-disciples.jpg); background-repeat: no-repeat;}
.forhim-disciples h2, .forhim-disciples h5 {margin: 30px 0 0 170px; font-size: 25px; color: #000;}
.forhim-disciples p {margin: 15px 20px 0 170px; font-size: 13px; width: 230px; color: #fff;}
.forhim-disciples a {text-decoration: none;}

.forhim-facebook {background-image: url(Images/forhim-facebook.jpg); background-repeat: no-repeat;}
.forhim-facebook h2, .forhim-facebook h5 {margin: 30px 0 0 165px; font-size: 25px; color: #fff;}
.forhim-facebook p {margin: 15px 20px 0 165px; font-size: 13px; color: #fff; width: 205px;}
.forhim-facebook a {text-decoration: none; color: #fff;}

.forhim-salons {background-image: url(Images/forhim-salons.jpg); background-repeat: no-repeat;}
.forhim-salons h2, .forhim-salons h5 {margin: 30px 0 0 170px; font-size: 25px; color: #fff;}
.forhim-salons p {margin: 15px 20px 0 170px; font-size: 13px; color: #fff;}
.forhim-salons a {text-decoration: none; color: #fff;}

.forhim-gifts {background-image: url(Images/forhim-gifts.jpg); background-repeat: no-repeat;}
.forhim-gifts h2,.forhim-gifts h5 {margin: 30px 0 0 170px; font-size: 25px; color: #000;}
.forhim-gifts p {margin: 15px 20px 0 170px; font-size: 13px; width: 230px; color: #fff;}
.forhim-gifts a {text-decoration: none;}




/* FOOTER AREA */

#footer {float: left; width: 960px; margin: 40px 0; /*background-color: orange;*/}
#footer h2, #footer h5 {font-size: 18px; font-family: Arial;}


.footcats {float: left; margin: 0 40px 0 0;}
.footcats ul {margin: 10px 0 0 0; padding: 0;}
.footcats li {line-height: 22px;}
.footcats a, .whitelink {color: #fff; text-decoration: none;}
.footcats a:hover {text-decoration: underline;}


.footlogos {float: right; width: 145px;}
.footlogos a img {float: right; width: 145px; border: 0; margin: 0 0 10px 0;}

#footwrap {width: 100%; height: 100%; display: block; background: url(Images/back-topleft.png); z-index: -2; position:absolute; top:0px;left:0; background-repeat:no-repeat;}




/* OTHER STUFF */

.picleft {float: left; margin: 0 20px 20px 0;}
.picright {float: right; margin: 0 0 20px 20px;}


.prices1 {float: left; width: 250px;}

/* logged in */
#loggedin {height: 80px; line-height: 80px; vertical-align:middle; color: #222;position:relative;clear:both;font-size:30px; font-family:Chiller;background-color:#fff; text-align:center;
           	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}
#loggedin a, #loggedin span  { padding: 8px 12px; background-color:#000;position: relative; top:20px;color:#fff;text-decoration:none;margin-right:10px;}
#loggedin a:hover, #loggedin span:hover  {color:yellow;}
#loggedin span {cursor:pointer;}
#loggedin h1, #loggedin h4 {float:left;color:#000;font-size:40px; margin-left:10px;} 


/* boxes */
/* box 1 is left*/

.box1 ul, .box2 ul, .box3 ul, .box4 ul, .box8 ul {list-style:none; margin:0px; padding:0px;}

.box1 {float: left; width: 450px; height: 265px; margin: 30px 5px; background-repeat: no-repeat;list-style:none;}
.box1 h2, .box1 h5 {margin: 50px 0 0 190px; font-size: 25px; color: #000;}
.box1 p {margin: 15px 20px 0 190px; font-size: 13px; width: 230px;}
.box1 a {text-decoration: none; color: #000;}

/* facebook 2 rightish*/
.box2 {float: left; width: 450px; height: 265px; margin: 30px 5px; background-repeat: no-repeat;list-style:none;}
.box2 h2, .box2 h5 {margin: 50px 0 0 165px; font-size: 25px; color: #fff;}
.box2 p {margin: 15px 20px 0 165px; font-size: 13px; color: #fff; width: 205px;}
.box2 a {text-decoration: none; color: #fff; }

 /* salons 3 half */
.box3 {float: left; width: 450px; height: 265px; margin: 30px 5px; background-repeat: no-repeat;list-style:none;}
.box3 h2, .box3 h5 {margin: 20px 0 0 30px; font-size: 25px; color: #fff;}
.box3 p {margin: 15px 20px 0 20px; font-size: 13px; color: #fff; width: 240px;}
.box3 a {text-decoration: none; color: #fff; }
.box3 a:hover {text-decoration: underline;font-weight: bold;}

/* forhim-disciples 4 small */
.box4 {float: left; width: 450px; height: 220px; margin: 30px 5px; background-repeat: no-repeat;list-style:none;}
.box4 h2, .box4 h5  {margin: 10px 0 0 170px; font-size: 25px; }
/*.box4 h2 a {color: #ea0D8c;}*/
.box4 p {margin: 0px 20px 30px 170px; font-size: 13px; width: 240px;}
.box4 a {text-decoration: none;}
.box4 a:hover {text-decoration: underline;font-weight: bold;}


/* news*/
.box8 {float: left; width: 450px; height: 265px; margin: 30px 5px; background-repeat: no-repeat;list-style:none;}


.box8 h2, .box8 h5 {margin: 20px 0 0 30px; font-size: 25px; color: #000;}
.box8 p {margin: 15px 20px 0 20px; font-size: 13px; width: 400px; }
.box8 a {text-decoration: none; color: #FFF;}
.box8 a:hover {text-decoration: underline;font-weight: bold;}
.box8 ul {margin: 0 0 0 30px; padding: 0;}
.box8 li {list-style: none; margin: 5px 0 5px 0px !important; padding: 0;}

/* admin */
#admin {background: url(Images/icon-edit.png) no-repeat;color: yellow;width:82px;height:70px; z-index: 99; margin: 5px;
        float:left;
        }
#admin span {color: yellow;text-decoration:none; font-weight:bold;position:relative; top:30px;margin:0px 0 0 12px;font-family:Chiller;font-size:25px;cursor:pointer;}
#admin span:hover {color:red;}
.logmein{color:#fff;cursor:pointer;}

#list-1 {margin-top:-30px;float:left;}
#list-2 {margin-left:-30px;float:left;}
#list-2 li{margin: 10px 10px 20px 10px;}

#facebook {float:left;width:960px;}

/* headlines */
.headpink {background: url(Images/headline.jpg) no-repeat; width: 900px; height: 240px; float: left; padding: 10px 30px 0 30px; margin: 10px 0 30px 0;color: #ffffff;}
.headpink h1, .headpink h4 {font-size: 36px; color: #ff99ff; margin: 0; padding: 0;}
.headpink p {color: #ffffff; font-size: 13px;}
.headpink A:link {color: #ffffff;text-decoration: none}
.headpink A:visited {color: #ffffff;text-decoration: none}
.headpink A:active {color: #ffffff;text-decoration: none}
.headpink A:hover {color: #ffffff;text-decoration: underline;}

.headblue {background: url(Images/headline.jpg) no-repeat; width: 900px; height: 240px; float: left; padding: 10px 30px 0 30px; margin: 10px 0 30px 0;color: #ffffff;}
.headblue h1, .headblue h4 {font-size: 36px; color: #6699FF; margin: 0; padding: 0;}
.headblue p {color: #ffffff; font-size: 13px;}
.headblue A:link {color: #ffffff;text-decoration: none}
.headblue A:visited {color: #ffffff;text-decoration: none}
.headblue A:active {color: #ffffff;text-decoration: none}
.headblue A:hover {color: #ffffff;text-decoration: underline;}

.facebook-connect{ /* I added this div wrapper myself, was not part of the plugin */
background-color:#666666;
border:#0000FF 1px solid;
  position: relative;
  float: left;
  width: 330px;
  margin-top: 0px;
  text-align: center;
  padding:15px 0px;
}