/*
Theme Name: The Bond Group
Theme URI: http://wordpress.org/
Description: NA
Version: 1.0
Author: Brian Hurwitz
Author URI: NA
Tags: 

	The Bond Group 1.0

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 3, 2010 */

@font-face {
	font-family: 'NewsGothicMTStdBold';
	src: url('fonts/newsgothicmtstd-bold-webfont.eot');
	src: local('?'), url('fonts/newsgothicmtstd-bold-webfont.woff') format('woff'), url('fonts/newsgothicmtstd-bold-webfont.ttf') format('truetype'), url('fonts/newsgothicmtstd-bold-webfont.svg#webfontNHSUrGQd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NewsGothicMTStdBoldItalic';
	src: url('fonts/newsgothicmtstd-bolditalic-webfont.eot');
	src: local('?'), url('fonts/newsgothicmtstd-bolditalic-webfont.woff') format('woff'), url('fonts/newsgothicmtstd-bolditalic-webfont.ttf') format('truetype'), url('fonts/newsgothicmtstd-bolditalic-webfont.svg#webfontmbHrldNW') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NewsGothicMTStdItalic';
	src: url('fonts/newsgothicmtstd-italic-webfont.eot');
	src: local('?'), url('fonts/newsgothicmtstd-italic-webfont.woff') format('woff'), url('fonts/newsgothicmtstd-italic-webfont.ttf') format('truetype'), url('fonts/newsgothicmtstd-italic-webfont.svg#webfont8vQBcBmh') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NewsGothicMTStdRegular';
	src: url('fonts/newsgothicmtstd-webfont.eot');
	src: local('?'), url('fonts/newsgothicmtstd-webfont.woff') format('woff'), url('fonts/newsgothicmtstd-webfont.ttf') format('truetype'), url('fonts/newsgothicmtstd-webfont.svg#webfontyxFd8Nlt') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* End custom fonts */




body {	
	border-top: 0;
	color: #666;
	font-size: 11px;
	padding: 0 0 40px;
	margin-top:0;
}

a {
	color: #666;
	text-decoration: none;
}

a img{
	border:none;
}

a:hover {
	text-decoration:none;
	color:#c4122f;
}

h2 {
	padding: 30px 0 0 0;
	text-align: left;
	margin:0px;
}
.pagetitle{font-size:14px;font-weight:bold;}

.category-blog h3{font-size:30px;font-weight:normal;font-family:NewsGothicMTStdRegular, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;;}

p {
	overflow: hidden;
	padding: 3px 0;
	text-align: left;
}

.container_12 {
	background: # url(../../img/12_col.gif) repeat-y;
	margin-bottom: 20px;
}

.container_16 {
	background: #fff url(../../img/16_col.gif) repeat-y;
}

.container_24 {
	margin-top:0px;
}

ul{
	list-style:none;
	margin:0;
	position:relative;
	top:0;
}

.outline{
	border:solid 1px #000000;
}

img { behavior: url(iepngfix.htc);
/* Note that the url MUST be from the root or IE won't find it. */}

.imgwrap{float:left;margin-right:7px;margin-bottom:7px;}

.wp-caption-text{font-size:10px;font-style:italic;text-align:left;}

.caption_home{font-family:'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}


.wp-post-image {
	z-index:0;
}

.border-bottom{
	border-bottom:solid 1px #333;
}


.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	
.blog-interior{
	margin-top:1px;
}

.blog-interior .post{
	margin-bottom:-5px;
	padding-bottom:20px;
}	

.blog a{
	color:#c4122f;
}

.blog a:hover{
	text-decoration:underline;
}

.comment-body a{
	color:#c4122f;
}

.entry-utility{
	font-style:normal;
	text-decoration:none;
}

.tag-links, .comments-link{
	font-size:11px;
}

/*#########################################################
  End Framework
  
  Structure
########################################################*/

#border-top{
	background:url(graphics/border-top.jpg) no-repeat top left;
	height:59px;
}

#header{
	height:60px;
	border-bottom:solid 4px #666;
}

.border-bottom{
	border-bottom:solid 1px #666;
}


/* Navigation */

#nav{
	text-align:right;
}

