* {
	margin: 0;
}

html, body {
	height: 100%;
}


li {
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

li a, li a:visited {
	color: #fff;
}

li a:hover {
	color: #a0a068;
}

.gecko li {
	list-style-position: inside;
}

ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

body {
	background: #000 url(../images/bb_images/outerbg.jpg);
	margin: 0 auto;
	padding: 0;
	font-family: Georgia;
}

.gecko body {
	z-index: -9999;
}

h1, h2, h3, h4, h5, h6, h7, p, a, a:hover, a:visited {
	padding: 0;
	margin: 0;
	color: #724c27;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

a, a:hover, a:visited {
	text-decoration: underline;
	color: #e59549;
	border: none;
}

a:hover {
	color: #fff;
}

h2 {
	font-size: 20px;
	color: #a96f38;
	line-height: 140%;
}

p {
	margin: auto;
	font-family: Georgia;
	font-size: 14px;
	color: #724c27;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.cen {
	width: 280px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.cen p {
	margin-top: -40px;
}

.threecen {
	width: 125px;
	float: left;
	margin: 0 auto;
	text-align: center;
	padding: 10px 5px 25px;
}

.threecentwo {
	width: 125px;
	float: left;
	margin: 0 auto;
	text-align: center;
	padding: 10px 5px 0px;
}

.threecen p {
	margin-top: -45px;
}

#wbg {
	position: absolute;
	width: 100%;
	height: 611px;
	background: url(../images/bb_images/wbg.jpg) no-repeat top center;
	z-index: 0;
}

.webkit #wbg {
	z-index: -9999;
}

.ie #wbg {
	top: 0;
	left: 0;
}

#bigwrap {
	width: 100%;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 155px;
	background: url(../images/bb_images/topcontent.jpg) no-repeat;
}

#header #leftwood {
	position: absolute;
	margin: 0;
	padding: 0;
	left: -325px;
	width: 325px;
	height: 611px;
	background: url(../images/bb_images/leftwood.jpg) no-repeat;
}

#header #rightwood {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 950px;
	top: 0px;
	width: 325px;
	height: 611px;
	background: url(../images/bb_images/rightwood.jpg) no-repeat;
}

#topbanner {
	width: 950px;
	height: 34px;
	background: url(../images/bb_images/topbanner.jpg) no-repeat;
	text-align: center;
}

#topbanner span {
	color: inherit;
}

span.whspace {
	margin-right: 35px;
}

#topbanner h1 {
	padding-top: 8px;
	margin: auto;
	font-family: Georgia;
	font-size: 11px;
	color: #724c27;
}

#topbanner h1 a, #topbanner h1 a:visited  {
	color: #724c27;
}

#topbanner h1 a:hover {
	color: #fff;
}

.ie #topbanner h1 {
	padding-top: 10px;
	margin: 0;
}

#logo {
	width: 436px;
	height: 121px;
	float: left;
	background: url(../images/bb_images/bannerlogo.jpg) no-repeat;
}




#menu {
	width: 514px;
	height: 121px;
	float: left;
}

#menuitems {
    width: 514px; height: 121px;
    background: url(../images/bb_images/menu.jpg);
    margin: 0; padding: 0;
    position: relative;}
    
#menuitems li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
    
#menuitems li, #menuitems a {
    height: 121px; display: block;}

#home_on {left: 0; width: 76px;
    background: transparent url(../images/bb_images/menu.jpg)
    0 -121px no-repeat;}

#work_on {left: 76px; width: 68px;
    background: transparent url(../images/bb_images/menu.jpg)
    -76px -121px no-repeat;}

#services_on {left: 144px; width: 86px;
    background: transparent url(../images/bb_images/menu.jpg)
    -144px -121px no-repeat;}

#blog_on {left: 230px; width: 62px;
    background: transparent url(../images/bb_images/menu.jpg)
    -230px -121px no-repeat;}

#faq_on {left: 292px; width: 59px;
    background: transparent url(../images/bb_images/menu.jpg)
    -292px -121px no-repeat;}

#contact_on {left: 351px; width: 90px;
    background: transparent url(../images/bb_images/menu.jpg)
    -351px -121px no-repeat;}

#home {left: 0; width: 76px;}

#work {left: 76px; width: 68px;}

#services {left: 144px; width: 86px;}

#blog {left: 230px; width: 62px;}

#faq {left: 292px; width: 59px;}

#contact {left: 351px; width: 90px;}

#home a:hover {
    background: transparent url(../images/bb_images/menu.jpg)
    0 -121px no-repeat;}
    
