/*
Theme Name: Birddog v2
Description: Birddog's second theme for Spring 09
Author: David Flindall
*/


/* RESET */
/* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
hr { margin:0; padding:0;}
caption, th { text-align:left }
q:before, q:after { content:''}

/* BITS */
/* ----------------------------------------- */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
.cleaner {clear:both;height:0;border:none;margin:0; padding:0;background:transparent;}
.pad-top { padding-top:25px; margin:0;}
.pad-bottom { padding-bottom: 25px; margin:0;}
.quiet { font-size:10px;}
.left {float: left;}
.right {float: right;}
.paw { background: url(images/paw.gif) no-repeat left; height: 28px; color:#fff;}


.rss-icon { padding: 10px 0 5px 32px;  height:35px; width:217px; background: url(images/graphic_rss_bg.gif) left center no-repeat; background-position:0 .1em; list-style-type: none; font-weight:bold; margin-bottom:0; }
.email-icon { padding: 10px 0 5px 32px;  height:35px; width:217px; background: url(images/graphic_email_bg.gif) left center no-repeat; background-position:0 .1em; list-style-type: none; font-weight:bold; margin-bottom:0; }


.subtitle {margin-bottom: 10px;}
.breadcrumb { margin-top:5px;}
.alt {	margin: 0;	padding: 10px 0;border-bottom: 1px solid #bbb8b7;	border-top: 1px solid #bbb8b7;}
.post li { list-style-type:none;padding-left:20px;background-image:url(images/more-arrow-all.png);background-position:0 .2em;background-repeat:no-repeat; margin-bottom:3px;}
.navigation { margin-top:30px; }

#latestthumbs img {margin: 5px;border: 1px solid #fff;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left	}

.alignleft .button, .alignright .button { background-color:#95999F; padding: 8px; text-transform:capitalize; display:block;	-moz-border-radius: 5px;-webkit-border-radius: 5px; }

.postmetadata {	clear: both;text-align: left;margin: 20px 0;}
.postmetadata ul, .postmetadata li {	display: inline;list-style-type: none;	list-style-image: none;}



/* LINKS */
/* ----------------------------------------- */

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

.breadcrumb a:link, .breadcrumb a:visited {color: #000;}		
.breadcrumb a:hover, .breadcrumb a:active {color: #000;}	
	
#footer a:link, #footer a:visited {color: #fff; text-decoration:none;}
#footer a:hover, #footer a:active {color: #fff;	}

.post h3 a:link, .post h3 a:visited { text-decoration:none;}		
.post h3 a:hover, .post h3 a:active { text-decoration:none;	}

#sidebar .rss-icon a:link, #sidebar .email-icon a:link, #sidebar .rss-icon a:visited, #sidebar .email-icon a:visited {color: #fff;}		
#sidebar .rss-icon a:hover, #sidebar .email-icon a:hover, #sidebar .rss-icon a:active, #sidebar .email-icon a:active {color: #fff;}

#secondary a:link, #secondary a:visited { text-decoration:none;}		
#secondary a:hover, #secondary a:active { text-decoration:none;}

.navigation a:link, .navigation a:visited { text-decoration:none; color: #fff; font-weight:bold;}		
.navigation a:hover, .navigation a:active { text-decoration:none; color: #555; font-weight:bold;}
	
/* TYPOGRAPHY */
/* ----------------------------------------- */

body,p,td,th,ol,ul,dl,dt,dd,input,textarea,select{font:normal 12px Arial,Helvetica,sans-serif;}

h1, h2, h3, h4, h5 { margin-bottom:5px;font-weight: bold; }
h1,h2,h3,h4 { letter-spacing:-1px;}

h1 {
	font-size:20px;
	color:#000;
	margin: 10px 0 20px 0;
	background:url(images/graphic_h1.gif) no-repeat left;
	padding: 0 0 0 23px;
}

h2 {
	font-size:16px;
	color:#000;
	margin-bottom: 20px;
}
h3 {
	font-size:14px;
	color:#000;
	margin: 20px 0 5px 0;
}
	
h4 {
	font-size:12px;
	color: #231f20;
	margin: 20px 0 5px 0;
	letter-spacing: normal;
}
h5 {
	font-size:12px;
	color:#e26825;
}

h6 {
	font-size:12px;
	color:#FFFFFF;
}

p,ul { 
	margin-bottom:10px;
	color:#231f20;
	line-height:1.4em;
	}

/* TYPOGRAPHY - SPECIFICS */
/* ----------------------------------------- */

#footer p {
	font-size:11px;
margin:0; padding:0;
	color:#fff;
	}


/* STRUCTURE */
/* ----------------------------------------- */

body {
	background-color: #c9cacc;
	color: #272e38;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: #c9cacc;
	text-align: left;
	margin: 20px auto;
	padding: 20px;
	width: 900px;
	border: 1px solid #fff;
	}
	
#header {
	position:relative;
	z-index:0;
	margin: 0;
	padding: 0;
	height: 189px;
	width: 900px;
	background-color:#fff;
	}

#footer {
	background-color: #404041;
	border-top: 5px solid #6d6e71;
	color:#fff;
	padding:5px 10px;
	margin: 0 auto;
	width: 880px;
	clear: both;
	 height: 30px;
	}

body#all #footer  {border-top: 5px solid #006699;}
body#subscribe #footer  {border-top: 5px solid #912f5d;}
body#contact-page #footer  {border-top: 5px solid #af0c96;}
body#birddog #footer , body#jobs #footer , body#bark #footer  {border-top: 5px solid #0e5ba0;}
body#strategy #footer  {border-top: 5px solid #b3a016;}
body#creative #footer  {border-top: 5px solid #1d7e64;}
body#clients #footer  {border-top: 5px solid #cc9a15;}
body#blog #footer  {border-top: 5px solid #902271;}
body#news #footer  {border-top: 5px solid #1779a0;}

.narrowcolumn, .narrowcolumn-smaller, .widecolumn {
	float: left;
	padding: 10px 0;
	margin: 0 20px 20px 0;
	width: 655px;
	}

.narrowcolumn-smaller {
	width: 615px;
	}

.widecolumn {
	width: 900px;
	}
	
	
/* SIDEBAR */
/* ----------------------------------------- */	

#sidebar, #sidebar-wide {
	padding:10px 0;
	margin: 0;
	float: right;
	width: 220px;
	}

#sidebar-wide {
	width: 245px
	}

#sidebar form, #sidebar-wide form {
	margin: 0;
	}

#secondary {
	margin: 0;
	width:217px;
	background:url(images/graphic_box_top.gif) no-repeat top;	
	padding:50px 0 0 0;
	}

