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

/*-----------------------------------------------------------------------------
CRB Home Page
version:   1.0
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* =Layout
-----------------------------------------------------------------------------*/
#headermast {
	height:310px;
	background: url(../images/headermast2.jpg) 0 0 no-repeat;
}
#headermast h1#logo {
	background:url(../images/logo_crb_associates_large.gif) 0 0 no-repeat;
	width:351px;
	height:30px;
	text-indent:-2000px;
	position:absolute;
	top:37px;
	left:31px;
}
#headermast h2#topBarHeader {
	background: url(../images/header_home.gif) 0 0 no-repeat;
	width: 349px;
	height: 75px;
	text-indent: -2000px;
	position: absolute;
	top: 94px;
	left: 32px;
}

div#content {
	margin:36px 0 0 0;
	float:left;
	width:940px;
	position:relative;
	display:inline;
	padding:0 30px 110px 30px;
}


/* =Element Styles
------------------*/
h3 {
	font:normal 140%/1.3em "Lucida Sans", Arial, Helvetica, sans-serif;
	color:#a1b51a;
	padding:0 0  0 0;
	margin:0;
}
#headermast h1 {
	font:normal 310%/1.3em "Lucida Sans", Arial, Helvetica, sans-serif;
	position:absolute;
	top:80px;
	left:60px;
	padding:0;
}
a.serviceBtn {
	position:absolute;
	width:156px;
	height:52px;
	font:bold 120%/1.2em "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #666666;
	padding:8px 0  0 15px;
}
a.serviceBtn:hover {
	color: #a1b51a;
}
a#btn01 {
	background: url(../images/btn_web_design.png) 0 0 no-repeat;
	top:200px;
	left:30px;
}
a#btn02 {
	background: url(../images/btn_web_design.png) 0 0 no-repeat;
	top:240px;
	left:287px;
}
a#btn03 {
	background: url(../images/btn_web_design.png) 0 0 no-repeat;
	top:240px;
	right:287px;
	line-height:2.4em;
}
a#btn04 {
	background: url(../images/btn_web_design.png) 0 0 no-repeat;
	top:200px;
	right:30px;
}
a#btn01:hover {
	background: url(../images/btn_web_design.png) 100% 0 no-repeat;
	text-decoration:none;
}
a#btn02:hover {
	background: url(../images/btn_web_design.png) 100% 0 no-repeat;
	text-decoration:none;
}
a#btn03:hover {
	background: url(../images/btn_web_design.png) 100% 0 no-repeat;
	text-decoration:none;
}
a#btn04:hover {
	background: url(../images/btn_web_design.png) 100% 0 no-repeat;
	text-decoration:none;
}
div#news .news-heading {
	font-weight:bold;
	padding:0.2em 0 0.2em 0;
	color: #333;
}
div#news p {
	margin: 10px 0 0 0;
	padding: 0 0 1em 0;
	line-height: 1.4em;
	font-size: 85%;
	color: #666;
}
div#news p a {
	padding:0.3em 0 0 0;
	color:#a1b51a;
}

/* =Feedback form
-----------------------------------------------------------------------------*/
fieldset {
	border:0 none;
	margin:0;
	padding: 0;
	width:234px;
}
fieldset .item {
	margin-left: 0;
}
.item {
	float: left;
}
.item label {
	display: block;
	margin-bottom: .3em;
	margin-top: .6em;
	color:#fff;
}
.item div.helpLabel label {
	float: left;
	margin-right: .3em;
}
.item input,
.item select {
	border-width: 1px;
	font-size: 11px;
	padding: 1px;
}
.item input {
	padding: 2px 1px;
}
.item select,
.item input {
	width: 232px;
}
fieldset p {
	padding-left: 13px;
}
fieldset span {
	font-size: .7em;
}

.bookingButtons {
	text-align: right;
	margin:1em 0 0 0;
}
label.error {
	color: #cb0000;
}
textarea#feedback {
	width: 225px;
}

/* =Flexi Box
-----------------------------------------------------------------------------*/
div.flexiBox {
	width:276px;
	float:left;
	margin:0;
}
div.tl {
	background: url(../images/flexi_box_header_left.gif) 0 0 no-repeat;
	width:10px;
	height:10px;
	float:left;
	font-size:1px;
}
div.tr {
	background: url(../images/flexi_box_header_right.gif) 100% 0 no-repeat;
	width:256px;
	height:10px;
	float:left;
	padding:0 0 0 10px;
	font-size:1px;
}
div.bl {
	background: url(../images/flexi_box_lb.gif) 0 0 no-repeat;
	width:10px;
	height:17px;
	float:left;
}
div.br {
	background: url(../images/flexi_box_rb.gif) 100% 0 no-repeat;
	width:266px;
	height:17px;
	float:left;
	padding:0 0 0 0;
}
div.flexiBoxContent {
	width:236px;
	float:left;
	background:#767676;
	padding:0 20px 0 20px;
}



/* =Slider gallery
-----------------------------------------------------------------------------*/


/* = Portfolio Slider gallery
-----------------------------------------------------------------------------*/
.ui-icon {
background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-99999px;
}
.ui-icon-grip-dotted-vertical  {
background-position:0 -124px;
}
.scroll-pane { overflow: auto; width: 620px; float:left; margin:0 0 0 2px; }
.scroll-content { width: 964px; float: left; height: 241px;}
.scroll-content-item { width: 380px; height: 300px; float: left; margin: 10px 0 10px 0;  font-size: 3em; line-height: 96px; text-align: center; border:1px solid  #CCCCCC; }
a.scroll-content-item {border:0 none; }
a.scroll-content-item:hover {border:0 none; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 15px 4px 0 2px; margin: 0 10px -1px 10px; width: 640px; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 1.2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 0; background: url(../images/slider_handle.gif) 0 0 no-repeat; width:82px; height:22px; cursor: pointer;}

.ui-slider {
position:relative; text-align:left;
}
.ui-widget-content {
background:0 none; border:0 none; color:#222222;
}
.ui-slider .ui-slider-handle {
}
.slider_bkg {
background: none 0 16px no-repeat; width: 610px; height:300px; float:left; margin:10px 5px 0 3px; display:inline;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left:-0.6em;
}
.ui-slider .ui-slider-handle {
cursor:default; position:absolute; z-index:2;
}
.ui-state-default .ui-icon {
background: url(../images/slider_handle.gif) 0 0 no-repeat;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background:none;
}

input.tabLabel {
	font-size: 90%;
	height: 1.2em;
}