#work a:hover {
    background: transparent url(../images/bb_images/menu.jpg)
    -76px -121px no-repeat;}
    
#services a:hover {
    background: transparent url(../images/bb_images/menu.jpg)
    -144px -121px no-repeat;}
    
#blog a:hover {
    background: transparent url(../images/bb_images/menu.jpg)
    -230px -121px no-repeat;}
    
#faq a:hover {
    background: transparent url(../images/bb_images/menu.jpg)
    -292px -121px no-repeat;}
    
#contact a:hover {
    background: transparent url(../images/bb_images/menu.jpg)
    -351px -121px no-repeat;}






/*Special Wrap*/   
.wrapper {
    min-height: 100%;
    width: 950px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -285px;
	background: url(../images/bb_images/topcontent.jpg) no-repeat;
}

.gecko .wrapper, .ie .wrapper {
	position: relative;
}

.push {
	height: 285px;
}

.fourwrapper {
    min-height: 100%;
    width: 950px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -385px;
	background: #000 url(../images/bb_images/404bg.jpg) no-repeat;
	position: relative;
}

.fourpush {
	height: 385px;
}

.tywrapper {
    min-height: 100%;
    width: 950px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -300px;
	background: #000 url(../images/bb_images/404bg.jpg) 0 -155px no-repeat;
}

.gecko .tywrapper, .ie .tywrapper {
	position: relative;
}

.typush {
	height: 300px;
}



.contactwrapper {
    min-height: 100%;
    width: 950px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -230px;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.contactpush {
	height: 230px;
}

.blogwrapper {
    min-height: 100%;
    width: 950px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -320px;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko .blogwrapper, .ie .blogwrapper {
	position: relative;
}

.blogpush {
	height: 320px;
}

.faqwrapper {
    min-height: 100%;
    width: 950px;
    height: auto !important;
    height: 100%;
    margin: 0 auto -290px;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko .faqwrapper, .ie .faqwrapper {
	position: relative;
}

.faqpush {
	height: 290px;
}

#marginwrapper {
	margin: 0 auto;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    width: 950px;
}

.gecko #marginwrapper, .ie #marginwrapper {
	position: relative;
}





/*COMMON TEMPLATE*/
#navi {
	padding-top: 40px;
	margin-left: 40px;
	font-size: 14px;
	color: #e59549;
}

#navi a, #navi a:hover, #navi a:visited {
	color: #fff;
	font-size: 20px;
	text-decoration: underline;
}

#contentheader {
	margin-right: 40px;
	text-align: right;
}

#contentheader h3 {
	font-size: 20px;
	color: #a96f38;
}

.contentcolumns {
	padding-top: 40px;
	margin-left: 30px;
	margin-right: 30px;
	width: 415px;
	float: left;
}

.ie .contentcolumns {
	display: inline;
	margin: 0 20px;
	padding: 40px 0 0;
}

.midcolumn {
	padding-top: 40px;
	margin-left: 10px;
	margin-right: 25px;
	width: 520px;
	float: left;
}

.midcolumn h3 {
	width: 500px;
}

.midcolumn h3 a {
	text-decoration: none;
}

.ie .midcolumn {
	padding-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
}

.midcolumn form input[type="text"] {
	width: 430px;
	height: 20px;
	margin-bottom: 30px;
}

.ie .midcolumn form input {
	margin-bottom: 20px;
}

.ie input.expand {
	width: 430px;
}
.midcolumn form span {
	color: #999999;
}

.midcolumn form textarea {
	width: 430px;
}

.midcolumn form fieldset {
	color: #a96f38;
}

.midcolumn p {
	color: #999;
	line-height: 180%;
}

.ie .midcolumn p {
	margin: 0;
	line-height: 180%;
}

.shortcolumn {
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 280px;
	float: left;
}

.ie .shortcolumn {
	float: right;
}

.blogshortcolumn {
	padding-top: 40px;
	margin-left: 10px;
	margin-right: 10px;
	width: 280px;
	float: left;
}

.ie .blogshortcolumn {
	padding-top: 50px;
	float: right;
}

.ie .blogshortcolumn ul {
	list-style-position: outside;
}

.blogshortcolumn h3 {
	color: #e59549;
}

.blogshortcolumn ul li {
	color: #999999;
}

.shortcolumn p {
	color: #999999;
	line-height: 160%;
}

.ie .shortcolumn p {
	margin: 0;
}

