@charset "UTF-8";

/* 
Title:		Bright Star Custom Styles
Author: 	pk@paulkent.biz
*/

@font-face {
	font-family: "Museo Slab";
	src: url(../fonts/museo_slab_500.otf) format("opentype");
	src/*\**/: url(../fonts/museo_slab_500-webfont.eot)\9;
}

body {
	background: url(../images/bg.png) #303;
}

body, input, textarea {
	font-family: "Museo Slab", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ccc;
}

a:link, a:visited { color: #f60; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
	font-weight: normal;
	color: #fff;
}

h2 { font-size: 26px; line-height: 32px; }
h3 { font-size: 14px; margin-bottom: 0; }

p, blockquote { margin-bottom: 20px; }

img, object, embed { margin-bottom: 8px; }

em { font-style: normal; }

strong {
	font-weight: normal;
	color: #fff;
}

.required { color: #f60; }

.hidden { display: none; }

.more-button, .less-button { color: #f60; cursor: pointer; }
.more-button:hover, .less-button:hover { text-decoration: underline; }

#wrapper {
	margin-top: 60px;
}

#header {
	height: 50px;
	padding: 15px;
	margin-bottom: 20px;
	background: url(../images/header.png) no-repeat left top;
}

#logo {
	background: url(../images/logo.png) no-repeat left top;
	margin-left: 20px;
	width: 268px;
}

#logo h1 {
	display: none;
}

#logo, #global-nav {
	height: 50px;
}

#global-nav {
	background: none;
	margin-right: 25px;
}

#global-nav ul li {
	line-height: 50px;
	margin-left: 15px;
	color: #fc9;
	font-size: 14px;
}

#global-nav ul li a { color: #fff; }

.banner {
	height: 180px;
	margin-bottom: 20px;
	padding-top: 50px;
	padding-left: 450px;
	padding-right: 50px;
	text-align: center;
}

.banner h3 { color: #f60; font-size: 16px; line-height: 24px; }

/* Banner background images */

.index .banner { background: url(../images/banner-stars.png) no-repeat left top; }
.testimonial .banner { background: url(../images/banner-crowd.png) no-repeat left top; }
.services .banner { background: url(../images/banner-redcarpet.png) no-repeat left top; }
.videos .banner { background: url(../images/banner-lights.png) no-repeat left top; }
.contact .banner { background: url(../images/banner-dressingroom.png) no-repeat left top; }

/* ------------------------ */

#primary-nav {
	margin: 0 10px 20px 10px;
	background: none;
}

#primary-nav ul li a {
	display: block;
	width: 162px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: url(../images/nav-btn.png) no-repeat left top;
	font-size: 16px;
}

.index #primary-nav ul li#welcome a,
.testimonial #primary-nav ul li#testimonial a,
.services #primary-nav ul li#services a,
.videos #primary-nav ul li#videos a,
.contact #primary-nav ul li#contact a {
	background: url(../images/nav-btn_down.png) no-repeat left top;
}

#primary-nav ul li a:hover {
	background: url(../images/nav-btn_over.png) no-repeat left top;
}

#content {
	margin-bottom: 20px;
}

#article {
	width: 460px;
	padding-right: 29px;
	padding-left: 16px;
}

#videos #article {
	width: 470px;
	padding-right: 19px;
}

#article h2 {
	color: #f60;
}

#article form p {
	margin-bottom: 10px;
}

#article input.text, #article textarea {
	color: #333;
	padding: 8px;
	width: 375px;
	border: 1px solid #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#article input.text {
	background: #fff url(../images/input.png) repeat-x top left;
}

#article textarea {
	background: #fff url(../images/textarea.png) repeat-x top left;
}

#article label {
	margin-bottom: 5px;
}

#article label.error { color: #f60; }

#article .form-controls {
	/*background: #99CC33;*/
	margin-top: 20px;
	width: 395px;
}

#article .form-controls .required { float: left; }

#article .form-controls .form-buttons { float: right; }

#article input.form-btn {
	background: url(../images/form-btn.png) no-repeat left top;
	border: none;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	width: 123px;
	height: 41px;
}

/* FIREFOX FIX - centre vertically button text*/
@-moz-document url-prefix() {
#article input.form-btn { 
	padding-bottom: 4px;
}
}
/* --------------------------------------------------- */

#side-content h2 {
	font-size: 22px;
}

#side-content ul li {
	list-style: url(../images/star-bullet.png);
	margin-bottom: 15px;
	margin-left: 20px;
}

#side-content ul li.last {
	margin-bottom: 0;
}

.side-panel {
	margin-bottom: 20px;
}

.side-panel-top {
	background: url(../images/side-panel_top.png) no-repeat left top;
	padding: 25px 30px 5px 25px;
}

.side-panel-bottom {
	background: url(../images/side-panel_bottom.png) no-repeat left bottom;
}

.side-button {
	margin-bottom: 20px;
}

.side-button p a {
	display: block;
	height: 65px;
	line-height: 65px;
	background: url(../images/twitter-btn.png) no-repeat left top;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	padding-left: 70px;
}

#footer {
	height: 46px;
	line-height: 46px;
	background: url(../images/footer.png) no-repeat left top;
	margin-bottom: 40px;
	font-size: 11px;
	text-align: center;
	color: #999;
}