#secondary h2  {	
	float: left;
	padding: 12px 0 0 35px;
	margin: -50px 0 0 5px;
	}

#secondary ul {
	line-height:1.6em;
	width:217px;
	background:url(images/graphic_box_middle.gif) repeat-y;
	margin:0;
	padding-left: 20px;
	}
	
#secondary ul li {
	width:180px;
	}
	
#secondary ul .children {
	background: none;
	}	
	
#secondary .end {
	width:217px;
	background:url(images/graphic_box_bottom.gif) no-repeat top;
	padding-top:20px;
	margin: 0 0 10px 0;
	}
	
#secondary .bullet-list li {
	list-style-type:none;padding-left:14px;background-image:url(images/graphic_sq_bullet.gif);background-position:0 .2em;background-repeat:no-repeat; padding-bottom:6px; line-height:1.4em;
	}


/* COMMENTS */
/* ----------------------------------------- */	

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}
	
#commentform input, #commentform textarea {
	border: 2px solid #A9ABAE;
	border-radius: 5px;
	font: inherit;
	-moz-border-radius: 5px;
	padding: 2px;
	-webkit-border-radius: 5px;
	}

#commentform input {
	width: 150px;
	padding: 3px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 590px;
	padding: 2px;
	}


/* BARK	*/
/* ----------------------------------------- */	
.bark-side-links { 
	width:180px;
	}
	
