/* === Copyright (c) 2007 brightfive === */
/* Hello there :) How you doing? */

* { padding: 0; margin: 0; }
body {font-family:Arial, Helvetica, sans-serif; font-size:76%; background:url(../img/background.jpg) repeat-x #2070B9; color:#FFF;}
a { color: #fff; text-decoration: none; border-bottom: 1px solid #77ADDF; }
#flashMessage { clear: both; background-color: #FCFFC8; border-top:1px solid #FFD200; border-bottom:1px solid #FFD200; color: #000; padding:5px; width:99%; margin-bottom:5px; text-align:center;}

h1 { font-size: 1.6em; margin-bottom: 1em; }

h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; margin-bottom: 1em; }
h4 { font-size: 1.1em; }

h1, h2, h3, h4 { font-family: Arial, sans-serif; }





#our_experience_portfolio, #our_experience_clients, #our_experience_testimonials { font-weight: bold; width: 245px; float: left; margin-right: 20px;  font-size: 2em; padding-top: 100px; padding-left: 5px; margin-bottom: 25px; }
#our_experience_testimonials { margin-right: 0; }

#our_experience_portfolio:hover, #our_experience_clients:hover, #our_experience_testimonials:hover { background-color: #77ADDF; }
/* BLOG SPECIFIC CSS */
body #content #posts h2 { margin-bottom: 1em; }
#blog div.sidebar { float:left; width:249px; margin-right: 21px; }
#blog ul#archive a { border: 0; }

#content #blog input, #content #blog textarea
{
	width: 468px;
}

#content #blog div.submit
{
	width: 470px;
}

#content #blog div.submit input
{
	width: auto;
}

#blog #posts { float:left; width:480px;}
#blog #posts div.under_post {font-size:0.8em; margin-bottom:10px; }
#blog #posts div.under_post p {margin-bottom:0px;}
#blog #posts div.tags {}

#blog div.all_link {margin-bottom:10px;}

#blog div.error_message {color:#F00; margin-bottom:10px; font-weight:bold;}

#blog div.comment p.author {font-size:0.8em;}
#blog div.comment {padding-bottom:1em; border-bottom:1px dashed #CCC; margin-bottom:1em;}

#blog div.sidebar ul {list-style-type:none; margin-left:0px;}

#blog div.sidebar ul#archive {margin-left:1em;}
#blog div.sidebar ul#archive, #blog div.sidebar ul#archive ul {list-style-type:none; margin-left:1em; }
#blog div.sidebar ul#archive li a {background: url(../img/arrow_closed.gif) no-repeat 0px 3px; padding-left:12px; display:block;}
#blog div.sidebar ul#archive li a.open {background: url(../img/arrow_open.gif) no-repeat 0px 3px;}

body #blog #archive ul { margin-bottom: 0px; }

#blog div.post {padding-bottom:1em; border-bottom:1px dashed #fff; margin-bottom:1em;}


#container {width:790px; margin:0px auto;}


#content { width: 790px; clear: both; 	font-size:1.1em;
	line-height:1.4em;}

#header { height:181px; }
#header h1.logo { margin: 0; font-size: 1em;}
#header h1.logo a {overflow: hidden; float:right; display:block; width:185px; padding-top: 71px; height:23px; margin-top:19px; margin-bottom: 0px; background:url(../img/brightfive_logo.jpg); text-indent:-100em; border-bottom: none;}
#header h1.logo a:hover { text-indent: 0px; }
#header h1.logo a span { display:block;text-indent: -100em; }

#footer { clear:both; margin-top: 0px; padding-top: 20px; }
#footer p { width: 100%; text-align: center; margin-top: 2em; padding-bottom: 20px;}

#header a, #sub_nav a { text-decoration: none; }

#sub_nav { margin-bottom: 2em; width: 249px; float: left; border-top: 2px solid #fff;}
#sub_nav ul { list-style-type: none; margin: 0; padding: 0;  }
#sub_nav li { float: left; }
#sub_nav li a { display:block; float: left; display:block; width: 219px; padding: 15px; border-bottom: 2px solid #fff; }
#sub_nav li.selected a { font-weight: bold; }
#sub_nav li a:hover { background-color: #1C66AD; }
#sub_nav a img { border: 2px solid #fff; }

#sub_nav a img.imagelink { border: 0px; }

#main { width: 520px; float: right;}


