/* ======================
STRIFE OF BRIAN NAVIGATION STYLE SHEET

CONTROLS THE TOPNAV AND ALL SECTION NAVS WITHIN THE SITE

Duncan Wilson
duncan.wilson@pirean.com

====================== */

* {
	margin: 0;
	padding: 0;
}

/* --------------
TopStrip - Pirean Logo, HTML links and search panel
-------------- */
#TopStrip {
display: block;
float: left;
height: 82px;
width: 840px;
}

.LeftLogo{
display: block;
float: left;
height: 82px;
width: 212px;
background: url(CSSimages/PireanLogo.gif) black no-repeat left bottom;
margin: 0;
padding: 0;
}

.TopMid{
display: block;
float: left;
width: 460px;
padding-left: 18px;
}

.TopMid a:link{
background-color: black;
display: block;
padding-top: 48px;
padding-left: 16px;
padding-right: 12px;
float: left;
color: #C3C3C3;
text-decoration: none;
}

.TopMid a:visited{
background-color: black;
display: block;
padding-top: 48px;
padding-left: 16px;
padding-right: 12px;
float: left;
color: #ffa200;
}

.TopMid a:hover{
background-color: black;
display: block;
padding-top: 48px;
padding-left: 16px;
padding-right: 12px;
float: left;
color: #ffffff;
text-decoration: underline;
}

.IBMLogo{
display: block;
float: left;
height: 82px;
width: 150px;
background: url(CSSimages/IBMLogo.gif) black no-repeat left bottom;
margin: 0;
padding: 0;
}

/*============
TOP NAVIGATION BAR
============*/

#StrifeTopNav{
display: block;
margin-top: 2px;
margin-bottom: 0px;
height: 31px;
}

#StrifeTopNav ul{
margin: 0;
padding-left: 0px;
list-style: none;
}

#StrifeTopNav li{
display: block;
float: left;
}

#StrifeTopNav li .LeftSize{
display: block;
background: url(CSSimages/LeftSize_BUTTON.gif) no-repeat left top;
}

#StrifeTopNav li .LeftSize a:link{
display: block;
background: url(CSSimages/LeftSize_BUTTON.gif) no-repeat left top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .LeftSize a:visited{
display: block;
background: url(CSSimages/LeftSize_BUTTON.gif) no-repeat left top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .LeftSize a:hover{
display: block;
background: url(CSSimages/LeftSize_BUTTON.gif) no-repeat right top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}


#StrifeTopNav li .RegularSize{
display: block;
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat left top;
}

#StrifeTopNav li .RegularSize a:link{
display: block;
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat left top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .RegularSize a:visited{
display: block;
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat left top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .RegularSize a:hover{
display: block;
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat right top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .RightSize{
display: block;
background: url(CSSimages/RightSize_BUTTON.gif) no-repeat left top;
}

#StrifeTopNav li .RightSize a:link{
display: block;
background: url(CSSimages/RightSize_BUTTON.gif) no-repeat left top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .RightSize a:visited{
display: block;
background: url(CSSimages/RightSize_BUTTON.gif) no-repeat left top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

#StrifeTopNav li .RightSize a:hover{
display: block;
background: url(CSSimages/RightSize_BUTTON.gif) no-repeat right top;
font-family: Arial;
font-size: 14px;
font-weight: 600;
color: #ffffff;
text-align: center;
text-decoration: none;
border: 0;
padding-top: 8px;
width: 168px;
height: 23px;
}

* html #StrifeTopNav a{
height: 1px
}

/* :::::: PAGES WHERE 'WATCH THE SHOW' IS HIGHLIGHTED :::::: */
body#Index a#WatchTheShowLink{
background: url(CSSimages/LeftSize_BUTTON.gif) no-repeat right top;
}

/* :::::: PAGES WHERE 'EPISODES' IS HIGHLIGHTED :::::: */
body#Episodes a#EpisodesLink,
body#Prologue a#EpisodesLink,
body#EpisodeOne a#EpisodesLink,
body#EpisodeTwo a#EpisodesLink,
body#EpisodeThree a#EpisodesLink{
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat right top;
}

/* :::::: PAGES WHERE 'ABOUT THE SHOW' IS HIGHLIGHTED :::::: */
body#AboutTheShow a#AboutTheShowLink{
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat right top;
}

/* :::::: PAGES WHERE 'MEET THE CAST' IS HIGHLIGHTED :::::: */
body#MeetTheCast a#MeetTheCastLink{
background: url(CSSimages/RegularSize_BUTTON.gif) no-repeat right top;
}

/* :::::: PAGES WHERE 'CONTACT US' IS HIGHLIGHTED :::::: */
body#ContactUs a#ContactUsLink{
background: url(CSSimages/RightSize_BUTTON.gif) no-repeat right top;
}

/* declares no borders around any images used in conjunction with link states */
a img{
border: none;
}

#PageTitle{
display: block;
float: left;
width: 840px;
height: 80px;
}

#PageTitle h1{
font-size: 8px;
text-indent: -4000px;
}

#Index #PageTitle{
background: url(CSSimages/Titles/WatchTheShowTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

#Episodes #PageTitle{
background: url(CSSimages/Titles/EpisodesTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

body#Prologue #PageTitle{
background: url(CSSimages/Titles/PrologueTopTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

body#EpisodeOne #PageTitle{
background: url(CSSimages/Titles/EpisodeOneTopTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}


body#EpisodeTwo #PageTitle{
background: url(CSSimages/Titles/EpisodeTwoTopTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}


body#EpisodeThree #PageTitle{
background: url(CSSimages/Titles/EpisodeThreeTopTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}




#ContactUs #PageTitle{
background: url(CSSimages/Titles/ContactUsTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

#MeetTheCast #PageTitle{
background: url(CSSimages/Titles/MeetTheCastTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

#AboutTheShow #PageTitle{
background: url(CSSimages/Titles/AboutTheShowTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

#TsCs #PageTitle{
background: url(CSSimages/Titles/TsCsTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}

#PrivacyPolicy #PageTitle{
background: url(CSSimages/Titles/PrivacyPolicyTitle.jpg);
width: 840px;
height: 80px;
margin: 0;
padding: 0;
}