.bark-side-links .quiet { 
	line-height:1.3em;
	}
	
.bark-side-links img {
	float:left; 
	border:1px solid #fff; 
	margin: 0 3px 10px 0;
	}
	
.bark-side-links li {
	font-weight: bold; 
	letter-spacing:-1px; 
	margin:0;
	}

.barkcover {
	float: right;
	margin:0 0 20px 20px;
	}	
	
.barkcover img {
	border: 1px solid #fff;
	}

/* SUBSCRIBE	*/
/* ----------------------------------------- */	

#contact {
	margin: 0;
	width:400px;
	background:url(images/graphic_box_wide_top.gif) no-repeat top;
	padding-top: 46px;
}

#contact .end {
	width:400px;
	background:url(images/graphic_box_wide_bottom.gif) no-repeat top;
	padding-bottom: 28px;
	}

#contact h2  {	
	float: left;
	padding: 12px 0 0 30px;
	margin: -50px 0 0 5px;
	}

#registration-form {
	width:400px;
	background:url(images/graphic_box_wide_middle.gif) repeat-y;
	padding-left: 25px;
	text-align:left; 
	}

#registration-form input {
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
}

#registration-form fieldset {
	display:block; 
	padding:10px 10px 0 0; 
	line-height:1.5em; 
	border:none; 
	margin:0;
	width:350px;
	}
	
#registration-form fieldset#more-info {
	margin-bottom:15px;
	}

#registration-form fieldset#register label { 
	clear:left; 
	display:block; 
	float:left; 
	width:80px; 
	padding: 0 10px 0 0;
	margin-bottom:10px; 
	font-weight:bold;
	}
	
#registration-form input.checkbox { 
	width:auto; 
	float:left; 
	margin-right:1em;
	border:none;
	}
	
input.short { 
	margin: 5px 0 10px 20px;
	}

input.long { 
	width: 250px; 
	}

input.button1 {
	width: 100px;	
	}

#registration-form fieldset#register input {
	border:1px solid #999; 
	background:#fff; 
	padding: 2px; 
	margin-bottom:1em;
	}

#registration-form textarea {
	width:425px; 
	height:12em; 
	border:1px solid #e1e1e1; 
	padding:5px; 
	margin:-8px 0 0 0; 
	overflow:auto;
	}

#registration-form option {
	background:#fff; 
	}

input#button1 {
	color:#fff;
	padding:2px; 
	margin: 20px 3px 20px 0;
	background: #666; 
	width:50px;
}

p.mandatory { 
	float:right;
	margin-right: 80px;
	}


/* POLL	*/
/* ----------------------------------------- */	
.vote-poll, .wp-polls-ans, .vote-poll ul li { margin:0; padding:0;}

.vote-poll ul li { margin-bottom: 10px;}

.vote-poll { position:relative; 
background:url(images/graphic_vote.gif) no-repeat top; 
width:474px; 
height:400px; 
font-size: 11px;}

.vote-poll h2 { 	float: left;
	padding: 12px 0 0 30px;
	margin: -2px 0 0 5px; }

.wp-polls { width:180px; margin: 20px;}
.wp-polls p { margin-left: 10px;}
p.wp-polls-text { width:170px; margin: 20px 30px 0 30px; font-size:11px;}

p.right-text { position:absolute; top: 195px; left: 265px; width:150px; font-size:10px; text-align:center;}

/* SIDEBAR GALLERY	*/
/* ----------------------------------------- */	

#secondary-img {
	margin: 0;
	width:217px;
	background:url(images/graphic_box_top.gif) no-repeat top;	
	padding-top:50px;
	}

