/*
===================================================
Site: Redbird Productions
File: style.css (site wide)
Creator: Peter Wilkinson / 3 Men & A Suit
Last Modified: 24th April 2008

Contact: eorange@gmail.com
===================================================
*/


/*
===================================================
General Rules - Site Wide
===================================================
*/

body {
	line-height: 1.5em;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: #aa161d;
	text-align: left;
	padding-left: 35px;
}

* {
	margin: 0;
	padding: 0;
}

p {
	color: #303030;
	padding-top: 3px;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

img {
	border: none;
}

img a {
	border: none;
}

a {
	text-decoration: none;
	color: #ff0000;
}

a:hover {
	color: #ffffff;
	background-color: #aa161d;
	border-bottom: 1px solid #ff0000
}



/*
===================================================
Fonts & Headers - Site Wide
===================================================
*/

h1 {
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	color: #303030;
}

h2 {
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 25px;
	color: #303030;
}

h3 {
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 35px;
	color: #303030;
}

h4 {
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 15px;
	color: #303030;
}

h5 {
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 15px;
	color: #ffffff;
}


/*
===================================================
Containers - Site Wide
===================================================
*/

#sitewrap {
	width: 732px;
	height: auto;
	text-align: left;
}

#contentwrap {
	width: 489px;
	height: auto;
	padding: 25px;
	display: inline;
	float: left;
	background: #ffffff;
	border-bottom: 5px solid #510b0e
}


/*
===================================================
Header - Site Wide Settings
===================================================
*/

#headwrap {
	width: 732px;
	height: 136px;
	background: url(images/headerbg.jpg) no-repeat bottom right;
}

#headwrap .logo {
	width: 193px;
	height: 136px;
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(images/logo.jpg) no-repeat;
}


#headwrap .about_header {
	width: 278px;
	height: 27px;
	display: inline;
	float: right;
	margin-top: 92px;
	text-indent: -9999px;
	background: url(images/about_header.jpg) no-repeat;
}

#headwrap .contact_header {
	width: 168px;
	height: 27px;
	display: inline;
	float: right;
	margin-top: 92px;
	text-indent: -9999px;
	background: url(images/contact_header.jpg) no-repeat;
}

#headwrap .television_header {
	width: 362px;
	height: 27px;
	display: inline;
	float: right;
	margin-top: 92px;
	text-indent: -9999px;
	background: url(images/television_header.jpg) no-repeat;
}

#headwrap .news_header {
	width: 370px;
	height: 27px;
	display: inline;
	float: right;
	margin-top: 92px;
	text-indent: -9999px;
	background: url(images/news_header.jpg) no-repeat;
}

#headwrap .radio_header {
	width: 291px;
	height: 27px;
	display: inline;
	float: right;
	margin-top: 92px;
	text-indent: -9999px;
	background: url(images/radio_header.jpg) no-repeat;
}

#headwrap .features_header {
	width: 322px;
	height: 27px;
	display: inline;
	float: right;
	margin-top: 92px;
	text-indent: -9999px;
	background: url(images/features_header.jpg) no-repeat;
}


/*
===================================================
Navigation
===================================================
*/

#navwrap {
	width: 193px;
	height: 444px;
	margin-top: 27px;
	display: inline;
	float: left;
	background: #ffffff;
	border-bottom: 5px #510b0e solid;
}

ul#nav {
	width: 193px;
	height: 444px;
}

ul#nav li {
	width: 193px;
	height: 74px;
	list-style-type: none;
}

ul#nav li a {
	display: block;
	width: 193px;
	height: 74px;
}

ul#nav li.about a {
	width: 193px;
	height: 74px;
	background: url(images/nav_about.jpg) no-repeat 0 0;
}

ul#nav li.about a:hover {
	background: url(images/nav_about.jpg) no-repeat -193px 0;
}

#about #navwrap .about a {
	background: url(images/nav_about.jpg) no-repeat -193px 0;
}

ul#nav li.news a {
	width: 193px;
	height: 74px;
	background: url(images/nav_news.jpg) no-repeat 0 0;
}

ul#nav li.news a:hover {
	background: url(images/nav_news.jpg) no-repeat -193px 0;
}

#news #navwrap .news a {
	background: url(images/nav_news.jpg) no-repeat -193px 0;
}

ul#nav li.television a {
	width: 193px;
	height: 74px;
	background: url(images/nav_television.jpg) no-repeat 0 0;
}

ul#nav li.television a:hover {
	background: url(images/nav_television.jpg) no-repeat -193px 0;
}

#television #navwrap .television a {
	background: url(images/nav_television.jpg) no-repeat -193px 0;
}

ul#nav li.radio a {
	width: 193px;
	height: 74px;
	background: url(images/nav_radio.jpg) no-repeat 0 0;
}

ul#nav li.radio a:hover {
	background: url(images/nav_radio.jpg) no-repeat -193px 0;
}

#radio #navwrap .radio a {
	background: url(images/nav_radio.jpg) no-repeat -193px 0;
}

ul#nav li.features a {
	width: 193px;
	height: 74px;
	background: url(images/nav_features.jpg) no-repeat 0 0;
}

ul#nav li.features a:hover {
	background: url(images/nav_features.jpg) no-repeat -193px 0;
}

#features #navwrap .features a {
	background: url(images/nav_features.jpg) no-repeat -193px 0;
}