/** What we do top links **/
#big_pic_nav li, #big_pic_nav li a, #big_pic_nav_selected li, #big_pic_nav_selected li a
{
/*#what-we-do-internet, #what-we-do-interactive, #what-we-do-events, #what-we-do-internet a, #what-we-do-interactive a, #what-we-do-events a, #our-experience-portfolio, #our-experience-clients, #our-experience-testimonials, #our-experience-portfolio a, #our-experience-clients a, #our-experience-testimonials a
{ */
	height: 141px; 
	width: 250px; 
	float: left; 
	margin-right: 20px; 
	margin-bottom: 20px; 
	overflow: hidden;
	text-indent: -1000em;
	border-bottom: none;
}

#what-we-do-internet, #what-we-do-internet a { background-image: url(../img/what_we_do/internet.jpg); }
#what-we-do-interactive, #what-we-do-interactive a  { background-image: url(../img/what_we_do/interactive.jpg); }
#what-we-do-events, #what-we-do-events a  { background-image: url(../img/what_we_do/events.jpg); margin-right: 0px !important;  }

#what-we-do-internet, #what-we-do-interactive, #what-we-do-events { background-position: 0px -141px;}

#big_pic_nav, #big_pic_nav_selected { margin: 0; padding: 0; }


#our-experience-portfolio, #our-experience-portfolio a { background-image: url(../img/our_experience/portfolio.jpg); }
#our-experience-clients, #our-experience-clients a { background-image: url(../img/our_experience/clients.jpg); }
#our-experience-testimonials, #our-experience-testimonials a { background-image: url(../img/our_experience/testimonials.jpg); margin-right: 0px !important; }



/** -- **/
#about-brightfive-company, #about-brightfive-company a { background-image: url(../img/about_brightfive/company.jpg); }
#about-brightfive-team, #about-brightfive-team a { background-image: url(../img/about_brightfive/team.jpg); }
#about-brightfive-blog, #about-brightfive-blog a { background-image: url(../img/about_brightfive/blog.jpg); margin-right: 0px !important; }


#big_pic_nav li, #big_pic_nav_selected li { background-position: 0px -141px; }



#left-col { width: 520px; float: left; }
#right-col { width: 250px; float: right; }

#left-col-small { width: 250px; float: left; }
#right-col-big { width: 520px; float: right; }

.portfolio-left { clear: left; width: 250px; float: left; height: 270px; }
.portfolio-right { float: right; width: 250px; height: 270px; }	