ul#nav{
	font:12px NewsGothicMTStdBold, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	text-align:right;
	color:#666666;
	float:right;
	margin:29px 10px 0 0;
	list-style:none;
}

ul#nav li{
	float:left;
	
}

ul#nav li a{
	color:#666666;
	padding:17px 0 0 0;
}

ul#nav li a:hover{
	text-decoration:none;
	background:url(graphics/bg-nav-item.jpg) top repeat-x;
}

.nav-bottom{
	position:relative;
	top:-28px;
}


/* Content header */

.content-header-lv1{
	padding:36px 0 0 0;
	height:181px;
}

.content-header-lv2{
	padding:36px 0 0 0;
	min-height:78px;
	text-align:left;
	overflow:visible;
}

.content-header-lv2 .header-single{
	font-size:36px;
	line-height:44px;
	margin-top:6px;
	padding-bottom:15px;
}

#contact-info{
	line-height:15px;
	font-size:11px;
}

#contact-info p{
	line-height:15px;
	margin-top:0;
}

#contact-info h3{
	margin-bottom:3px;
}


/* Featured work */

#featured-container{
	border-bottom:solid 1px #666;text-align:center;padding-top:14px;
}




#featured-image{
	width:auto;
	overflow:hidden;
	margin:0px 10px 0 0;
	text-align:center;
}

#featured-image img{
	position:relative;	
	top:-10px;
}
#featured-image a{float:left;}

#featured-caption{
	background:url(graphics/shadow-small.jpg) center top no-repeat;
	height:53px;
	padding:17px 0 0 0;
	position:relative;
	left:-4px;
}

div.post{
	margin-bottom:40px;
	border-bottom:1px dashed #CCC;
	
}

.post p{				/* applies to blog entries & homepage excerpts */
	line-height:19px;
	font-size:13px;
	margin-top:2px;
}

.post h3{
	margin-top:0;
	position:relative;
	top:-20px;
	margin-bottom:-15px;
}

xxxxxxx{				/* use for single blog */
	line-height:18px;
	font-size:13px;
	margin-top:2px;
	padding-bottom:20px;
}


/* Home */

#sidebar{
	/*border-bottom:solid 1px #666;*/
	padding-bottom:10px;
	_position:relative;	/*ie6*/
	_left:15px;	/*ie6*/
}

#sidebar ul{
	
	padding:0;
	margin-top:6px;
	position:relative;
	left:0;
	font-size:12px;
}

#sidebar ul li{
	
	padding:0;
	position:relative;
	left:0;
	
}

#sidebar p {
	line-height:20px;
	font-size:13px;
	margin-top:2px;
}

#main-content{
	position:relative;
	left:-6px;
}

#main-content h2{
	margin-left:0px;
}

#main-content h3{
	margin:0;	
	margin-top:2px;
	margin-bottom:0;
	position:relative;
	left:-2px;
color:#999966;
}

#main-content .caption{
	margin-left:4px;
	font-size:12px;
	line-height:15px;
}

#main-content p{
	margin-left:0;
	margin-top:0;
	position:relative;
	font-size:11px;
	line-height:15px;
	left:-2px;
}


/* Social links */

#social-links{
	_position:relative;	/*ie6*/
	_left:15px;	/*ie6*/
}

#social-links-lv2{
	_position:relative;	/*ie6*/
	_left:15px;	/*ie6*/
	margin:12px 0 0 5px;
	padding-bottom:8px;
}

#social-links img, #social-links-lv2 img{
	position:relative;
	top:32px;
	top:35px\9;	/*ie6-8*/
	float:left;
}

#social-links h2, #social-links-lv2 h2{
	width:185px;
	margin:0 0 12px 0;
	float:left;
	height:64px;
	
}


