/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #1d2120 url(../img/main-bg.jpg) top center fixed no-repeat; width: 100%; height: 100%; min-height: 723px;
	/*background: #eee;*/
	/*border-top: 5px solid #000;*/
	/*color: #fff;*/
	color:#DDD;
	font-size: 12px;
	padding: 0 0 40px;
}


/* anchors
----------------------------------------------- */
a {	/*color: #000;*/ color: #FFA500; /*font-weight:bold;*/ text-decoration: none; }
a:hover { /*color:#333;*/ color:#ffcc33; }


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 { /*background:#fff;*/ background:#43434C url("../img/main-pg.jpg") center top fixed no-repeat; }


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a { font-weight:normal; }


/* font colour
----------------------------------------------- */
span { color:#FFA500; }
span.white { background-color:#222; color:#FFF; }


/* branding
----------------------------------------------- */
h1#branding { width: 292px; height: 95px; background: url(../img/logo.png) no-repeat; text-indent: -3000px; padding: .5em 0; margin:0; }
h1#branding a { position: relative; top: 0; left: 0; display: block; width: 292px; height: 95px; }


/* page heading
----------------------------------------------- */
h2#page-heading, 
h2#foot-heading { font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px dashed #ccc; }


/* boxes
----------------------------------------------- */
.box { /*background:#ddd;*/ margin-bottom:20px; padding:10px 10px 1px 10px; }
.box h2 { font-size:1em; /*font-weight:normal;*/ text-transform:uppercase; color:#fff; background:#222; margin:-10px -10px 0 -10px; padding:6px 12px; }
.box h2 a, 
.box h2 a.visible {	color:#fff;	background:#222 url("../img/switch_minus.gif") 97% 50% no-repeat; display:block; padding:6px 12px; margin:-6px -12px; border:none; }

.grid_4 .box h2 a {	background-position: 97% 50%; }
.grid_5 .box h2 a {	background-position: 98% 50%; }
.grid_12 .box h2 a { background-position: 99% 50%; }

.box h2 a.hidden,
.box h2 a.hidden:hover { background-image: url("../img/switch_plus.gif"); }
.box h2 a:hover { background-color:#111; }

.block { padding-top:10px; }
div.menu { padding:0; }
div.menu h2 { margin:0; }
div.menu .block { padding-top:0; }


/* paragraphs, quotes and lists
----------------------------------------------- */
p {	margin-bottom:1em; }
blockquote { /*font-family: Georgia, 'Times New Roman', serif;*/ font-size:1.1em; padding-left:1em; /*border-left:4px solid #ccc;*/ border-left:2px solid #ccc; }
blockquote cite { font-size:.9em; }
ul, ol { padding-top:0; }


/* menus
----------------------------------------------- */
ul.menu { list-style:none; border-top:1px solid #bbb; }
ul.menu li { margin:0; }
ul.menu li a { display:block; padding:4px 10px;	border-bottom:1px solid #ccc; }
ul.menu li a:hover { background:#eee; }
ul.menu li a:active { background:#ccc; }


/* submenus
----------------------------------------------- */
ul.menu ul { list-style:none; margin:0; }
ul.menu ul li a { padding-left:30px; }


/* section menus
----------------------------------------------- */
ul.section { border-top:0; margin-bottom:0; }
ul.section li {	text-transform:uppercase; }
ul.section li a { /*background:#bbb;*/ background:#555; }
ul.section li a:hovbackground:#666 url(../img/main_menu.gif) no-repeat top left;er {	/*background:#aaa;*/ background:#666; }
ul.section li a:active { color:#fff; background:#666; }
ul.section li li a { background:#555; border-bottom:1px solid #444; }
ul.section li li a:hover { background:#666; }
ul.section li li a:active {	color:#000;	background:#fff; }
ul.section ul li { text-transform:none; }
ul.section ul.current li a { background:#444; border-bottom:1px solid #555; /*background:#eee; border-bottom:1px solid #fff;*/ }
ul.section ul.current li a:hover { background:#ddd; }
ul.section ul.current li a:active {	background:#fff; }
ul.section li a.current { color:#fff; background:#666; }
ul.section li a.current:hover {	background:#555; }
ul.section li a.current:active { background:#444; }
ul.section li a.active { background:#666; cursor:default; }
ul.section li.current > a.active,
ul.section li.current > a.active:hover { color:#fff; background:#777; cursor:default; }


/* table
----------------------------------------------- */
table {	color: #000; width:100%; border:1px solid #bbb;	margin-bottom:10px; }
caption { color: #fff; }
col.colC { width:8em; }
th, td { padding:.2em 1em; text-align:left; }
thead th { border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em; }
thead th.table-head { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; /*background:#555;*/ background:#222; border:1px solid #333; }
tbody th,
tbody td { border-top:1px solid #bbb; border-bottom:1px solid #bbb;	background:#eee; }
tbody tr.odd th,
tbody tr.odd td { background:#fff; }
tfoot th,
tfoot td { border-top:2px solid #666; background:#eee; }
tfoot tr.total th,
tfoot tr.total td { border-top:6px double #666; }
tfoot tr.total th {	text-transform:uppercase; }
th.currency,
td.currency { text-align:right; }


/* forms
----------------------------------------------- */
form { overflow:hidden; }
fieldset { /*border:1px solid #bbb;*/ border:1px solid #777; padding:10px; position:relative; /*background:#e9e9e9;*/ background:#666; margin-bottom:10px; }
legend { font-size:1.1em; padding:.4em .8em; /*background:#fff;*/ background:#555; /*border:1px solid #bbb;*/ border:1px solid #777; }
fieldset.login p { margin-bottom:1em; margin-top:0pt; }
fieldset p label { width:98%; }
fieldset p input { width:98%; }
fieldset p textarea { width:98%; }
fieldset p select { width:99%; }
fieldset.login p label { float:left; line-height:2em; margin-right:3%; text-align:right; width:32%; }
fieldset.login p input { width:60%; }
fieldset.login input.button { margin-left:35%; }
form p.notice { font-weight:bold; }
input.checkbox { width: 2%; }
input.search.text, input.join.text { width:66%; }
input.search.button, input.join.button { width:28%;	margin-left:2%; }
#search { padding-top: 70px; }

/* articles
----------------------------------------------- */
.articles {	/*padding:0;*/ }
.articles h2 { /*margin:0;*/ }
/*#articles { padding-top:0; }*/
.article { border-top:1px solid #666; /*padding-top:.5em;*/ padding-top:.8em; }
/*.article:hover { background: #434343; }*/
.box .article {	/*border-top:3px solid #fff;*/ border-top:1px dashed #ccc; /*padding:13px 10px 0 10px;*/ }
.article h2 { font-size:2em; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none; }
.article h3 { /*margin-bottom:.2em;*/ font-size:1.6em; }
.box .first { border-top:none; }
.article h4 { font-size:1.2em; text-transform:uppercase; margin-bottom:.5em; }
/*.article a.image { float:left; margin:0px 10px 10px 0; padding:4px; border:1px solid #bbb; background:#fff; }
.article a.image:hover { border:1px solid #666; }
.article a.image img { float:left; }*/

.article img { /*float:left;*/ /*margin:0px 10px 10px 0;*/ margin:0px 0 10px 0; padding:4px; border:1px solid #bbb; background:#fff; }
.article img:hover { border:1px solid #666; }
.article img { /*float:left;*/ }

#clients img { margin:0px 0 10px 0; }

.article p.meta { color:#ccc; border-top:1px dotted #999; border-bottom:1px dotted #999; padding:.3em 0; margin-bottom:.8em; }


/* site information
----------------------------------------------- */
#site_info .box { color:#ccc; background:#666; margin-bottom:10px; }
#site_info a { color:#fff; }
#site_info a:hover { color:#000; }


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler { color: #222; margin: 0; padding: 2px 5px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; font-size:1.1em; font-weight: normal; }
.element h4 { margin: 0; padding:4px; line-height:1.2em; }
.element p { margin: 0; padding: 4px; }
.float-right { padding:10px 20px; float:right; }
#accordian-block { padding-bottom:10px; }


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { padding:0;	overflow:hidden; }
#kwick-box h2 { margin:0; }
#kwick { position: relative; }
#kwick .kwicks { display: block; background: #999; height: 120px; list-style:none; margin:0; overflow:hidden; }
#kwick li {	float: left; margin:0; padding:0; }
#kwick .kwick { display: block; cursor: pointer; overflow: hidden; height: 100px; width: 215px; padding: 10px; background: #fff; }
#kwick .kwick span { color:#fff; }
#kwick .one { background: #666; }
#kwick .two { background: #777; }
#kwick .three { background: #888; }
#kwick .four { background: #999; }


/* WP Pagenavi
----------------------------------------------- */
.wp-pagenavi a, .wp-pagenavi a:link {
	margin-right: 4px;
	text-decoration: none;
	/*color:#DDDDDD;*/
}
.wp-pagenavi a:visited {
	text-decoration: none;
	/*color:#DDDDDD;*/
}
.wp-pagenavi a:hover {	
	/*color:#DDDDDD;*/
}
.wp-pagenavi a:active {
	text-decoration: none;
	/*color:#DDDDDD;*/
}
.wp-pagenavi span.pages {
	margin-right: 12px;
	color:#DDDDDD;
}
.wp-pagenavi span.current {
	margin-right: 4px;
	font-weight: bold;
	color:#FFCC33;
}
.wp-pagenavi span.extend {
	color:#DDDDDD;
}


/* Custom Tweaks
----------------------------------------------- */
.alignright { float:right; margin-left:12px !important; }
.alignleft { float:left; margin-right:12px !important; }
.quote_open { background:transparent url(../img/quote_start.png) no-repeat top left; float:left; margin-right:0.15em; width:24px; height:13px; }
.quote_close { background:transparent url(../img/quote_end.png) no-repeat top left; float:right; margin-top: -1em; width:24px; height:13px; }

#design a { font-weight: normal; background:transparent url(../img/obscuresounds.png) no-repeat scroll right bottom; padding-right:18px; padding-top: 3px; }