#secondary-img h2  {	
	float: left;
	padding: 12px 0 0 35px;
	margin: -50px 0 0 5px;
	}
	
#secondary-img ul {
	line-height:1.6em;
	width:217px;
	background:url(images/graphic_box_middle.gif) repeat-y;
	margin:0;
	padding-left: 0;
	}
	
#secondary-img ul li {
	width:180px;
	}

#secondary-img .end {
	width:217px;
	background:url(images/graphic_box_bottom.gif) no-repeat top;
	padding-top:20px;
	margin: 0 0 10px 0;
	}
	
	
	
.gallery  {
width: 200px;
}



.gallery-header  {
	background: url(images/sidebar-box-top-wide.png) no-repeat top;
	padding: 16px 0 10px 45px;
		margin: 5px 0 0 0;
	padding: 16px 0 15px 40px;
	}
	

dl.gallery-item { padding:0; margin:0;}
dt.gallery-icon { padding:1px 0 2px 1px; margin:0;}

dd.gallery-caption { font-size: 10px; margin-bottom:10px;}



/* BLOCKS	*/
/* ----------------------------------------- */	
.blocks, .slim-blocks {
	width: 260px;
	height: 130px;
	overflow: hidden;
	margin: 10px;
	float:left;
	padding:10px;
	background-color:#BFBFBF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
.blocks img, .slim-blocks img {
	float:left;
	border:1px solid #fff;
	margin: 0 10px 5px 0;
	}

.blocks p, .slim-blocks p, .blocks h3, .slim-blocks h3 {
	margin:0 0 5px 0;
	}

.blocks p, .slim-blocks p {
	line-height: 1.2em;
	font-size:0.9em;
	}
	




/* TESTIMONIALS	*/
/* ----------------------------------------- */	
.testimonial-text {
	font-style:italic;
	width:180px;
	}
	
.testimonial-company {
	font-style:normal;
 	font-weight: bold;
	color: #e73f3c;
	}
























.post-bg {	background-color:#BFBFBF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 1px 10px;
	margin-bottom: 15px;}



	
.post-image, .post-image-detail  {
	 float: right;
	 border: 1px solid #fff;
	 margin: 0 0 5px 15px;
	 }

.post-image-detail	{
	 margin: 0 0 20px 20px;
	 }



.square-image .post-image {
width:80px; height: 80px;
border:none;padding:0; margin:0;
}






	
	
/* HEADER */
/* ----------------------------------------- */

#branding {
	background: #58585a url(images/branding_top.gif) no-repeat top;
	padding: 3px;
	height:45px;
	color:#fff;
	}
	
#branding .logo {
	float:left;
	margin-top:-15px;
	width: 140px; 
	height: 54px;
	background: url("images/graphic_birddog_logo.png");
	}

#branding .logo span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
#branding .countdown {
	float:left;
	text-align:right;
	width:400px;
	padding: 15px 15px 7px 0;
	margin:0 0 0 80px;
	}

#branding .tails {
	float:right;
	width:150px;
	position:relative;	z-index: 1000;
	}
	
#branding .tails img {
margin: 22px 8px 0 25px;
	}
	
#branding a { 
	color: #fff; 
	} 

#branding ul li hover {
	text-decoration: underline; 
	}
	
#branding li.headlink ul { 
	background-color: #404041; 
	padding: 5px 0; 
	}

#branding li.headlink ul li a { 
	padding: 5px; 
	height: 15px; 
	line-height: 1em; 
	}

/*primary navigation*/

#primary-navigation {
	background-color: #404041;
	padding: 0 5px;
	height:30px;
	position:relative;	z-index: 0;
	}	
.nav li  {
	font-size: 11px;
	font-weight: bold;
	}
.nav {
	width:auto;
	margin:0 auto;
	}
.nav ul{
	float:left;
	overflow:hidden; 
	margin: 0 0 0 5px;
	padding:8px 0 8px 0;
	}