/* Portfolio */

#portfolio-item-container{
	min-height:380px;	
}

.portfolio-item-image{
	border-top:solid 1px #666;	
	padding-top:29px;
	min-height:311px;
	padding-bottom:19px;
	background:url(graphics/shadow-small.jpg) bottom center no-repeat;
	text-align:center;
}

.portfolio-item-image img{
	position:relative;
	top:-45px;
}

.portfolio-item-copy{
	border-top:solid 1px #666;	
	
	
}

.portfolio-item-copy ul{
	margin-top:0; 
	position:relative; 
	top:-11px;
}

.portfolio-item-copy h2{
	padding-bottom:6px;
}

.portfolio-item-copy h3{
	margin-top:8px;
	margin-bottom:14px;
}

.portfolio-item-copy h4{
	margin-bottom:0;
}

.portfolio-item-copy p{
	font-size:11px;
	margin-top:0;
	position:relative;
	top:-15px;
}

.link-case-study {
	float:right;
	width:250px;

	margin-bottom:15px;

}

#callout-new{
	z-index:1000;
	position:relative;
	top:-298px;
	padding-left:2px;
	width:70px;
	height:73px;
}

#callout-new-home{
	z-index:1000;
	position:relative;
	top:-298px;
	left:522px;
	padding-left:2px;
	width:70px;
	height:73px;
}

.portfolio-info{

	position:relative;
	top:8px;
	margin-bottom:-10px;
}


/* Case Studies */

#case-image{
	width:960px;
	height:100%;
	margin-top:0px;
	
	padding-top:15px;
	padding-bottom:30px;
	background:url(graphics/shadow-large.jpg) center bottom no-repeat;
	text-align:center;
	z-index:0;
	
	position:relative;
	top:-25px;
	margin-bottom:-25px;
}

#case-copy{
	position:relative;
	padding-top:38px;
	padding-left:5px;
	top:-25px;
}

#case-copy p{
	font-size:16px;
	line-height:24px;
	margin-top:0;
}

#case-copy h1{
	margin-bottom:10px;
}

#case-image .caption{
	width:225px;
	position:relative;
	bottom:300px;
	left:695px;
	z-index:100;
	font-size:11px;
}

#case-summary{
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	padding:37px 0 24px 10px;
	margin:15px 0 0 0;
}

ul.list-work-done{
	font-size:11px;
	list-style:disc;
	position:relative;
	left:0;
	margin-top:5px;
	margin-left:-25px;
}

ul.list-work-done li{
	margin-left:0;
	position:relative;
	left:0;
}

#case-summary p{
	margin-top:0;
	font-size:11px;
}

#case-summary h3{
	margin-bottom:-4px;
}


/* Case Studies Navigation */

/* 
#navigation-case-study{
	z-index:1000;
	position:relative;
	margin-top:-462px;
	top:460px;
}*/

#entry_next {
	position:relative;
	top:-77px;
	float: right;
	display: block;
	min-width: inherit;
	width:47px;
	height: 1px;
	margin: 0 11px -100px 0;
	padding:40px 35px 0 0;
	background: url("graphics/arrow-right-lg-off.png") no-repeat right 11px;
	color:#FFF;
	text-align:right;
	overflow:hidden;
}


#entry_next:hover {
	background: url("graphics/arrow-right-lg-on.png") no-repeat right;
  	color:#666;
	position:relative;
	top:-77px;
	float: right;
	display: block;
	min-width: 60px;
	width:auto;
	height: 38px;
	margin: 0 11px -100px 0px;
	padding:14px 35px 0 0;
	text-align:right;
	overflow:visible;	
}



#entry_previous {
	position:relative;
	top:-77px;
	float: left;
	display:block;
	min-width: inherit;
	width:15px;
	*left:10px; /*ie6&7*/
	height: 1px;
	margin: 0 0 -100px 8px;
	padding:40px 0 0 35px;
	background: url("graphics/arrow-left-lg-off.png") no-repeat left 11px;
	color:#FFF;
	text-align:left;
	overflow:hidden;
	
}

