/*

Theme Name: DartBridge Theme

Theme URI: http://wordpress.org/

Description: the wordpress theme for dartbridge

Version: 1.0

Author: Brisbanetechnologies

Author URI: http://www.brisbanetechnologies.com

*/





/* CSS Document [Master Reset]  */

html, body {

	border: 0;

	margin: 0;

	padding: 0;

}

body {

	font: 100.01%/1.25 Verdana, Arial, Helvetica, sans-serif;

	background: #FFFFFF;

	color: #000000;

}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

h1 {

	padding: 30px 0 25px 0;

	letter-spacing: -1px;

	font-size: 2em;

}

h2 {

	padding: 20px 0;

	letter-spacing: -1px;

	font-size: 1.5em;

}

h3 {

	font-size: 1em;

	font-weight: bold;

}

/***** Common Formatting *****/

p, ul, ol {

	margin: 0;

	padding: 0 0 1.25em 0;

}

ul, ol {

	padding: 0 0 1.25em 2.5em;

}

blockquote {

	margin: 1.25em;

	padding: 1.25em 1.25em 0 1.25em;

}

small {

	font-size: 0.85em;

}

img {

	border: 0;

}

sup {

	position: relative;

	bottom: 0.3em;

	vertical-align: baseline;

}

sub {

	position: relative;

	bottom: -0.2em;

	vertical-align: baseline;

}

acronym, abbr {

	cursor: help;

	letter-spacing: 1px;

	border-bottom: 1px dashed;

}

/***** Links *****/

a,

a:link,

a:visited,

a:active,

a:hover {

	text-decoration: underline;

}

/***** Forms *****/

form {

	margin: 0;

	padding: 0;

	display: inline;

}

input, select, textarea {

	font: 1em Verdana, Arial, Helvetica, sans-serif;

}

textarea {

	/*width: 100%;*/

	line-height: 1.25;

}

label {

	cursor: pointer;

}

/***** Tables *****/

table {

	border: 0;

	margin: 0 0 1.25em 0;

	padding: 0;

}

	table tr td {

		padding: 2px;

	}



/* CSS Document [Global Classes] */

.floatLeft		{ float: left; }

.floatRight		{ float: right; }

.normalClear	{ clear: both}

.clearfloat		{ clear:both; height:0; font-size: 1px; line-height: 0px; }

.clearFix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/

* html .clearFix {height: 1%;}

.clearFix {display: block;}

/* End hide from IE-mac */

.textLeft		{ text-align: left; }

.textRight		{ text-align: right; }

.textCenter		{ text-align: center; }

.textJustify	{ text-align: justify; }

.upperCase		{ text-transform: uppercase; }

.bold			{ font-weight: bold; }

.italic			{ font-style: italic; }

.underline		{ border-bottom: 1px solid;}

.imgLeft		{ float: left; margin: 4px 10px 4px 0; }

.imgRight		{ float: right; margin: 4px 0 4px 10px; }

.noPadding		{ padding: 0; }

.noIndent		{ margin-left: 0; padding-left: 0; }

.noBullet		{ list-style: none; list-style-image: none; }

.pad1			{ padding:5px; }



#header span {

	display: block;

	margin: 0pt;

	padding: 0pt;

	position: absolute;

	width: 0pt;

	height: 0pt;

	left: -9999px;

	top: -9999px;

	overflow: hidden;

}



body  {

	background: url(images/dartbridge_bodyBg.gif) repeat-x #ffffff;

	margin: 0;

	padding: 0;

	color: #000000;

}

#container { 

	width: 940px;

	margin: 0 auto;

	/*border: 1px solid #000000;*/

} 

#header { 

	/*background: #DDDDDD; */

	height:80px;

	padding: 24px 0 0 20px;

} 

#header h1 {

	margin: 0 0 0 0;

	padding: 10px 0;

}

#banner {

	position: relative;

	background:url(images/dartbridge_banner.jpg) no-repeat top left;

	height:174px;

	width:940px;

	padding-bottom: 15px;

}

#banner h3 {

	color:#ffffff;

	font: 1.75em Verdana, Arial, Helvetica, sans-serif;

	margin:0 0 5px 0;

	padding:50px 10px 5px 20px;

}

#banner p {

	font: 0.75em Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

	margin:0 0 10px 0;

	padding:5px 10px 10px 20px;

	width:300px;

}

#note {

	position: absolute;

	top:-124px;

	right:22px;

	background:url(images/dartbridge_note.png) no-repeat top right;

	width:358px;

	height:298px;

}