.shortcolumn li {
	padding-bottom: 10px;
	color: #999999;
	list-style-image: url(../images/bb_images/arrow.gif);
}

.ie .shortcolumn li {
	margin-left: 15px;
	list-style-position: outside;
}

.contentcolumns h2 {
	font-size: 25px;
	color: #e59549;
	line-height: 140%;
}

.contentcolumns h5 {
	color: #e59549;
}

.contentcolumns p {
	font-size: 14px;
	color: #999999;
	line-height: 160%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ie .contentcolumns p {
	padding-top: 5px;
	padding-bottom: 15px;
	margin: 0 auto;
}

.contentcolumns li {
	padding-top: 30px;
	font-size: 20px;
	list-style-image: url(../images/bb_images/beandot.jpg);
	color: #a0a068;
	line-height: 160%;
}

.ie .contentcolumns li {
	padding-top: 0px;
	padding-left: 3px;
	padding-bottom: 10px;
	list-style-image: none;
	background: url(../images/bb_images/beandot.jpg) no-repeat top left;
}

.space {
	height: 100px;
}






















/*CONTENTS*/
/*Front Page Content*/
#content {
	width: 950px;
	height: 1118px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #content, .ie #content {
	position: relative;
}


.portfolio {
	width: 950px;
	height: 516px;
}

.portfoleft {
	width: 418px;
	height: 516px;
	float: left;
	background: url(../images/bb_images/portfoleft.jpg) no-repeat;
}

.portbox {
	position: absolute;
	margin-left: 54px;
	top: 239px;
	width: 289px;
	height: 293px;
	background: url(../images/bb_images/bigportfo.jpg) no-repeat;
}

.gecko .portbox, .ie .portbox {
	top: 90px;
}

.portbox img {
	padding: 5px 5px 0;
}

img.nopadding {
	padding: 0 5px;
}

p.bigportitle {
	font-size: 17px;
	color: #fff;
}

p.bigportdes {
	font-size: 14px;
	color: #9d9c69;
}

.portforight {
	margin-top: 70px;
	margin-left: 20px;
	width: 452px;
	height: 446px;
	padding-right: 60px;
	float: left;
}

.portforight h1 {
	color: #a96f38;
	font-size: 28px;
	line-height: 120%;
	padding-bottom: 25px;
}

.portforight h2 {
	color: #ffffff;
	font-size: 20px;
	width: 380px;
	line-height: 120%;
	padding-bottom: 25px;
}

.portboxsmall {
	width: 205px;
	height: 255px;
	margin-right: 10px;
	float: left;
	text-align: center;
}

.portboxsmall a {
	text-decoration: none;
}

.portboxsmall p {
	margin-top: -60px;
	font-size: 15px;
	color: #fff;
	line-height: 120%;
}

.box {
	width: 340px;
	height: 422px;
	float: left;
	background: #000 url(../images/bb_images/beans.jpg) no-repeat;
}

.rightcontent {
	width: 430px;
	height: 600px;
	margin-left: 100px;
	padding-right: 80px;
	float: left;
	background: #000;
}

.rightcontent h2 {
	width: 390px;
}

.twocolumns {
	padding: 10px 15px 10px 0;
	width: 200px;
	height: 400px;
	float: left;
}

.twocolumns p {
	font-size: 14px;
	color: #999999;
	line-height: 160%;
}


/*Service Page Content*/

#servicecontent {
	width: 950px;
	display: inline-block;
	margin: 0 auto;
	background: #000 url(../images/bb_images/servicecontent.jpg) no-repeat;
}

.gecko #servicecontent {
	height: 600px;
}

#servicebanner {
	width: 950px;
	height: 80px;
	text-align:right;
}

.leftcolumn {
	margin-top: 40px;
	width: 430px;
	height: 463px;
	float: left;
	text-align: right;
}

.rightcolumn {
	margin-top: 40px;
	width: 430px;
	height: 463px;
	float: right;
	text-align: left;
}