#entry_previous:hover{
  background: url("graphics/arrow-left-lg-on.png") no-repeat left;
  color:#666;
  position:relative;
  top:-77px;
  float: left;
  display: block;
  min-width: 60px;
  width:auto;
  height: 38px;
  margin: 0 0 -100px 8px;
  padding:14px 0 0 35px;
  text-align:left;
  overflow:visible;	
}

#entry_previous span, #entry_next span {
	font-size:11px;
}


/* Blog Posts */

#nav-above{
	margin:5px 0 10px 0;
}

#nav-below{
	margin:10px 0 60px 0;
	color:#666;
}

.nav-previous{
	width:50%;
	float:left;
	text-align:left;
}

.nav-next{
	width:50%;
	float: right;
	text-align:right;
}



/* =Comments
-------------------------------------------------------------- */

#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin-top: 24px;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 0 0 24px;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}
#respond dl {
	margin: 0 0 10px;
}
#respond dt {
	 display: inline;
	font-weight: normal;
}
#respond dd {
	display: inline;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* Footer */

#footer-lv1{
	height:106px;
	border-top:solid 4px #666;
	margin:43px 0 0 5px;
	padding:35px 0 0 0;
	background:url(graphics/bg-footer.jpg) no-repeat bottom;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}

#footer-lv2{
	height:106px;
	border-top:solid 4px #666;
	margin:0 0 0 5px;
	padding:35px 0 0 0;
	background:url(graphics/bg-footer.jpg) no-repeat bottom;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}







/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#666;
	margin-top:0;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font: 48px NewsGothicMTStdRegular, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	line-height:49px;
	margin-bottom:0;
	margin-top:0;
	color:#666;
	letter-spacing:-.9px;
}


h2 {
	font: 31px NewsGothicMTStdRegular, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	letter-spacing:-1px;
	margin:0;
	margin-top:0;
}

h3 {
	font: 14px NewsGothicMTStdBold, 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin-bottom:2px;
	margin-top:0;
}

h4 {
	font: 13px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#adadad;
	font-style:italic;
	margin-bottom:-1px;
	line-height:15px;
	margin-top:3px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: none;
}

ul {
	list-style:none;
}

li {
	margin-left:0;
}

#nav li {
	margin-left: 30px;
}

p{
	margin-bottom:10px;
}

dl,
hr,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/* Other */

.caption{
	font-size:10px;
	font-style:italic;
	line-height:16px;
	margin-left:2px;
	margin-top:0;
}

p.excerpt{
	line-height:16px;
	font-size:11px;
	margin-top:1px;
}

a.view-post{
	font-weight:bold;
	color:#6666cc;
	font-size:12px;
}

a.view-post:hover{
	color:#c4122f;
}

.text-larger{
	font-size:12px;
}




/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Container >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
	width: 30px;
}

.container_24 .grid_2 {
	width: 70px;
}

.container_24 .grid_3 {
	width: 110px;
}

.container_24 .grid_4 {
	width: 150px;
}

.container_24 .grid_5 {
	width: 190px;
}

.container_24 .grid_6 {
	width: 230px;
}

.container_24 .grid_7 {
	width: 270px;
}

.container_24 .grid_8 {
	width: 310px;
}

.container_24 .grid_9 {
	width: 350px;
}

.container_24 .grid_10 {
	width: 390px;
}

.container_24 .grid_11 {
	width: 430px;
}

.container_24 .grid_12 {
	width: 470px;
}

.container_24 .grid_13 {
	width: 510px;
}

.container_24 .grid_14 {
	width: 550px;
}

.container_24 .grid_15 {
	width: 590px;
}

.container_24 .grid_16 {
	width: 630px;
}

.container_24 .grid_17 {
	width: 670px;
}