.case-study { float: left; width: 520px; clear: both; border-top: 2px dashed #fff; padding-top: 21px; margin-bottom: 20px; }
.case-study img { float: left; margin-right: 20px; }
 div.right-section p.more { margin-bottom: -1em; }
.case-study .more, div.right-section .more { float: right; }
.case-study h2 { margin-bottom: 10px; }
.right-section { border-top: 2px solid #fff; padding-top: 13px; margin-bottom: 20px; }
.right-section h2 { margin-bottom: 10px; }
.right-section h4 { margin-bottom: 0em; }
.case-study a img { border: none; }
#content p.post { margin-bottom: 0px; }
.posted-by { color: #77ADDF;}

#header ul { float: left; margin: 0; margin-top: 16px; list-style-type: none; height: 32px; background: url(../img/top_nav.gif) no-repeat;}
#header ul li {  float: left; overflow: hidden; }
#header li a { border-bottom: none; display: inline; height: 32px; float: left; overflow: hidden; text-indent: -1000em;}
#header li a:hover { }
#header ul { width:790px; overflow: hidden;}


#header ul li a:hover, #header ul li.selected a  { background: url(../img/nav_arrow.gif) no-repeat 3px 24px; }

#navigation-what-we-do a { width: 123px; }
#navigation-about-brightfive a { width: 158px; }
#navigation-our-experience a { width: 154px; }
#navigation-get-in-touch a { width: 130px; }
#navigation-client-area a { width: 111px; }

div.editable-content { margin-left: 1px; }

.portfolio-left { width: 250px; float: left; height: 130px; }
.portfolio-right { clear: right; float: right; width: 250px; height: 130px; }	
#right-col-big .portfolio a { border-bottom: none !important; padding-top: 3px; margin-bottom: 4px; }
.portfolio a img { border: 2px solid #fff; }

div.image img { margin-left: 20px; margin-bottom:20px; }
#sub_nav img.button { margin-top: 20px; }
#sub_nav a { border-bottom: none; }

div.ourClients a img, div.ourClients a { border: none; }

/*====== Testimonial ========*/

	div.testimonial 
	{ 
		background: url(../img/quote.gif) no-repeat; 
		border-bottom: 2px solid #ffffff;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	div.testimonial div.body { padding-left: 30px; margin-bottom: 1em; font-size: 1.1em;
			font-family:Georgia,Times,serif; 
		font-style: italic; }
	div.testimonial div.person, div.testimonial div.website { text-align: right; }
	
/*======= Our Clients =========*/

	div.ourClient {float: left; margin-right: 20px; background: #fff; width: 160px; height: 100px;margin-bottom: 20px; }
	div.ourClient div { height: 20px; margin-top: -20px; }
	div.ourClientRight { margin-right: 0px; }
	div.ourClients img { }
	
/*============== Pagination =============*/

div.pagination 
{ 
	margin: 10px auto;
	text-align: center;
	clear: both;
	padding-top: 10px;
	border-top: 2px dashed #fff;
}

div.pagination a
{
	border: 1px solid #77ADDF;
	padding: 2px 5px;
}

div.pagination a:hover
{
	background: #77ADDF;
}

div.pagination span.start
{
	color: #77ADDF;
	margin-right: 25px;
	padding: 2px 6px;
}

div.pagination span.end
{
	color: #77ADDF;
	margin-left: 25px;
	padding: 2px 6px;
}
		

div.pagination a.prev
{
	margin-right: 25px;
}		

div.pagination a.next
{
	margin-left: 25px;
}

div.pagination span.current
{
	padding: 2px 5px;
	font-weight: bold;
	color: #b9fd09;
}

div.pagination span, div.pagination a
{
	margin: 0px 3px;
}

span.companyName
{
	font-weight:normal;
}

/*============FORM STYLE==============*/
div.optional input, div.optional textarea, div.optional select, div.required input, div.required textarea, div.required select
{
	background:#FEFEFE url(../img/text-background.png) no-repeat scroll left top;
	border-color:#777777 rgb(187, 187, 187) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding: 5px;
}

select { padding: 2px; }
select option { padding: 2px 7px 0px 0px;}


/*========== CONTACT PAGE ============*/
#formBlock.contactpage label 
{ 
	width: 100px; 
	float: left; 
	text-align: right; 
	padding-right: 10px;
	padding-top: 5px; 
}

#formBlock.contactpage div.optional input, 
#formBlock.contactpage div.optional textarea, 
	#formBlock.contactpage div.required input, 
	#formBlock.contactpage div.required textarea
{
	width: 230px;
}

#formBlock.contactpage div.required select,
#formBlock.contactpage div.optional select
{
	width: 242px;
	padding: 3px;
}

#formBlock.contactpage
{
	float: right;
	width: 370px;
	background-color: #A8C9EA;
	color: #000;
	padding: 10px;
	border: 2px solid #82ADD8;
	margin-bottom: 20px;
}

#content div.submit
{
	width:635px;
}

#formBlock.contactpage div.submit
{
	width: 353px;
	float: none;
}

#formBlock.contactpage div.submit input
{
	font-size: 1.2em;
	padding: 3px;
	margin-bottom: 3px;
}
/*
body.about-brightfive #content h1
{
	font-size:2em;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	clear:both;
}

body.about-brightfive #content strong
{
	background-color:#78ACDE;
	padding: 3px;
}
*/
body #content strong em
{
	background-color:#78ACDE;
	padding: 3px;
	font-style: normal;
}

/*
body.about-brightfive #content p
{
	font-size:1.3em;
	line-height:1.7em;	
	margin-bottom: 2em;
	text-align: justify;
}


*/

body.about-brightfive #sub_nav img.button
{
	margin: 0;
	margin-bottom: 17px;
}

body.about-brightfive #sub_nav
{
	border: 0;
}

body #sub_nav a.portfolio-button img.button {
	margin-bottom: 17px;
}

#clientAreaForm div.required label, #clientAreaForm div.optional label
{
	width: 76px;
	padding-top:7px;
}

#clientAreaForm div.required input, #clientAreaForm div.optional input {
	width:170px;
}


#clientAreaForm
{
	width: 497px;
	background-color: #A8C9EA;
	color: #000;
	padding: 10px;
	border: 2px solid #82ADD8;
	margin-bottom: 20px;
}

#clientAreaForm a
{
	color: #000;
}

#right-col .right-section .twitter-link a {
	display:block;
	width:250px;
	height:93px;
	background-image:url('../img/twitter-button.gif');
	background-position:0px 0px;
	text-align:center;
	text-decoration:none;
	border-bottom:none;
	font-size:16px;
	font-weight:bold;
	padding-top:12px;
}

#right-col .right-section .twitter-link a:hover {
	background-position:0px 93px;
}