.nav li {
	width:auto;
	margin:0 0 0 -3px;
	display:inline;
	padding:0 .5em;

	}
html .nav li:first-child { 
	border-left: 0; 
	}

.nav a:link, .nav a:visited {
	text-decoration: none;
	color: #fff;	
	}
.nav a:hover, .nav a:active {
	text-decoration: none;
	color: #ccc;	
	}	
	
/*secondary navigation */

#secondary-navigation {
	background-color: #58585a;
	padding: 0;
	margin:0;
	height:27px;
	text-transform:lowercase;
	}
	
#secondary-navigation .current_page_item a { text-decoration:underline;}

#secondary-navigation ul {
	line-height: 0.7em;
	padding-bottom: 5px;
	padding-top:4px;
	}
	
#secondary-navigation ul.birddog-page {
	margin-left: 60px;
	}

#secondary-navigation ul.strategy-page {
	margin-left: 115px;
	}
	
#secondary-navigation ul.creative-page {
	margin-left: 175px;
	}

body#all #secondary-navigation {background-color: #006699;}
body#subscribe #secondary-navigation {background-color: #912f5d;}
body#contact-page #secondary-navigation {background-color: #af0c96;}
body#birddog #secondary-navigation, body#jobs #secondary-navigation, body#bark #secondary-navigation {background-color: #0e5ba0;}
body#strategy #secondary-navigation {background-color: #b3a016;}
body#creative #secondary-navigation {background-color: #1d7e64;}
body#clients #secondary-navigation {background-color: #cc9a15;}
body#blog #secondary-navigation {background-color: #902271;}
body#news #secondary-navigation {background-color: #1779a0;}

body#all .nav li.current a {background-color: #006699; padding:8px 5px; color:#fff;}
body#subscribe .nav li.current a {background-color: #912f5d; padding:8px 5px; color:#fff;}
body#contact-page .nav li.current a {background-color: #af0c96; padding:8px 5px; color:#fff;}
body#birddog .nav li.current a {background-color: #0e5ba0; padding:8px 5px; color:#fff;}
body#strategy .nav li.current a {background-color: #b3a016; padding:8px 5px; color:#fff;}
body#creative .nav li.current a {background-color: #1d7e64; padding:8px 5px; color:#fff;}
body#clients .nav li.current a {background-color: #cc9a15; padding:8px 5px; color:#fff;}
body#blog .nav li.current a {background-color: #902271; padding:8px 5px; color:#fff;}
body#news .nav li.current a {background-color: #1779a0; padding:8px 5px; color:#fff;}
body#jobs .nav li.current a {background-color: #0e5ba0; padding:8px 5px; color:#fff;}

/* HOME */
/* ----------------------------------------- */	
	
#introduction {
	margin:0 auto 20px auto;
	height: 265px;
	width: 580px;
	background: url("images/graphic_brackets.gif") no-repeat center;	
	}

#introduction p, #introduction h1, #introduction ul {
	width:530px;
	margin:0 auto 10px auto;
	line-height:1.3em;	
	
	}

#introduction ul {
	padding-left: 30px;
	}
	
#introduction h1 {
	letter-spacing:normal;
	color: #000;
	font-size: 12px;
	background:none;
	padding-left:0;
	}
	
#introduction ul li {
	list-style-type: disc;
	}
	
.video, .latest {
	float:left;
	width: 400px;
	height: 405px;
	margin: 0 5px 20px 0;
	padding: 10px 20px;
	background-color: #e5e6e6;
	}	

.video h2, .latest h2  {	
	padding: 12px 0 0 35px;
	margin: -10px 0 0 -10px;
	}
	
.video .vimeo {
	width: 400px;
	padding-top:10px;
	}

.video {
	background:url(images/graphic_home_box_wide.gif) no-repeat top;
	}

.latest {
	width: 180px;
	background:url(images/graphic_home_box_slim.gif) no-repeat top;
	}

