/* HOUSEBOATSTUDIO Master CSS */

* { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/*a img,:link img,:visited img { border:none }*/

body {
	background: #FFF;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.25em;
	color: #55503F; /* this is for text color */
	}

a:link { color: #0000ff; text-decoration: none; }
a:visited { color: #0000ff; text-decoration: none; }
a:hover { color: #0000ff; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline; }


/* HBS Gloabal Styles */	

#HOUSEBOATSTUDIO { width:100%; height:100%; }

#header { color: #aaa69b; background-color: #55503F; width: 100%; height: 70px; padding-top:30px; }
#headerTitle { width: 600px; text-align: center; margin-left: auto; margin-right: auto; }	
#headerLogo { height:30px; width:420px; margin-left: auto; margin-right: auto; }	
#headerTitle h2 { margin-top: 5px; font-style:italic }		
	
#mainNavBg { background-color: #372F18; height: 40px; width:100%; }	
#mainNav {width: 280px;text-align: right;margin-top: 0px;margin-right: 0;margin-left:auto;margin-bottom:0px;height:40px;}
#mainNavText {padding-right: 20px;padding-bottom: 10px;padding-top: 10px;height:20px;}	
#mainNavText a:link { color:#FFFFFF; } #mainNavText a:visited { color:#FFFFFF; } #mainNavText a:hover { color: #FFFFFF; text-decoration: underline; } #mainNavText a:active { color:#999999; text-decoration: underline; }	

#topNav {
	padding: 5px 0px 0px 0px; margin-bottom: 0px; margin-left:0px; margin-right:0px; height:40px; text-align:left;}
	
	#topNav ul {font: bold .9em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#372F18; }
	* html #topNav ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/ margin-bottom: 1em;}
	#topNav ul li {display: inline;}
	#topNav ul li a {font-weight: bold; padding-top: 10px; padding-right:5px; padding-bottom:22px; padding-left:5px; text-decoration: none; color:#372F18;}
	#topNav ul li a:visited {color:#372F18;}	
	#topNav ul li a:hover {text-decoration:blink; background: transparent url(../images/global/pointer.gif) bottom center no-repeat; color:#fff;}
	#topNav ul li a#selected {background: transparent url(../images/global/pointer.gif) bottom center no-repeat; color:#fff;}	

#KegWrapper {position:absolute;width:100%;background-color:#FFF;}
#LeftTitle {width: 70px; margin-right:auto; margin-left:auto; text-align:center;}
#miniMenu {width: 350px;height:210px;float:right;text-align:right;}
#Content {margin-top:25px; margin-left:170px; margin-right:50px; margin-bottom:50px; width:460px; position:relative; z-index:2;}	

#copyright {clear: both;padding-left: 50px;height:20px;font-size:.8em;color:#504333;}
#footer {clear: both;position: relative;background-color: #504333;width: 100%;height:350px;margin-bottom:0px;}
#newsletterBox {width: 400px; height:200px; padding: 50px; background: #372F18; margin-right:50px; float:right; text-align:right;}
#newsletterBox2 {width: 460px; text-align:left}
#replacement-2 {width: 180px;height: 50px;padding: 50px 0 0;margin-top: -10px; ;border: 0;background: transparent url(http://www.houseboatstudio.com/images/global/button_SignUp_180x50.gif) no-repeat center top;overflow: hidden;cursor: pointer }
#replacement-submit {width: 180px;height: 50px;padding: 50px 0 0;margin: 0;border: 0;background: transparent url(http://www.houseboatstudio.com/images/global/button_Send_180x50.gif) no-repeat center top;overflow: hidden;cursor: pointer }

h1 {font-size:2em;letter-spacing:.25em;}
h2 {font-size:1em;letter-spacing:.1em; margin-bottom:5px;}	
h3 {font-size:1.25em; margin-bottom:10px;}		
h4 {font-size:1em;letter-spacing:.1em; margin-bottom:5px; margin-top:5px;}		

ul { list-style:square; list-style-position:inside; color:#55503F }	
	
.clearer {clear:both;}
.ContentBlcok {width:460px;}	
.LeftContentColumn {width:350px; margin-right:10px; position:relative}
.RightContentColumn {width:100px; position:absolute; top:0px; left:360px; }
.LeftContentColumn365 {width:365px; margin-right:10px; position:relative}
.RightContentColumn85 {width:85px; position:absolute; top:0px; left:375px; }
.contentSidecar {width:120px; float:left; margin-left:25px; margin-top: 25px; font-size:.8em; padding-bottom:50px;}	
.newsletterBoxText {color:#9d988b; font-size:.9em; margin-bottom:20px; margin-top:20px;}
.Houseboat_100x100-SidecarPic {border: solid #231c0c 10px; width:100px; height:100px;}
.projectDescriptionText {font-size:.9em; margin-top:-5px;}
.mugs { float: left; width: 120px; margin-right:20px; margin-bottom:10px; font-size:.8em;}
.boldDarkBrownText {color: #231C0C; font-weight: bolder; font-size:1.5em}

.portfolioTable {width:460px;margin-bottom:10px;}
.portfolioTable td {padding-bottom:45px;}
.portfolioTable img {border-style:solid; border-width:0 0 0 10px; border-color:#ffaa00; margin-bottom:-30px;}


/* HBS Home page & Global styles */

#bigMenuWrapper {width:80%;padding-left:10%;padding-right:10%;margin: auto;background-color: #FFF;padding-bottom: 50px;}
#GraphicDesign {width: 20%;height: 400px;margin-bottom: 25px;background-color: #fffc00;float: left;text-align: center;}
#Architecture {width: 20%;height: 340px;margin-bottom: 25px;background-color: #ffaa00;float: left;text-align: center;}	
#Illustration {width: 20%;height: 420px;margin-bottom: 25px;background-color: #4ffff9;float: left;text-align: center;}	
#Photography {width: 20%;height: 380px;margin-bottom: 25px;background-color: #ff1bad;float: left;text-align: center;}
#Furniture {width: 19%;height: 320px;margin-bottom: 25px;background-color: #6aff51;float: left;text-align: center;}

#Houseboat_LeftTitleBox {width: 120px; height: 900px; margin-bottom: 25px;background-color: #231c0c; float: left;}
#Houseboat_TopNavBar {height:40px; background-color: #231c0c;padding-top:20px;}	
#Houseboat_ContactHeader {width:460px; height:20px; position: relative;}
#Houseboat_Contact span {background: url(../images/contact/header_Contact.gif) no-repeat;position: absolute;width: 100%;height: 100%;}
#Houseboat_footerColorBar {position:relative;height:50px;width:100%;background-color:#372F18;}

.Houseboat_10pxBorder {border: solid #55503F 10px;}	
.headerGraphic {margin-top:0px;margin-bottom:20px;} 	


/* GRAPHIC DESIGN template styles */

#GraphicDesign_LeftTitleBox {width: 120px; height: 900px; margin-bottom: 25px; margin-right:-5px; background-color: #fffc00; float: left;}
#GraphicDesign_TopNavBar {height:40px; background-color: #fffc00;padding-top:20px;}		
#GraphicDesign_ContentHeader {width:460px; height:20px; position: relative;}
#GraphicDesign_ContentHeader span {background: url(../images/graphicdesign/header_GraphicDesign.gif) no-repeat;position: absolute;width: 100%;height: 100%;}
#GraphicDesign_footerColorBar {position:relative; height:50px; width:100%; background-color:#fffc00;}
.GraphicDesign_10pxBorder {border: solid #fffc00 10px;}	
.GraphicDesign_ContentRule {height:10px; margin-bottom:10px; margin-top:10px; background-color:#fffc00;}
.GraphicDesign_100x100Box {width:100px; height:100px; margin-bottom:10px; background-color:#fffc00;}
.GraphicDesign_75x75Thumbnail {border-style:solid; border-width:10px 10px 0 0; border-color:#fffc00; margin-bottom:10px; background-color:#fffc00;}
.GraphicDesign_85x85Box {width:85px; height:85px; margin-bottom:10px; background-color:#fffc00;}
.GraphicDesign_330pxImageBox {width:330px; padding:10px; margin-bottom:10px; background-color:#fffc00;}
.GraphicDesign_345pxImageBox {width:345px; padding:10px; margin-bottom:10px; background-color:#fffc00;}
.GraphicDesign_Portfolio {width:460px;margin-bottom:10px;}
.GraphicDesign_Portfolio td {padding-bottom:45px;}
.GraphicDesign_Portfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#fffc00; margin-bottom:-30px;}
.GraphicDesign_NewPortfolio {margin-bottom:10px;}
.GraphicDesign_NewPortfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#fffc00; margin-bottom:10px; margin-right:10px; margin-top:-10px; float:left;}
.Thumb { height:75px; padding-top:10px; }
.GrahicDesignHighlight {background-color:#fffc00}


/* ARCHITECTURE template styles */

#Architecture_LeftTitleBox {width: 120px; height: 700px; margin-bottom: 25px; margin-right:-5px; background-color: #ffaa00; float: left;}
#Architecture_TopNavBar {height: 40px; background-color: #ffaa00; padding-top:20px;}		
#Architecture_ContentHeader {width:460px; height:20px; position: relative;}
#Architecture_ContentHeader span {background: url(../images/architecture/header_Architecture.gif) no-repeat;position: absolute; width: 100%; height: 100%;}
#Architecture_footerColorBar {position:relative; height:50px; width:100%; background-color:#ffaa00;}
.Architecture_10pxBorder {border: solid #ffaa00 10px;}	
.Architecture_ContentRule {height:10px; margin-bottom:10px; margin-top:10px; background-color:#ffaa00;}
.Architecture_100x100Box {width:100px; height:100px; margin-bottom:10px; background-color:#ffaa00;}
.Architecture_85x85Box {width:85px; height:85px; margin-bottom:10px; background-color:#ffaa00;}
.Architecture_330pxImageBox {width:330px; padding:10px; margin-bottom:10px; background-color:#ffaa00;}
.Architecture_345pxImageBox {width:345px; padding:10px; margin-bottom:10px; background-color:#ffaa00;}
/*.Architecture_Portfolio {width:460px;margin-bottom:10px;}
.Architecture_Portfolio td {padding-bottom:45px;}
.Architecture_Portfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#ffaa00; margin-bottom:-30px;}*/
.Architecture_NewPortfolio {margin-bottom:10px;}
.Architecture_NewPortfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#ffaa00; margin-bottom:10px; margin-right:10px; margin-top:-20px; float:left;}
.Architecture_Row { height:65px; padding-top:20px; }
.ArchitectureHighlight {background-color:#ffaa00}


/* ILLUSTRATION template styles */

#Illustration_LeftTitleBox {width: 120px; height: 900px; margin-bottom: 25px; margin-right:-5px; background-color: #4ffff9; float: left;}
#Illustration_TopNavBar {height: 40px; background-color: #4ffff9; padding-top:20px;}		
#Illustration_ContentHeader {width:460px; height:20px; position: relative;}
#Illustration_ContentHeader span {background: url(../images/illustration/header_Illustration.gif) no-repeat; position: absolute; width: 100%; height: 100%;}
#Illustration_footerColorBar {position:relative; height:50px; width:100%; background-color:#4ffff9;}
.Illustration_10pxBorder {border: solid #4ffff9 10px;}
.Illustration_ContentRule {height:10px; margin-bottom:10px; margin-top:10px; background-color:#4ffff9;}
.Illustration_100x100Box {width:100px; height:100px; margin-bottom:10px; background-color:#4ffff9;}
.Illustration_75x75Thumbnail {border-style:solid; border-width:10px 10px 0 0; border-color:#4ffff9; margin-bottom:10px; background-color:#4ffff9;}
.Illustration_330pxImageBox {width:330px; padding:10px; margin-bottom:10px; background-color:#4ffff9;}
.Illustration_345pxImageBox {width:345px; padding:10px; margin-bottom:10px; background-color:#4ffff9;}
.Illustration_Portfolio {width:460px;margin-bottom:10px;}
.Illustration_Portfolio td {padding-bottom:45px;}
.Illustration_Portfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#4ffff9; margin-bottom:-30px;}	
.IllustrationHighlight {background-color:#4ffff9}

/* PHOTOGRAPHY template styles */

#Photography_LeftTitleBox {width:120px; height:900px; margin-bottom:25px; margin-right:-5px; background-color:#ff1bad; float:left;}
#Photography_TopNavBar {height:40px; background-color:#ff1bad; padding-top:20px;}		
#Photography_ContentHeader {width:460px; height:20px; position: relative;}
#Photography_ContentHeader span {background:url(../images/photography/header_Photography.gif) no-repeat; position:absolute; width:100%; height:100%;}
#Photography_footerColorBar {position:relative; height:50px; width:100%; background-color:#ff1bad;}
.Photography_10pxBorder {border:solid #ff1bad 10px;}	
.Photography_ContentRule {height:10px; margin-bottom:10px; margin-top:10px; background-color:#ff1bad;}
.Photography_100x100Box {width:100px; height:100px; margin-bottom:10px; background-color:#ff1bad;}
.Photography_75x75Thumbnail {border-style:solid; border-width:10px 10px 0 0; border-color:#ff1bad; margin-bottom:10px; background-color:#ff1bad;}
.Photography_330pxImageBox {width:330px; padding:10px; margin-bottom:10px; background-color:#ff1bad;}
.Photography_345pxImageBox {width:345px; padding:10px; margin-bottom:10px; background-color:#ff1bad;}
.Photography_Portfolio {width:460px;margin-bottom:10px;}
.Photography_Portfolio td {padding-bottom:45px;}
.Photography_Portfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#ff1bad; margin-bottom:-30px;}
.Photographye_NewPortfolio {margin-bottom:10px;}
.Photography_NewPortfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#ff1bad; margin-bottom:10px; margin-right:10px; margin-top:-30px; float:left;}
.Photography_NewPortfolioRow {height:70px; padding-top:30px; }	
.PhotographyHighlight {background-color:#ff1bad}



/* FURNITURE template styles */

#Furniture_LeftTitleBox {width: 120px; height:900px; margin-bottom: 25px; margin-right:-5px; margin-left:0px; padding-left:0px; padding-right:0px; background-color: #6aff51; float: left;}
#Furniture_TopNavBar {height: 40px; background-color: #6aff51; padding-top:20px; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px}		
#Furniture_ContentHeader {width:460px; height:20px; position: relative;}
#Furniture_ContentHeader span {background: url(../images/furniture/header_Furniture.gif) no-repeat; position: absolute; width: 100%; height: 100%;}
#Furniture_footerColorBar {position:relative; height:50px; width:100%; background-color:#6aff51;}
.Furniture_10pxBorder {border: solid #6aff51 10px;}
.Furniture_ContentRule {height:10px; margin-bottom:10px; margin-top:10px; background-color:#6aff51;}
.Furniture_100x100Box {width:100px; height:100px; margin-bottom:10px; background-color:#6aff51;}
.Furniture_330pxImageBox {width:330px; padding:10px; margin-bottom:10px; background-color:#6aff51;}
/*.Furniture_Portfolio {width:460px;margin-bottom:10px;}
.Furniture_Portfolio td {padding-bottom:45px;}
.Furniture_Portfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#6aff51; margin-bottom:-30px;}*/
.Furniture_NewPortfolio {margin-bottom:10px;}
.Furniture_NewPortfolio img {border-style:solid; border-width:0 0 0 10px; border-color:#6aff51; margin-bottom:10px; margin-right:10px; margin-top:-30px; float:left;}
.Furniture_NewPortfolioRow { height:70px; padding-top:30px; }

.FurniuteHighlight {background-color:#6aff51}
	
			
/* FORM formattting */


label {
	width: 298px;
	height: 20px;
	text-align: left;
	margin-right: 0px;
	display: block;
	font-weight:bold;
	}

input {
	width: 298px;
	height: 20px;
	color: #372F18;
	background: #fff;
	border: 1px solid #55503F;
	margin-bottom: 10px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

textarea {
	width: 298px;
	color: #372F18;
	background: #fff;
	border: 1px solid #55503F;
	margin-bottom: 10px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

form2 {background:#993333;}