.container_24 .grid_18 {
	width: 710px;
}

.container_24 .grid_19 {
	width: 750px;
}

.container_24 .grid_20 {
	width: 790px;
}

.container_24 .grid_21 {
	width: 830px;
}

.container_24 .grid_22 {
	width: 870px;
}

.container_24 .grid_23 {
	width: 910px;
}

.container_24 .grid_24 {
	width: 950px;
}

/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
	padding-left: 40px;
}

.container_24 .prefix_2 {
	padding-left: 80px;
}

.container_24 .prefix_3 {
	padding-left: 120px;
}

.container_24 .prefix_4 {
	padding-left: 160px;
}

.container_24 .prefix_5 {
	padding-left: 200px;
}

.container_24 .prefix_6 {
	padding-left: 240px;
}

.container_24 .prefix_7 {
	padding-left: 280px;
}

.container_24 .prefix_8 {
	padding-left: 320px;
}

.container_24 .prefix_9 {
	padding-left: 360px;
}

.container_24 .prefix_10 {
	padding-left: 400px;
}

.container_24 .prefix_11 {
	padding-left: 440px;
}

.container_24 .prefix_12 {
	padding-left: 480px;
}

.container_24 .prefix_13 {
	padding-left: 520px;
}

.container_24 .prefix_14 {
	padding-left: 560px;
}

.container_24 .prefix_15 {
	padding-left: 600px;
}

.container_24 .prefix_16 {
	padding-left: 640px;
}

.container_24 .prefix_17 {
	padding-left: 680px;
}

.container_24 .prefix_18 {
	padding-left: 720px;
}

.container_24 .prefix_19 {
	padding-left: 760px;
}

.container_24 .prefix_20 {
	padding-left: 800px;
}

.container_24 .prefix_21 {
	padding-left: 840px;
}

.container_24 .prefix_22 {
	padding-left: 880px;
}

.container_24 .prefix_23 {
	padding-left: 920px;
}

/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
	padding-right: 40px;
}

.container_24 .suffix_2 {
	padding-right: 80px;
}

.container_24 .suffix_3 {
	padding-right: 120px;
}

.container_24 .suffix_4 {
	padding-right: 160px;
}

.container_24 .suffix_5 {
	padding-right: 200px;
}

.container_24 .suffix_6 {
	padding-right: 240px;
}

.container_24 .suffix_7 {
	padding-right: 280px;
}

.container_24 .suffix_8 {
	padding-right: 320px;
}

.container_24 .suffix_9 {
	padding-right: 360px;
}

.container_24 .suffix_10 {
	padding-right: 400px;
}

.container_24 .suffix_11 {
	padding-right: 440px;
}

.container_24 .suffix_12 {
	padding-right: 480px;
}

.container_24 .suffix_13 {
	padding-right: 520px;
}

.container_24 .suffix_14 {
	padding-right: 560px;
}

.container_24 .suffix_15 {
	padding-right: 600px;
}

.container_24 .suffix_16 {
	padding-right: 640px;
}

.container_24 .suffix_17 {
	padding-right: 680px;
}

.container_24 .suffix_18 {
	padding-right: 720px;
}

.container_24 .suffix_19 {
	padding-right: 760px;
}

.container_24 .suffix_20 {
	padding-right: 800px;
}

.container_24 .suffix_21 {
	padding-right: 840px;
}

.container_24 .suffix_22 {
	padding-right: 880px;
}

.container_24 .suffix_23 {
	padding-right: 920px;
}

/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
	left: 40px;
}

.container_24 .push_2 {
	left: 80px;
}

.container_24 .push_3 {
	left: 120px;
}

.container_24 .push_4 {
	left: 160px;
}

.container_24 .push_5 {
	left: 200px;
}

.container_24 .push_6 {
	left: 240px;
}

.container_24 .push_7 {
	left: 280px;
}

.container_24 .push_8 {
	left: 320px;
}