.line {
	margin-top: 10px;
	width: 400px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.detailline {
	margin-top: 10px;
	width: 450px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.longline {
	margin-top: 10px;
	padding-bottom: 30px;
	width: 895px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.midline {
	margin-top: 10px;
	padding-bottom: 30px;
	width: 520px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.ie .midline {
	padding-bottom: 10px;
}

.blogline {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 520px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.shortline {
	margin-top: 10px;
	padding-bottom: 30px;
	width: 280px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.ie .shortline {
	padding-bottom: 10px;
}

.blogshortline {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 280px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.threeline {
	margin-top: 10px;
	padding-bottom: 30px;
	width: 885px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.lineright {
	margin-top: 10px;
	width: 400px;
	margin-left: 30px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) right repeat-x;
}

.contentline {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 417px;
	height: 2px;
	background: transparent url(../images/bb_images/line.gif) repeat-x;
}

.ie .contentline {
	margin-bottom: 5px;
}

#servicecontent h1 {
	font-size: 38px;
	color: #e59549;
}

#servicecontent h2 {
	padding-top: 40px;
	margin-right: 50px;
	font-size: 28px;
	color: #a96f38;
}

#servicecontent span {
	color: #fff;
}

#servicecontent li {
	padding-top: 25px;
	font-size: 24px;
	color: #fff;
}


#servicecontent li span {
	padding: 0;
	font-size: 14px;
	color: #a96f38;
}

#servicecontent li a, #servicecontent li a:hover, #servicecontent li a:visited {
	color: #fff;
	text-decoration: none;
}

#servicecontent li a:hover {
	color: #E59549;
}

#servicecontent small {
	padding: 0;
	font-size: 14px;
	color: #a96f38;
}


li.service {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

li.service a:hover {
	color: #E59549;
}


/*SEO page content*/
#seocontent {
	width: 950px;
	padding-bottom: 60px;
	display: inline-block;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #seocontent {
	/* height: 1700px !important; */
}

/*EDM page content*/
#edmcontent {
	width: 950px;
	padding-bottom: 60px;
	display: inline-block;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #edmcontent {
	height: 1400px !important;
}

/*APP page content*/
#appcontent {
	display: inline-block;
	padding-bottom: 60px;
	width: 950px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #appcontent {
	height: 2500px !important;
}

#appcontent h4 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 17px;
	color: #fff;
}

#appcontent li {
	padding-top: 5px;
}

/*CMS page content*/
#cmscontent {
	width: 950px;
	padding-bottom: 60px;
	display: inline-block;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #cmscontent {
	height: 2200px !important;
}

#cmscontent li {
	padding-top: 5px;
}

/*COMMUNITY page content*/
#comcontent {
	width: 950px;
	display: inline-block;
	padding-bottom: 60px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #comcontent, .ie #comcontent {
	height: 1000px !important;
}

#comright {
	margin-top: 93px;
	margin-left: 5px;
	margin-right: 0px;
	padding: 0;
	width: 470px;
	height: 373px;
	float: left;
	background: transparent url(../images/bb_images/cb_side.jpg) no-repeat;
}

.ie #comright {
	margin-left: 23px;
}



/*ECOM page content*/
#ecomcontent {
	width: 950px;
	padding-bottom: 60px;
	display: inline-block;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #ecomcontent {
	height: 2000px !important;
}

#ecomcontent li {
	padding-top: 5px;
}

#ecomcontent li span {
	font-size: 20px;
}

li.withwhite {
	font-size: 15px;
	padding-top: 12px;
	padding-bottom: 25px;
}

li.withwhite a, li.withwhite a:hover, li.withwhite a:visited {
	color: #fff;
}

.ecomflower {
	margin-left: 255px;
	width: 190px;
	height: 192px;
	background: url(../images/bb_images/ecomflower.jpg) no-repeat;
}

.ie .ecomflower {
	position: relative;
	left: 28px;
}

/*PPC page content*/
#ppccontent {
	width: 950px;
	display: inline-block;
	padding-bottom: 60px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.ie #ppccontent {
	height: 2200px !important;
}

.gecko #ppccontent {
	height: 2200px !important;
}

.ppcmouse {
	margin-top: 9px;
	margin-left: 102px;
	width: 343px;
	height: 456px;
	background: url(../images/bb_images/ppcmouse-right.jpg) no-repeat top right;
}

.ie6 .ppcmouse {
	margin-left: 105px;
}


.ie7 .ppcmouse {
	position: relative;
	margin-left: 129px;
}

.ppcmouse-left {
	margin-top: 75px;
	margin-left: -29px;
	width: 343px;
	height: 456px;
	background: url(../images/bb_images/ppcmouse.jpg) no-repeat top right;
}

.ie .ppcmouse-left {
	position: relative;
	margin-left: -22px;
}


/*WEB page content*/
#webcontent {
	width: 950px;
	padding-bottom: 60px;
	display: inline-block;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #webcontent {
	height: 1400px !important;
}

.sidebox {
	margin-left: 145px;
	width: 298px;
	height: 245px;
	background: url(../images/bb_images/sidebox.jpg) no-repeat;
}