#note h3 {

	color:#ffffff;

	font: bold 1em Verdana, Arial, Helvetica, sans-serif;

	margin: 0pt;

	padding: 0pt;

	padding: 50px 0pt 0pt 50px;

}

#note p {

	font: 0.80em/1.75em Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	margin: 0pt;

	padding: 0pt;

	padding: 20px 0pt 0pt 50px;

}

#note p a.glossy {

	background:url(images/dartbridge_glossyButton.gif) no-repeat top left;

	display: block;

	width: 110px;

	height: 35px;

	text-align: center;

	font: 12px/35px Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-decoration: none;

}

#note p a:hover.glossy {

	color:#f5f5f5;

}

#sidebar {

	float: left;

	display: inline;

	width: 270px;

	padding:5px;

}

#sidebar h3 {

	background:url(images/dartbridge_sideTitleBg.gif) repeat-x;

	font: 1em Verdana, Arial, Helvetica, sans-serif;

	height:22px;

	margin:0 0 10px 0;

	padding:10px;

}

#sidebar p, #mainContent p {

	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

}

#sidebar p, #mainContent p {

	text-align:justify;

}

#sidebar .more-link {

	border-bottom:1px dotted #999999;

	color: #999999;

	text-decoration:none;

}

#sidebar h4 a, #sidebar h4, #mainContent h3, #mainContent h3 a {

	color: #333333;

	font-weight: bold;

	text-decoration: none;

	padding-bottom: 5px;

}

#sidebar p a:hover.readmore {

	border-bottom:1px dotted #333333;

	color: #333333;

	display:block;

	text-decoration:none;

}

#mainContent {

	margin: 0pt 10px 0 290px;

	padding:0 10px;

}

#mainContent p a, #mainContent p a:visited {

	color: #E97603;

}

#mainContent h1 {

	border-bottom:2px solid #d27d00;

	font: 1.50em Verdana, Arial, Helvetica, sans-serif;

	margin:0 0 10px 0;

	padding:8px 0;

}

#mainContent ul {

	margin:0;

	padding:0;

}

#mainContent ul li {

	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	padding-bottom: 10px;

}

#mainContent ul li a {

	color: #000000;

	text-decoration:none;

}

#mainContent ul li a:hover {

	color: #999999;

	text-decoration: underline;

}

#mainContent p a.readmore {

	border-bottom:1px dotted #999999;

	color: #999999;

	text-decoration:none;

}

#mainContent p a:hover.readmore {

	border-bottom:1px dotted #333333;

	color: #333333;

	text-decoration:none;

}

#focusBox {

	background:url(images/dartbridge_bodyBoxBg.gif) repeat-x;

	border:1px solid #999999;

	height:180px;

	margin:15px 0 5px 0;

	padding-right:5px;

	width:610px;

}

#focusBox h3 {

	font: 1.2em Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:10px 5px 5px 5px;

}

#focusBox p {

	font: 0.70em/1.50em Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	margin:0;

	padding:10px 5px 5px 5px;

}

#focusBox p a.arrow {

	background:url(images/dartbridge_bulletArrow.gif) no-repeat bottom left;

	color: #333333;

	height:22px;

	padding:5px 5px 5px 30px;

	text-decoration:none;

	width:22px;

}

#focusBox p a:hover.arrow {

	background: url(images/dartbridge_bulletArrowHover.gif) no-repeat bottom left;

	color: #000000;

	height:22px;

	padding:5px 5px 5px 30px;

	text-decoration: underline;

	width:22px;

} 

.focusBoxImg {

	background:url(images/dartbridge_pipes.jpg) no-repeat left top;

	display:block;

	height:180px; /* 180 */

	margin-right:10px;

	width:261px; /* 234 */

}

#footerBg { 

	background: url(images/dartbridge_footerBg.gif) repeat-x #bfbfbf; 

	height:auto;

} 

#footer {

	position: relative; 

	padding: 10px 20px;

	height:auto;

	margin:0 auto;

	width:900px;

	text-align:left;

} 

#footer .validationBox {

	margin: 0pt;

	padding: 0pt;

	position: absolute;

	top: 45px;

	right: 18px;

}

#footer p {

	font: 0.70em/1.75em Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

	margin: 0;

	padding: 10px 4px;

}

#footer ul {

	background:url(images/dartbridge_watermark.png) no-repeat bottom right;

	border-bottom:1px dotted #999999;

	margin:	0;

	padding:0 0 5px 0;

}

#footer ul li {

	list-style-type:none;

	display:inline;

	padding:3px 4px;

}

#footer ul li a {

	font: 0.70em/1.75em Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

	text-decoration:none;

}

