/*	General		*/
body				{font-size: 62.5%; /* Resets 1em to 10px */}
html, body					{margin: 0; padding: 0px; background: #124 url('body.jpg') repeat-x; min-width: 1050px;}
li						{list-style-type: none; text-align: center; font-family: "Times"; font-variant: small-caps; letter-spacing: 0.1em; float: left;}
ul						{margin: 0; padding: 0;}
a:link, a:visited, a:hover	{text-decoration: none;}
img						{border: none;}

/*	Container	*/
#container				{width: 980px; margin: 25px auto 0 auto;}


/*	Header 		*/
#head					{width: 981px; height: 100px;}
#head					{background-image: url('header.jpg'); background-repeat: repeat-x; }
#head					{-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
						-khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px;
						-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
					border-top-left-radius: 10px; border-top-right-radius: 10px;
					border-bottom: solid 1px #015;}
#logo					{margin: 0 0 0 20px;}


#pages						{text-align: center; font-variant: small-caps;}
div#pages a:link,
div#pages a:visited			{font-size: 16px; color: #225; font-weight: normal; }

#boatshop					{padding: 0 25px 0 0;}
#history, #construction  	{padding: 0 25px 0 25px;}
#brokerage						{padding: 0 0 0 25px;}

div#pages a:hover			{color: #004;}
div#pages a:before			{content: "{"; color: #def; font-size: 17px;}
div#pages a:after			{content: "}"; color: #def; font-size: 17px;}
div#pages a:hover:before	{content: "{"; color: #fff;}
div#pages a:hover:after		{content: "}"; color: #fff;}

/*	Content		*/
.content				{width: 979px; min-height: 475px; border-left: dotted 1px #543; border-right: dotted 1px #543; background: #132042; position: relative;}
div#list				{position: absolute; top: 0; left: 0;}
div#list h1				{font-size: 2.2em; color: #ffaa00; font-variant: small-caps; margin: 13px 0 0 13px; font-style: italic; font-weight: normal;}
div#list ul				{list-style-type: none;}
div#list li	a			{clear: both; color: #eef; font-size: 1.4em; margin: 0;}

div#list li				{clear: both; text-align: left; height: 19px; width: 200px; font-style: normal;
						margin: 0 0 0 13px;  padding: 0 0 0 15px;}
div#list li				{background: url("tilda.jpg") no-repeat 0 1px;}
div#list li a:hover		{color: #fa0;}
li.sub					{position: relative; left: 9px;}




#main					{width: 700px; margin: 0 auto 0 auto; padding: 10px 0 15px 0; text-align: justify;}
	div#main h1			{font-size: 3em; color: #ffaa00; font-variant: small-caps; margin: 0px 0 0 -40px; font-style: italic; font-weight: normal; letter-spacing: 1px;}
	div#main h2			{font-size: 1.8em; color: #eee; font-variant: small-caps; margin: 0px 0 10px 0; font-style: normal; font-weight: normal; letter-spacing: 1px; text-align: center;}
	div#main em			{font-size: 2em;}
	div#main img		{margin: 0 0 0 50px;}
	div#main p			{margin: 0; color: #ddd; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.2em; text-indent: 20px;}
	div#main a:link, 
	div#main a:visited	{color: #fff; font-variant: none; text-decoration: underline; font-style: italic; letter-spacing: .05em;}
	div#main a:hover	{color: #fa0; text-decoration: underline;}

#window					{position: absolute; top: 40px; left: 220px; border: solid 0px black; overflow: hidden; width: 750px; height: 435px; position: relative;}
#slider					{position: absolute; top: 0; left: 0; width: 20000px;}
.box					{width: 750px; height: 430px; float: left; margin: 0; padding: 0;}
	div.box img			{float: left; margin: 0 8px 0 0; border-right: solid 0px #061422; border-bottom: solid 0px #012;}
	div.box h1			{text-align: center; color: #eee; font-size: 24px; font-weight: normal; margin: 0; padding: 0; letter-spacing: 2px; font-style: italic;}
	div.box p			{font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.2em; text-indent: 20px; color: #ddd; margin: 6px 0 6px 0; padding: 0;}
	div.box h2			{clear: both; text-align: left; color: #ffaa00; font-size: 1.8em; font-weight: normal; margin: 0; letter-spacing: 1px; font-style: normal; font-family: "Times";}
	div.box li			{clear: both; margin: 0 0 0 10px; color: #eee; font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.4em;}
	div.box p a:link, 
	div.box p a:visited	{color: #fff; font-variant: none; text-decoration: underline; font-style: italic; letter-spacing: .05em;}
	div.box p a:hover	{color: #fa0;}
	
	.caption			{float: left; margin: 0; display: inline;}
	div.caption p		{font-size: .9em; text-align: center; margin: 0; clear: both;}
	



.back, .forward			{height: 15px; width: 215px; color: #fff; font-size: 1.2em; letter-spacing: 1px; text-transform: uppercase;}
.back					{float: left; text-align: left; margin: 7px 0 0 1px;}
.forward				{float: right; text-align: right; margin: 7px 1px 0 0;}
div.back a, div.forward a	{color: #fff;}
div.back a:hover, div.forward a:hover	{color: #fa0;}

div#boatshoppage #list li	{width: 300px;}
div#boatshoppage #window	{position: absolute; top: 80px; left: 220px; height: 300px;}
div#brokeragepage p			{text-indent: 0;}

#map				{width: 450px; height: 300px; float: left; margin: 0 8px 0 0; overflow: hidden;}

div.list h1	{padding: 10px 0 0 10px; font-weight: normal; font-family: "Times"; font-style: italic; font-size: 2.4em; text-align: center;}
div.content p	{padding: 0 0 0 0px;}




/*	Footer 		*/
#foot					{width: 981px; height: 26px; border-left: solid 0px #235; border-right: solid 0px #234; font-size: 15px; color: #def; text-align: center; font-variant: small-caps;}
#foot					{background-image: url('header.jpg'); background-repeat: repeat-x; background-position: bottom;}
#foot					{-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
						-khtml-border-bottom-left-radius: 6px; -khtml-border-bottom-right-radius: 6px;
						-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
					border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
					border-top: solid 1px #b80;}
div#foot a:link,
div#foot a:visited	{color: #ddd;}

div#foot a:hover	{color: #fff;}


#title					{padding: 0 28px 0 0;}
#address, #phone	{padding: 0 28px 0 28px;}
#email						{padding: 0 0 0 28px;}

div#foot span				{position: relative; top: 4px;}
div#foot span:before			{content: "{"; color: #016; font-size: 16px;}
div#foot span:after			{content: "}"; color: #016; font-size: 16px;}

/*	Design		*/
#design					{width: 981px; height: 26px; text-align: center; color: #ea2; font-size: 1.2em; font-family: "Lucida Grande"; margin: 5px 0 0 0;}
div#design span			{display: inline; color: #ddd; padding-right: 100px;}
div#design a:link,
div#design a:visited	{color: #ddd;}

div#design a:hover		{color: #fff;}