.ie .sidebox {
	position: relative;
	left: 30px;
}

#webcontent li {
	padding-top: 5px;
}

/*404 page content*/

#fourheader {
	margin-top: 40px;
	margin-right: 40px;
	padding-bottom: 60px;
	text-align: right;
}

#fourheader h3 {
	font-size: 28px;
	color: #a96f38;
}

#fourcontent {
	width: 895px;
	padding-left: 28px;
	padding-right: 28px;
	margin: 0 auto;
}

#fourcontent p {
	color: #999999;
}

#fourcontent h4 {
	font-size: 22px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #e59549;
}

p.suggest {
	color: #fff;
}

/*THANKS page content*/

#tyheader {
	padding-top: 40px;
	margin-right: 40px;
	padding-bottom: 60px;
	text-align: right;
}

#tyheader h3 {
	font-size: 28px;
	color: #a96f38;
}

#tycontent {
	width: 895px;
	height: 300px;
	padding-left: 28px;
	padding-right: 28px;
	margin: 0 auto;
}

#tycontent p {
	color: #999999;
}

#tycontent h4 {
	font-size: 22px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #e59549;
}



/*CONTACT page content*/

#contactheader {
	padding-bottom: 70px;
	width: 895px;
	text-align: right;
	background: transparent url(../images/bb_images/contact.jpg) no-repeat 47px 2px;
}

#contactheader h3 {
	padding-top: 40px;
	font-size: 28px;
	color: #a96f38;
}

#contactcontent {
	width: 895px;
	display: inline-block;
	padding-left: 28px;
	padding-right: 28px;
	margin: 0 auto;
}

.ie #contactcontent {
	padding: 0;
}

.gecko #contactcontent {
	
	display: -moz-inline-box;
}

.gecko .contactwrapper, .ie .contactwrapper {
	position: relative;
}

.map {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 286px;
	height: 286px;
	background: url(../images/bb_images/map.jpg) no-repeat;
}

.vmap {
	position: relative;
	top:  256px;
	left: 160px;
	width: 109px;
	height: 20px;
	background: url(../images/bb_images/viewmap.gif) no-repeat;
}

/*BLOG page content*/
#blogheader {
	padding-bottom: 70px;
	width: 895px;
	text-align: right;
	background: transparent url(../images/bb_images/banpen.jpg) no-repeat 0 15px;
	
}

#blogheader h3 {
	padding-top: 40px;
	font-size: 28px;
	color: #a96f38;
}

#blogcontent {
	width: 895px;
	display: inline-block;
	padding-left: 23px;
	padding-right: 28px;
	margin: 0 auto;
}

.ie #blogcontent {
	padding: 0;
}

.gecko #blogcontent {
	display: -moz-inline-box;
}

.comment {
	
	padding-bottom: 20px;
}

.comment p.bywho {
	color: #a96f38;
}

#commentbox {
	margin-top: 10px;
}

/*FAQ page content*/
#faqheader {
	padding-bottom: 70px;
	width: 930px;
	margin: 0 auto;
	text-align: right;
	background: transparent url(../images/bb_images/faqhead.jpg) no-repeat 0px 0px;
	
}


#faqheader h3 {
	padding-top: 40px;
	margin-right: 30px;
	font-size: 28px;
	color: #a96f38;
}

.ie #faqheader h3 {
	margin-right: 0px;
	padding-right: 30px;
}

#faqcontent {
	display: inline-block;
	width: 895px;
	height: auto;
	padding-left: 28px;
	padding-right: 28px;
	margin: 0 auto;
}

.ie #faqcontent {
	padding: 0;
}

.gecko #faqcontent {
	display: -moz-inline-box;
}

.threecolumn {
	width: 270px;
	margin-right: 25px;
	float: left;
}

.ie .threecolumn {
	margin-right: 10px;
	padding-right: 0;
}

.ie7 .threecolumn {
	margin-right: 0;
	padding-right: 25px;
}

.threecolumn li {
	padding-bottom: 20px;
	font-size: 14px;
	color: #999999;
	list-style-image: url(../images/bb_images/arrow.gif);
}

.ie .threecolumn li {
	margin-left: 15px;
	list-style-position: outside;
}




.fullcolumn {
	width: 850px;
	margin-right: 25px;
	float: left;
}

.ie .fullcolumn {
	margin-right: 10px;
	padding-right: 0;
}

.ie7 .fullcolumn {
	margin-right: 0;
	padding-right: 25px;
}