.latest h3, .latest h4 {
	font-weight: normal;
	letter-spacing:normal;
	font-size: 15px;
	line-height:1.2em;
	}

.latest h4 {
	margin: -5px 0 5px 0;
	font-size: 11px;
	font-weight:bold;
	}

.latest p{
	font-size: 11px;
	margin-top:0;
	}

.latest  .thumb {	
	float: left;
	border:1px solid #fff;
	margin-right: 5px;
	}

.latest .more-link { 
	border-bottom: 1px solid #666; 
	background-image:none; 
	padding:0;
	}
	
.last {
	margin:0;
	}



	

	
	
	
	
	
	
	

	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	



.post hr {
	display: block;
	}







	
.flickr-thumbs img {
	border: 1px solid #fff;
	margin: 5px;
	}
 #pagenav {
 	/*font-size: 1.2em;*/
	font-weight: bold; 
 }

#photo img {
	border:1px solid #fff;
	margin: 10px 0 0 0;
	}	
#photo {
width: 520px;
	
	}
#context img {
	border: 2px solid #efefef;
	margin: 10px 10px 10px 0;
	}

#context  {
width: 280px;
margin-left:60px;
	}	
	
.nav-background {
	background-color: #333; padding: 5px; font-weight: bold;
	border: 1px solid #666563;
	}
	
p.nav {	margin-top:15px; margin-left: 30px;}

	






		
.menu_header {
	margin:0;padding:0; position:relative;

	}


.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}



.clear {
	clear: both;
}

/* End Structure */






	



h3.comments {
	padding-left: 40px;
	margin: 40px auto 20px ;
	}
/* End Headers */



















/* End Images */



.entry ol {
	/*padding: 0 0 0 35px;*/
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}











	
	
	
	
	




.more-link  { padding:3px 5px 6px 15px; background: url(images/more-arrow.png) left center no-repeat; list-style-type: none; margin-top:0; }
.tel-no  { padding:6px 5px 6px 25px; background: url(images/tel-no.gif) left center no-repeat; list-style-type: none; margin-right: 20px; }
.dog-cam  { padding:6px 5px 6px 35px; background: url(images/dogcam.gif) left center no-repeat; list-style-type: none; }

.flickr { padding:6px 5px 6px 20px; background: url(images/flickr.png) left center no-repeat; }
.note {
	/*font-size: 0.7em; */ margin:0;
	}


.bark-description ul { margin-left:1px;}

.bark-description ul li { padding:0 0 0 60px; background: url(images/pdf-icon.gif) left no-repeat; list-style-type: none; font-weight: bold; height: 50px; }

.bark-description ul li a {position: relative; top: 15px; left:0; }



acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}



.text-right {
	text-align: right;
	}

.border { 
	border:1px solid #fff; margin: 2px 10px 10px 0;
	}

#no-margin {
 	margin: 0;
	}
	
/* End Various Tags & Classes*/






/*IMAGES CASE STUDY*/

/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }






	
	


	








/*jobs page form corrections */

/*adjust length issue for file upload form in ff3*/
#cf_uploadfile-11 { 
	margin-left: -40px;
	}

.cform legend { 
	color: #fff; 
	font-weight: bold; 
	/*font-size: 1.3em; */
	padding-top:10px; 
	}
	
	
	
	
h2.widgettitle { display:none}
.wpcf7 p { margin:0 !important; padding:0 !important; font-size: 12px !important}
	
.wpcf7 input, .wpcf7 textarea  { max-width: 170px; border: 1px solid #ccc; margin-bottom: 5px; padding:3px; }
	
.wpcf7 textarea { height: 150px; }
	
	
	.wpcf7-validation-errors, .wpcf7-mail-sent-ok { margin-bottom:0 !important}
	
	
	
	.wpcf7-not-valid-tip-no-ajax { font-size: 10px !important}