ul#nav li.contact a {
	width: 193px;
	height: 74px;
	background: url(images/nav_contact.jpg) no-repeat 0 0;
}

ul#nav li.contact a:hover {
	border: none;
	background: url(images/nav_contact.jpg) no-repeat -193px 0;
}

#contact #navwrap .contact a {
	background: url(images/nav_contact.jpg) no-repeat -193px 0;
}



/*
===================================================
Index Page
===================================================
*/

#directorsbox {
	width: 464px;
	height: 152px;
	padding: 10px;
	background-color: #303030;
}

#directorsbox p {
	color: #FFF;
}

.hilary {
	width: 220px;
	height: auto;
	display: inline;
	float: left;
}

.hilary_img {
	display: block;
	float: left;
	width: 80px;
	height: 79px;
	background: url(/images/hilary1.jpg) no-repeat;
	padding: 0 8px 0 0;
	margin-top: 8px;
}

.hilary_img:hover {
	border: none;
	background: url(/images/hilary2.jpg) no-repeat;
}

.karen {
	width: 220px;
	height: auto;
	display: inline;
	float: right;
}

.karen_img {
	display: block;
	float: left;
	width: 80px;
	height: 79px;
	background: url(/images/karen1.jpg) no-repeat;
	padding: 0 8px 0 0;
	margin-top: 8px;
}

.karen_img:hover {
	border: none;
	background: url(/images/karen2.jpg) no-repeat;
}

.contactbar {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	height: 25px;
	width:464px;
	background-color: #8e8e8e;
	text-align: right;
}

.contactbar a:hover {
	border: none;
	background-color: #8e8e8e;
}



/*
===================================================
Contact Page
===================================================
*/


#form {
	padding-top: 15px;
	padding-left: 15px;
	border: 1px solid #c6c6c6;
	width: 470px;
	height: 362px;
	background-color: #e2e2e2;	
}

label {
	font-size: 15px;
}

input {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 3px;
	
}

textarea {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 3px;
}

#altcontact {
	width: 475px;
	height: auto;
}

.post {
	width: 158px;
	height: auto;
	display: inline;
	float: left;
}

.telephone {
	width: 158px;
	height: auto;
	display: inline;
	float: left;
}

.email {
	width: 158px;
	height: auto;
	display: inline;
	float: right;
}

#form .buttons {
	margin-right: 17px;
	float: right;
}

#confirm-box {
	width: 470px;
	padding: 15px;
	background
}


/*
===================================================
Television Page
===================================================
*/

.intro {
	border-color: #c6c6c6;
	border-style: solid;
	border-width: 1px;
	padding: 15px;
	width: 455px;
	min-height: 49px;
	background-color: #d6d6d6;
}

#projectsmenu_wrap {
	width: 485px;
	height: auto;
}

ul#latestprojects {
	width: 485px;
	height: auto;
	display: block;
	list-style: none;
	margin-top: 10px;
}

ul#latestprojects li {
	width: 161px;
	height: 50px;
	display: inline;
	float: left;
}

ul#latestprojects li a {
	text-decoration: none;
	color: #ff0000;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}

ul#latestprojects li a span {
	font-family: Verdana, Arial, sans-serif;
	display: block;
	color: #303030;
	font-size: 10px;
	font-weight: normal;
}

ul#latestprojects li a:hover {
	color: #ffffff;
	background-color: #aa161d;
	border-bottom: 1px solid #ff0000
}

ul#latestprojects li a:hover span {
	color: #303030;
	background: #ffffff;
	border: none;
}

#tvproject {
	width: 485px;
	clear: both;
}

#tvproject .content {
	width: 336px;
	height: 530px;
	padding: 10px;
	padding-top: 20px;
	display: inline;
	float: left;
	background-color: #d6d6d6;
}

#tvproject .video {
	width: 336px;
	height: 281px;
	margin-top: 15px;
}

#tvproject #links {
	display: inline;
	float: right;
	width: 104px;
	height: 530px;
	padding: 10px;
	padding-top: 20px;
	padding-left: 15px;
	background-color: #303030;
}

#tvproject #links .photos {
	width: 109px;
	height: 475px;
}

#tvproject #links .photos ul {
	list-style-type: none;
}

#tvproject #links .photos li {
	width: 85px;
	height: 85px;
	margin-top: 5px;
	padding: 3px;
}

#tvproject #links .photos li img {
	width: 85px;
	height: 85px;
}

#tvproject #links .photos li a {
	display: block;
	width: 85px;
	height: 85px;
	border: solid 3px #ffffff;
}

#tvproject #links .photos li a:hover {
	border: solid 3px #aa161d;	
}

#tvproject #links .youtube_link {
	width: 101px;
	height: 30px;
}

#tvproject #links .youtube_link a {
	width: 101px;
	height: 30px;
	display: block;
	background-image: url(images/youtube_btn.gif);
}

#tvproject #links .youtube_link a:hover {
	background-color: #303030;
	border: none;
}


/*
===================================================
Footer - Site Wide
===================================================
*/

#footer {
	width: 489px;
	height: 100px;
	margin-top: 5px;
	float: right;
}

#footer a {
	width: 119px;
	height: 30px;
	display: block;
	float: right;
	background-image: url(images/3men_foot.jpg);
}