.fullcolumn li {
	padding-bottom: 20px;
	font-size: 14px;
	color: #999999;
	
	list-style-image: url(../images/bb_images/arrow.gif);
}

.ie .fullcolumn li {
	margin-left: 15px;
	list-style-position: outside;
}

.fullcolumn li.arrowdown {
	list-style-image: url(../images/bb_images/arrow_down.gif);
}






/*WORK page content*/
#workcontent {
	width: 950px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #workcontent {
	height: 998px;
	position: relative;
}

.ie #workcontent {
	position: relative;
}

#workheader {
	padding-bottom: 22px;
	width: 880px;
	margin: 0 auto;
	text-align: right;
	
}

#workheader h3 {
	padding-top: 40px;
	font-size: 28px;
	color: #a96f38;
}

#workheader h3 span{
	color: #FFF;
}

#workinner {
	display: inline-block;	width: 950px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/workbg.jpg) no-repeat;
}

.gecko #workinner {
	height: 802px;
}

.tags {
	font-size: 14px;
	text-align: right;
	margin-right: 35px;
	padding-bottom: 20px;
	color: #e59549;
}

.tags a {
	text-decoration: none;
}

.workwrap {
	width: 904px;
	margin: 0 auto;
}

.witems {
	padding: 9px 14px;
	width: 424px;
	height: 236px;
	float: left;
}

.witems a, .witems a:hover, .witems a:visited {
	text-decoration: none;
	border: none;
	color: #000;
}

.wwords {
	margin-top: -70px;
	margin-left: 10px;
	font-size: 14px;
	color: #a96f38;
	
}

.wwords a, .wwords a:visited {
	color: #a96f38;
}

.wwords a:hover {
	color: #fff;
}

.ie .wwords {
	position: relative;
}

.wwords span {
	font-size: 17px;
	color: #FFF;
}

.abovepagi {
	width: 950px;
	height: 62px;
	background: url(../images/bb_images/upperpagi.jpg) no-repeat;
}

.pagi {
	width: 950px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	color: #a96f38;
	background: url(../images/bb_images/pagi.jpg) no-repeat;
	display: block;
}

.pagi a {
	text-decoration: none;
}


.pagiwrap {
	width: 500px;
	margin: 0 auto;
	padding-top: 10px;
}

.ie .pagiwrap {
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.prepagespace {
	width: 150px;
	padding-left: 15px;
	float: left;
	text-align: left;
	background: url(../images/bb_images/prev.jpg) left center no-repeat;
}

.rightwrap {
	float: right;
	width: 335px;
}

.ie .rightwrap {
	margin: 0;
	padding: 0;
}

.page {
	width: 170px;
	float: left;
	color: #fff;
}

.nexpagespace {
	width: 150px;
	padding-right: 15px;
	float: right;
	text-align: right;
	background: url(../images/bb_images/next.jpg) right center no-repeat;
}



/*WORK INNER*/
#wcontent {
	width: 950px;
	display: inline-block;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	margin: 0 auto;
	background: #000 url(../images/bb_images/topcontent.jpg) 0 -155px no-repeat;
}

.gecko #wcontent {
/*	height: 950px !important; */
}

#wwrap {
	width: 950px;
	margin: 0 auto;
	height: 90px;
}

#wnavi {
	width: 895px;
	margin-left: 50px;
	padding-top: 40px;
	font-size: 14px;
	color: #e59549;
	float: left;
}

.ie #wnavi {
	margin: 0;
	padding-left: 40px;
}

#wnavi a, #wnavi a:hover, #wnavi a:visited {
	color: #fff;
	font-size: 20px;
	text-decoration: underline;
}

#wtitle {
	font-size: 20px;
	margin-top: -30px;
	margin-right: 80px;
	float: right;
	color: #a96f38;
	text-align: right;
}

.ie #wtitle {
	margin-right: 30px;
}

#wtitle span {
	font-size: 28px;
	color: #FFF;
}

#winner {
	display: inline-block;
	width: 950px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/workinnerbg.jpg) no-repeat;
}

#pict {
	margin-top: 50px;
	margin-left: 35px;
	margin-right: 10px;
	padding-bottom: 30px;
	width: 530px;
	float: left;
}

#client {
	width: 530px;
	height: 200px;
}

#client #reply {
	width: 400px;
	margin-top: 20px;
	margin-left: 35px;
}

#client #reply p {
	color: #999999;
	font-style: italic;
	line-height: 160%;
}

#whattheysaid {
	width: 530px;
}