.container_24 .push_9 {
	left: 360px;
}

.container_24 .push_10 {
	left: 400px;
}

.container_24 .push_11 {
	left: 440px;
}

.container_24 .push_12 {
	left: 480px;
}

.container_24 .push_13 {
	left: 520px;
}

.container_24 .push_14 {
	left: 560px;
}

.container_24 .push_15 {
	left: 600px;
}

.container_24 .push_16 {
	left: 640px;
}

.container_24 .push_17 {
	left: 680px;
}

.container_24 .push_18 {
	left: 720px;
}

.container_24 .push_19 {
	left: 760px;
}

.container_24 .push_20 {
	left: 800px;
}

.container_24 .push_21 {
	left: 840px;
}

.container_24 .push_22 {
	left: 880px;
}

.container_24 .push_23 {
	left: 920px;
}

/* Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
	left: -40px;
}

.container_24 .pull_2 {
	left: -80px;
}

.container_24 .pull_3 {
	left: -120px;
}

.container_24 .pull_4 {
	left: -160px;
}

.container_24 .pull_5 {
	left: -200px;
}

.container_24 .pull_6 {
	left: -240px;
}

.container_24 .pull_7 {
	left: -280px;
}

.container_24 .pull_8 {
	left: -320px;
}

.container_24 .pull_9 {
	left: -360px;
}

.container_24 .pull_10 {
	left: -400px;
}

.container_24 .pull_11 {
	left: -440px;
}

.container_24 .pull_12 {
	left: -480px;
}

.container_24 .pull_13 {
	left: -520px;
}

.container_24 .pull_14 {
	left: -560px;
}

.container_24 .pull_15 {
	left: -600px;
}

.container_24 .pull_16 {
	left: -640px;
}

.container_24 .pull_17 {
	left: -680px;
}

.container_24 .pull_18 {
	left: -720px;
}

.container_24 .pull_19 {
	left: -760px;
}

.container_24 .pull_20 {
	left: -800px;
}

.container_24 .pull_21 {
	left: -840px;
}

.container_24 .pull_22 {
	left: -880px;
}

.container_24 .pull_23 {
	left: -920px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}



/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(images_slider/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:945px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
	text-align:center;	/*ie*/
	
	margin:0 auto 0 auto;
	display:table;
	white-space:nowrap;
	
}

ul.slider{
	margin-top:0;
	padding:0;
	height:45px;
	
	display:table-row;
	white-space:nowrap;
	
	display:inline-block\9; /*ie*/
	display:inline\9; 	  /*ie*/
	
	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	*position:relative;
	*left:30%;	/*ie6&7*/
}

ul.slider a{
	display:inline-block\9;	/*ie*/
}

ul.slider li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
	position:relative;
	top:0;
	
	
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	
	display:table-cell;
	
	display:inline-block\9; /*ie*/
	display:inline\9; 	  /*ie*/
}



ul.slider li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(images_slider/pic_bg.png) repeat;
}

ul.slider li.act, ul.slider li.act:hover{
	/* The active state of the thumb */
	background:url(images_slider/active_bg.png) no-repeat;
	cursor:default;
	
	position:relative;
	top:0;
}



ul.slider li:hover{
	cursor:pointer;
	
}

.menuItem{
	position:relative;
	top:0;
	
	margin-top:0;
	float:left;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(images_slider/divider.png) no-repeat right;
}

ul.slider li{
	width:65px;
	position:relative;
	margin-left:-5px;
	position:relative;
	top:0;
	
}

ul.slider li a{
	display:block;
	background:url(images_slider/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
	width:62px;
	position:relative;
	top:0;
	margin-top:0;
	
}

a img{
	border:none;
	position:relative;
	left:-1px;
	margin-left:0\9;
	top:0;
	
}

img.alignright{
float:right;
text-align:right;
padding-left:12px;
padding-bottom:12px;

}
img.alignleft{
padding-right:5px;
}
