/* 2Bit Solutions website stylesheet
   V1.0 Paul Bellamy, BellamyStudio, March 2007 */

/* core html elements */
body {
	padding:0;
	margin:0;
	background-color:white;
	font:0.75em/1.5em Helvetica, Arial, sans-serif;
	color:#000
	}
img {
	border:0
	}
h1,h2,h3,h4{
	margin:0 0 .5em 0;
	padding:0;
	}
h1, h2, h3 {
	letter-spacing:-.1px
}
h1, h2 {
	font-size:1.5em
}
h3 {
	font-size:1.3em
}
p {
	margin:.25em 0 .5em 0
	}
a {
	color:#039;
	text-decoration:none
}
a:hover {
	color:#06c
}
/*a:visited {
	color:#090
}*/
hr {
	border:none;
	background-color:#dedede;
	height:1px
}

/* set up floats */

#container, #boxbottom, #header, #logo, ul#nav1, ul#nav2,
  #content, #footer, .widecolumn, .narrowcolumn {
	float:left
}
/* main template layout */
#wrapper {
	margin:0 auto 25px auto;
	padding:0;
	width:764px;
	text-align:left;
	}
#container {
	position:relative;
	width:764px;
	}
#boxbottom {
	width:780px;
	padding:10px 0
}

#header {
	position:relative;
	clear:both;
	width:764px;
	height:136px;
	background: url('../images/template/header_bg.png') top left no-repeat;
	padding:0;
	margin:5px 0;
}
#logo {
	width:272px;
	height:92px;
	margin:20px;
	padding:0
}

#mailing {
	position:absolute;
	right:20px;
	bottom:20px;
	overflow:hidden;
	text-indent:-999em
}

#mailing a {
	display:block;
	background:url('../images/template/mailing_button.png') top left no-repeat;
	width:136px;
	height:32px;
}
#mailing a:hover {
	display:block;
	background:url('../images/template/mailing_button.png') 0 -32px no-repeat;
}


/* Navigation
------------------------------------------------------------------------------*/
ul#nav1, ul#nav2 {
	width:100px;
	margin:20px 10px 0 0;
	padding:0;
	list-style:none;
	line-height:15px
}

ul#nav1 li, ul#nav2 li {
	padding:0;
	margin:0
}

ul#nav1 a, ul#nav2 a {
	color:#fff
}

ul#nav1 a:hover, ul#nav2 a:hover {
	color:#69c
}

#content {
	width:764px;
}
/* Columns
------------------------------------------------------------------------------*/

.widecolumn {
	width:485px;
	padding:0;
	margin:0 8px 0 0;
	background:url('../images/template/wide_boxbottom.png') bottom left repeat-y;
}
.widecolumn h1, .widecolumn h2 {
	width:465px;
	padding:15px 10px;
	margin:0;
	background:url('../images/template/wide_boxtop.png') top left repeat-y;
}

.narrowcolumn {
	width:270px;
	padding:0;
	background:url('../images/template/narrow_boxbottom.png') bottom left repeat-y;
}
.narrowcolumn h2 {
	width:250px;
	padding:15px 10px;
	margin:0;
	background:url('../images/template/narrow_boxtop.png') top left repeat-y;
}

.widecolumn, .narrowcolumn {
	margin-bottom:10px
}

.widecolumn p, .narrowcolumn p, .widecolumn h3, .narrowcolumn h3 {
	margin:0 10px 10px 10px;
	padding:0
}
.narrowcolumn ol, .narrowcolumn ul, .widecolumn ol, .widecolumn ul {
	margin:0 10px 10px 3em;
	padding:0
}
.last {
	margin-right:0
}

.narrowcolumn dl, .narrowcolumn dt, .narrowcolumn dd {
	padding:0;
	margin:0;
	width:250px;
}
.narrowcolumn dl {
	margin:0 10px 10px 10px
}
.narrowcolumn dt {
	font-size:1.2em;
	font-weight:bold
}
.narrowcolumn dd {
	font-size:.9em
}


#footer {
	width:744px;
	padding:10px;
	margin-top:10px;
	border-top:1px solid #dedede;
	font-size:xx-small;
	color:#999
}
#footer p {
	margin:0 10px
}
#footer a {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999
}
#introSlides {
	width:230px;
	height:200px;
	margin:10px 10px 0 0;
	overflow:hidden
}
#introText {
	margin-top:10px;
	width:175px
}


/* draggable window stuff */
.dragger {
	cursor: move;
	position: relative
	}
.container {
	position:relative;
	z-index:50
	}
.closewin {
	position:absolute;
	top:12px;
	right:15px;
	cursor:pointer}

/* faqs */

#faqs dl {
	margin:0 10px 10px 10px;
	padding:0
}
#faqs dt {
	font-weight:bold
}
#faqs dd {
	margin:0;
	padding:0;
	font-weight:normal
}

/* javascript generated content styles */
.tooltip {
	color: #fff;
	width: 172px;
	z-index: 13000;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(/images/bubble.png) top left;
}

.tooltip p {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/images/bubble.png) bottom right;
}

/* contact page form layout */
	fieldset {
		margin:0;
		padding:0;
		border:0
	}
	fieldset p {padding-bottom:.5em;}
	fieldset label {float:left; width:12em; margin:0 2em 0 0;}
	fieldset input, fieldset textarea {border:1px solid #dedede; background:url('/images/input_bg.gif') top left no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; color:#665}
	fieldset input:focus, fieldset textarea:focus {border:1px solid #3e003e;}
	.whitebox {
		float:left;
		width:225px;
		margin:0;
		padding:10px;
		background-color:#f3f3f3;
		border:1px solid #ccc
	}
dl.chart, dl.job {
	font-size:.8em;
	/*text-transform:uppercase;*/
	width: 350px;
	margin: 0 0 20px 0;
	padding-bottom:10px;
	background: url("/images/windows/box_350_base.png") no-repeat bottom left;
	}

dl.chart dt, dl.job dt {
	margin: -3px 0 0 0;
	padding: 8px 10px 10px 10px;
	width:330px;
	color:white;
	font-size:120%;
	font-weight:bold;
	background: url("/images/windows/box_350_top.png") no-repeat top left;
  }

dl.chart dd, dl.job dd {
	margin: 0;
	padding: 1px 10px;
	background: url("/images/windows/box_350_expand.png") no-repeat bottom left;
  }

dl#jaye {
	position:absolute;
	top:100px;
	left:100px;
}
dl#paul {
	position:absolute;
	top:100px;
	left:150px;
}

dl#john {
	position:absolute;
	top:100px;
	left:200px;
}

dl#consultant {
	position:absolute;
	top:25%;
	left:25%;
}

dl#mailinglist {
	position:absolute;
	display:hidden;
	top:150px;
	left:400px;
}