#whattheysaid ul.wts {
	padding-top: 18px;
}

#whattheysaid ul.wts li {
	color: #FFF;
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 180%;
}

#whattheysaid ul.wts li a {
	color: #FFF;
	text-decoration: underline;
}

#whattheysaid ul.wts li a:hover {
	color: #E59549;
	text-decoration: underline;
}

#description {
	margin-top: 50px;
	margin-right: 50px;
	width: 300px;
	padding-bottom: 30px;
	/* height: 800px; */
	float: left;
}

.ie #description {
	margin-right: 0px;
	width: 295px;
}

#description p {
	margin-left: 5px;
	padding-bottom: 15px;
	color: #999999;
	line-height: 160%;
}


#description p.intag {
	font-size: 16px;
	color: #e59549;
}


#description p.intag a, #description p.intag a:visited {
	color: #e59549;
	text-decoration: none;
}

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

.wspace {
	height: 60px;
}

.lspace {
	height: 30px;
}

.ie .lspace {
	height: 0px;
	margin: 0;
}

.oquote {
	position: relative;
	width: 30px;
	height: 20px;
	top: 30px;
	background: url(../images/bb_images/oquote.jpg) no-repeat;
}

.cquote {
	position: relative;
	width: 30px;
	height: 20px;
	top: -20px;
	left: 440px;
	background: url(../images/bb_images/cquote.jpg) no-repeat;
}

.ctitle {
	text-align: right;
	margin-right: 90px;
}

.ctitle h3 {
	font-size: 17px;
	color: #e59549;
}

.ctitle h3 span {
	font-size: 14px;
}




















a.nounderline, a:hover.nounderline, a:visited.nounderline {
	text-decoration: none;
	color: #fff;
}







/*FOOTERS*/
/*Front Page Footer*/
#frontfooter {
	margin-top: 20px;
	width: 950px;
	height: 482px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

#items {
	width: 950px;
	height: 375px;
}

#frontbottom {
	width: 950px;
	height: 107px;
	background: url(../images/bb_images/footerfront.jpg) no-repeat;
}

.iphone {
	margin-top: -125px;
	width: 340px;
	height: 500px;
	float: left;
	background: #000 url(../images/bb_images/iphone.jpg) no-repeat;
	z-index: 1;
}

.gecko .iphone, .ie .iphone {
	position: relative;
}

.iphonelink {
	margin-top: 101px;
	width: 257px;
	height: 274px;
	float: left;
	background: #000 url(../images/bb_images/iphonelink.jpg) no-repeat;
}

.subs {
	margin-top: 101px;
	width: 353px;
	height: 274px;
	float: left;
	background: #000 url(../images/bb_images/subscribe.jpg) no-repeat;
}

.sform {
	margin-top: 135px;
	margin-left: 85px;
}

.ie .sform {
	margin-top: 135px;
	margin-left: 41px;
}

.ie7 .sform {
	margin-top: 135px;
	margin-left: 43px;
}



.sform form input {
	border-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.ie7 .sform form input[type="text"] {
	border: 0;
}

input.sbox {
	width: 160px;
	height: 20px;
	outline-style: none;
	color: #999999;
}

.ie input.sbox {
	border: 0;
	height: 16px;
}

.ie7 input.sbox {
	height: 18px;
}

.gecko input.sbox {
	height: 17px;
}

input.sbutton {
	margin-top: 11px;
	margin-left: 62px;
}

.gecko input.sbutton {
	margin-top: 15px;
	margin-left: 62px;
}

.ie input.sbutton {
	margin-top: 15px;
	margin-left: 106px;
}

.ie7 input.sbutton {
	margin-top: 11px;
	margin-left: 104px;
}

p.footword0, p.footword0 a, p.footword0 a:hover, p.footword0 a:visited {
	padding-top: 9px;
	font-size: 10px;
	color: #999999;
}

p.footword0 {
	padding-left: 5px;
}

p.footword0 a:hover {
	color: #724C27;
}

.ie p.footword0,.ie p.footword0 a,.ie p.footword0 a:hover,.ie p.footword0 a:visited {
	margin: 0;
	padding-top: 10px;
}

p.footword1 {
	padding-top: 12px;
	padding-left: 10px;
	font-size: 11px;
	color: #724C27;
}


.ie p.footword1 {
	margin: 0;
	padding-top: 5px;
	margin-top: 5px;
}

p.footword1 a, p.footword1 a:hover, p.footword1 a:visited {
	text-decoration: underline;
	color: #724C27;
}

p.footword1 a:hover {
	color: #fff;
}

p.footword2 {
	padding-left: 10px;
	padding-top: 20px;
	font-size: 11px;
	color: #fff;
}

.ie p.footword2 {
	margin: 0;
	padding-top: 5px;
}

p.footcopy {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #666666;
}

.ie p.footcopy {
	margin: 0;
	padding-top: 5px;
}


/*Service Page Footer*/
#servicefooter {
	position: relative;
	margin-top: 20px;
	width: 950px;
	height: 285px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

#servicebottom {
	width: 950px;
	height: 107px;
	background: url(../images/bb_images/footerservice.jpg) no-repeat;
}