#footer ul li a:hover {

	font: 0.70em/1.75em Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: underline;

}



/* Begin: Navigation */

#navigation {

	height:46px;

	width:590px;

}



/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */



/* remove all list stylings */

.menu, .menu ul {

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

}



.menu li {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: left;	/* move all main list items into one row, by floating them */

	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */

	z-index: 5;		/* thus we need to apply explicit z-index here... */

}



.menu li:hover {

	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */

	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */

}



.menu li li {

	float: none;/* items of the nested menus are kept on separate lines */

}



.menu ul {

	visibility: hidden;	/* initially hide all submenus. */

	position: absolute;

	z-index: 10;

	left: 0;	/* while hidden, always keep them at the top left corner, */

	top: 0;		/* 		to avoid scrollbars as much as possible */

}



.menu li:hover>ul {

	visibility: visible;	/* display submenu them on hover */

	top: 100%;	/* 1st level go below their parent item */

}



.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */

	top: 0;

	left: 100%;

}



/* -- float.clear --

	force containment of floated LIs inside of UL */

.menu:after, .menu ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

.menu, .menu ul {	/* IE7 float clear: */

	min-height: 0;

}

/* -- float.clear.END --  */



/* -- sticky.submenu --

	it should not disappear when your mouse moves a bit outside the submenu

	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!

	if you do it, make sure you 110% know what you do */

.menu ul {

	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */

	padding: 10px 30px 30px 30px;

	margin: -10px 0 0 -30px;

	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.

								you can also use to adjust the safe area to your requirement */

}

.menu ul ul {

	padding: 30px 30px 30px 10px;

	margin: -30px 0 0 -10px;

}

/* -- sticky.submenu.END -- */



/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */



.menu, .menu ul li {

	color: #eee;

	/*background: #234;*/

}



.menu ul {

	width: 11em;

}



.menu a {

	font: 0.75em/1.75em Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #333333;

	padding: 0.95em 1.4em;

	display: block;

	position: relative;

}



.menu a:hover, .menu li:hover>a {

	color: #657818;

	border-bottom:2px solid #758b1c;

}



.menu li li {	/* create borders around each item */

	border: 1px solid #ccc;

}

.menu ul>li + li {	/* and remove the top border on all but first item in the list */

	border-top: 0;

}



.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */

	top: 5px;

	left: 90%;

}



/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu

	placed here to clarify the terminology I use when referencing submenus in posts */

.menu>li:first-child>a, .menu li + li + li li:first-child>a {

	color: #567;

}

.home a.homeActive, .media a.mediaActive, .faq a.faqActive, .training a.trainingActive, .contactUs a.contactUsActive

{ border-bottom:2px solid #758b1c; }





/* Begin: Extra Elements */

.pad5 {

	margin-top:5px;

}

.colorRed {

	color: #990000;

}

.bannerFont {

	font-size: 0.50em;

}

.borderTop {

	border-top:2px solid #eeeeee;

	border-bottom:2px solid #eeeeee;

}

input {

        border:1px solid #999999;

        padding:3px;

}

.imgGap {

        margin:2px 2px;

        border:1px solid #cccccc;

}

.imgGap2 {

        margin:0 0 6px 10px;

        padding:1px;

        border:1px solid #cccccc;

        text-align:center;

}

.imgGap3 {

        margin:6px 10px 6px 0;

        padding:1px;

        width:170px;

        border:1px solid #cccccc;

        text-align:center;

        line-height:15px;

}

.imgGap4 {

        margin:6px 10px 6px 0;

        padding:1px;

        width:200px;

        border:1px solid #cccccc;

        text-align:center;

        line-height:15px;

}

.imgGap5 {

        float:left;

        display:block;

        margin:6px 210px 6px 210px;

        padding:1px;

        width:170px;

        border:1px solid #cccccc;

        text-align:center;

        line-height:15px;

}

.imgGap2300width {

        margin:0 0 6px 10px;

        padding:1px;

        border:1px solid #cccccc;

        text-align:center;

        width:300px;

        line-height:15px;

}

.imgGapBorder {

        float:left;

        padding:1px;

        border:1px solid #cccccc;

        text-align:center;

        width:300px;

        margin:10px 145px;

        line-height:15px;

}

.listDivider {

        border-top:1px dotted #999999;

        padding:5px 0;

}

.teal {

        color:#333333;

}

.big {

        font-family:arial;

        font-size:30px;

        padding:7px 3px;

        float:left;

        margin-right:3px;

        color:#666666;

}

.listMargin {

        padding-left:20px !important;

}
.fixpng {
}