@charset "UTF-8";
/* CSS Document */

/* General Styles */

body {
background:url(../images/layout/body.png) top no-repeat #15191E;
color:#435060;
border-top:3px solid #090B0D;
}

html {
	height:101%;
}

blockquote, strong {
	color:#657280;
}

.tab {
	padding-top:20px;
}

* {
outline:none;
}

.wrap {
border-top:1px solid #212529;
}

a {
	color:#6D951D;
}

a:hover {
	color:#fff;
}

img.right, img.left {
	padding:3px;
	border:1px solid #2A3037;
}

p img.left {
	border:none;
}

.tab h1 {
	position:relative;
	border-bottom:1px dotted #2A3037;
}

.tab h1 span {
position:absolute;
bottom:0;
left:-1px;
display:block;
height:15px;
background:url(../images/layout/headershade.png) repeat-x !important;
background:none;
width:100%;
}

.tab h1 b, .header h1 b, .header h2 b {
	position:absolute;
	left:1px;
	bottom:-1px;
	color:#000;
	z-index:-1;
}

/* Header */

.header {
margin-top:110px;
}

.header h1 {
position:relative;
border-bottom:1px solid #2A3037;
}

.header h1 span {
position:absolute;
bottom:-3px;
width:170px; /* You will need to adjust this to match your name */
display:block;
height:20px;
background:url(../images/layout/headershade.png) repeat-x !important;
background:none;
}

.header h1 a {
	color:#fff;
}

.intro h2 {
position:relative;
}

.intro h2 span {
position:absolute;
bottom:-3px;
width:265px; /* You will need to adjust this to match your intro header */
display:block;
height:20px;
background:url(../images/layout/headershade.png) repeat-x;
}

.intro p {
padding-left:37px;
border-left:3px solid #191E24;
}

/* Tabs */

ul#tabs-nav {
	list-style-type: none;
	width: 100%;
	float: left;
	background: url(../images/layout/pixel.gif) bottom left repeat-x;
	margin:15px 0;
}

ul#tabs-nav li {
	margin: 0 2px 0 0;
	float: left;
}

ul#tabs-nav li.right {
float:right;
margin-right:0;
}

ul#tabs-nav a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px solid #15191E;
	border-bottom: 0;
	color: #475760;
	text-decoration: none;
	font:10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

ul#tabs-nav a:hover {
	color: #CED8E6;
	border:1px solid #2A3037;
	border-bottom: 0;
}

ul#tabs-nav a.active {
	padding-bottom: 5px;
	border:1px solid #2A3037;
	border-bottom: 0;
	cursor: default;
	color: #CED8E6;
	background:#15191E;
}

.tab {
clear:left;
}

.tab h1 {
	font-size:20px;
}

.tab h2 {
	font-size:16px;
	letter-spacing:normal;
	font-weight:normal;
}

.tab h3 {
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	font-weight:bold;
	text-transform:uppercase;
}


/* Accordion */

.accordionButton h3, .accordionButtonSelected h3 {
margin:0;
padding:0;
border:1px solid #111519;
}

.accordionButton h3 a, .accordionButtonSelected h3 a {
display:block;
border:1px solid #1F242C;
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
padding:10px;
letter-spacing:normal;
color:#A7AFBB;
background:url(../images/layout/accordion_h3.png) top left no-repeat;
}

.accordionButton h3 a span, .accordionButtonSelected h3 a span {
	color:#475760;
}

.accordionButton h3 a:hover, .accordionButtonSelected h3 a:hover {
color:#fff;
background:url(../images/layout/accordion_h3_hover.png) top left no-repeat;
}

.accordionButtonSelected h3 a { 
color: #fff;  
background:url(../images/layout/accordion_h3_active.png) top left no-repeat;
}
 
.accordionContent {	
	display: none;
	height:145px;
}


/* Sliding Boxes */

.boxgrid{ 
width: 630px; 
height: 145px; 
margin:0; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 1px solid #111519;
height:145px;
}
.boxgrid p{ 
padding: 0 10px; 
font-weight:bold; 
font:11pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #111519; 
height: 100px; 
width: 100%; 
opacity: .95; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}
.captionfull .boxcaption {
top: 145px;
left: 0;
}
.caption .boxcaption {
top: 145px;
left: 0;
}

.boxcaption p {
marign:0;
padding:0 0 5px 0;
font-size:90%;
}

.boxcaption h3 {
margin-bottom:10px;
font-size:15px;
color:#fff;
}

.caption a:hover {
color:#900;
text-decoration:underline;
}

p.description {
padding:8px 15px;
width:390px;
line-height:17px;
float:left;
}

.caption p.link {
padding:9px 15px 0 0;
text-align:right;
margin-top:8px;
}

.button { 
border:1px solid #42A5C6;
padding:3px 7px;
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#BCDFED;
background:#398BA6;
cursor:pointer;
}

.button:hover {
	color:#fff;
	text-decoration:none;
}

p.link a:hover {
	color:#fff;
	text-decoration:none;
}

/* Table Styles */

table {
	border-top:1px dotted #2A3037;
	border-left:1px dotted #2A3037;
}

td, th {
	border-right:1px dotted #2A3037;
	border-bottom:1px dotted #2A3037;
	padding:4px 6px;
}

th {
	color:#fff;
	font-weight:bold;
	background:#1F252B;
}

tr.alt td {
	background:#1A1F25;
}

.button:hover {
color:#fff;
text-decoration:none;
}

/* Contacts */

ul.contacts {
	margin:0 0 15px;
	padding:0;
}

ul.contacts li {
	list-style:none;
	margin:0;
	padding:10px 0;
}

ul.contacts li a {
	padding:10px 0 10px 40px;
	color:#475760;
	font:10px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

ul.contacts li a:hover {
	color:#fff;
	border-left:2px solid #15191E;
}

ul.contacts li.facebook a {
	background:url(../images/icons/dark/facebook.gif) left no-repeat;
}

ul.contacts li.lastfm a {
	background:url(../images/icons/dark/lastfm.gif) left no-repeat;
}

ul.contacts li.linkedin a {
	background:url(../images/icons/dark/linkedin.gif) left no-repeat;
}

ul.contacts li.myspace a {
	background:url(../images/icons/dark/myspace.gif) left no-repeat;
}

ul.contacts li.skype a {
	background:url(../images/icons/dark/skype.gif) left no-repeat;
}

ul.contacts li.twitter a {
	background:url(../images/icons/dark/twitter.gif) left no-repeat;
}

/* Footer */

.footer {
	border-top:1px solid #2A3037;
	margin-top:20px;
	padding-top:10px;
}

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

/* Contact Form */
label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size:12px; }
input, textarea, select { margin: 0; padding: 5px; background: #192026; border: 1px solid #2A3037; margin: 5px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; color:#fff; font:11px Arial, Helvetica, sans-serif; width:96%;}   
input:focus, textarea:focus, select:focus { border: 1px solid #2A3037; background-color: #2A3037; color:#fff; }

fieldset { padding:20px; border:1px solid #2A3037; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#fff; border:1px solid #2A3037; font-size:12px; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #fff; font-weight:bold; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../contact/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../contact/assets/success.gif') left no-repeat; padding-left:22px; }

hr {
	display:none;
}

/* Services */
#services p img.left {
	margin:0 10px 10px 0;
}

#services .span-4 p {
	font-size:90%;
	line-height:15px;
}


input[type=submit] {
	width:auto;
}