#servicebottom span {
	color: inherit;
}

span.hspace {
	margin-right: 10px;
}

span.fmenu {
	color: inherit;
	margin-left: 5px;
	margin-right: 5px;
}

span.tagged {
	color: #fff;
	display: inline-block;
	height: 17px;
	margin-left: 5px;
	margin-right: 5px;
	background: url(../images/bb_images/tagline.jpg) bottom repeat-x;
}

.gecko span.tagged {
	display: -moz-inline-box;
}

#serviceitems {
	width: 950px;
	height: 178px;
	background: url(../images/bb_images/serviceitem.jpg) no-repeat;
}

#serviceinneritems {
	width: 950px;
	height: 178px;
	background: url(../images/bb_images/serviceinneritem.jpg) no-repeat;
}

#serviceinneritems .sercontact {
	position: relative;
	top: 106px;
	width: 282px;
	height: 53px;
	background: url(../images/bb_images/serviceinneritem.jpg) 0 -106px no-repeat;
}


/*404 footer*/
#fourfooter {
	margin-top: 20px;
	width: 950px;
	height: 285px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
	position: relative;
}

#fouritems {
	width: 950px;
	height: 278px;
	background: url(../images/bb_images/404item.jpg) no-repeat;
}

/*THANKS*/
#tyfooter {
	margin-top: 20px;
	width: 950px;
	height: 285px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

.gecko #tyfooter, .ie #tyfooter {
	position: relative;
}

#tyitems {
	width: 950px;
	height: 278px;
	background: url(../images/bb_images/thanks.jpg) no-repeat;
}

#tyerroritems {
	width: 950px;
	height: 278px;
	background: url(../images/bb_images/404item.jpg) no-repeat;
}


/*CONTACT footer*/
#contactfooter {
	margin-top: 20px;
	width: 950px;
	height: 230px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

.gecko #contactfooter, .ie #contactfooter {
	position: relative;
}

#contactitems {
	width: 950px;
	height: 123px;
	background: url(../images/bb_images/confootitem.jpg) no-repeat;
}

/*BLOG footer */
#blogfooter {
	margin-top: 20px;
	width: 950px;
	height: 320px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

.gecko #blogfooter, .ie #blogfooter {
	position: relative;
}

#blogitems {
	width: 950px;
	height: 213px;
	background: url(../images/bb_images/blogitem.jpg) no-repeat;
}

/*FAQ footer*/
#faqfooter {
	margin-top: 20px;
	width: 950px;
	height: 290px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

.gecko #faqfooter, .ie #faqfooter {
	position: relative;
}

#faqitems {
	width: 950px;
	height: 183px;
	background: url(../images/bb_images/faqfoot.jpg) no-repeat;
}



/*WORK footer*/
#workfooter {
	margin-top: 20px;
	width: 950px;
	height: 209px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

#workitems {
	width: 950px;
	height: 102px;
	background: url(../images/bb_images/workfoot.jpg) no-repeat;
}

#innerworkfooter {
	width: 950px;
	height: 317px;
	margin: 0 auto;
	background: #000 url(../images/bb_images/bottomcontent.jpg) top no-repeat;
}

.ie #innerworkfooter {
	position: relative;
}

#innerworkitems {
	width: 950px;
	height: 210px;
	background: url(../images/bb_images/innerwork.jpg) no-repeat;
}


.ie input#cpy {
	margin: 0;
}


small.formError {
background: #FF4400 none repeat scroll 0 0;
border: 1px solid #FF4444;
color: #FFF;
display: block;
height: 28px;
width: 77px;
padding: 3px 8px 4px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topright: 8px;
}

.webkit small.formError {
	position: absolute;
	font-size: 11px;
	height: 18px;
}

.gecko small.formError, .ie small.formError {
	position: absolute;
	font-size: 11px;
	height: 18px;
}