/* Glass Tiger - CSS Document - MASTER */

@import url("section-colours.css");


body { font-size:62.5%; font-family:Verdana, Geneva, sans-serif; margin:0; background:#000; overflow:hidden; }

img { border:none; }

#container { width:914px; position:relative; margin:0 auto; position:absolute; left:0; right:0; top:0; }

#body { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; overflow:auto; }



/*Top
--------------------------------------------------------------------------*/
#bg-top { position:absolute; top:91px; right:74px; background:url(../images/bg-top.png) no-repeat top right; z-index:10; width:1600px; height:219px; }
.glass-tiger-surfboards { position:absolute; top:66px; left:54px; margin:0; }
	.glass-tiger-surfboards a { width:200px; padding:25px 0 0 0; height:0 !important; height /**/:25px; overflow:hidden; display:block; background:url(../images/glass-tiger-surfboards.png) no-repeat 0 0; }
	
.logo { position:absolute; top:115px; left:25px; z-index:15; }

h1 { position:absolute; top:164px; left:224px; z-index:15; margin:0; width:616px; padding:90px 0 0 0; height:0 !important; height /**/:90px; overflow:hidden; }


/*Content
--------------------------------------------------------------------------*/
.content { width:450px; padding:0 30px 20px 30px; position:absolute; top:310px; left:234px; background:url(../images/bg-repeat.png); }
	.content p { font-size:1.1em; line-height:1.6em; margin:0 0 1.1em 0; padding:0; color:#000; }
	.content p.abstract { font-size:1.4em; line-height:1.4em; }
	.content h2 { font-size:1.2em; line-height:1.6em; margin:0 0 0.3em 0; padding:0.6em 0 0 0; }
	.content a { text-decoration:none; color:#d95216; }
	.content a:hover { text-decoration:underline; }
		.content blockquote { margin:0 0 0 -10px; padding:1.6em 110px 1.1em 10px; font-family:Arial, Helvetica, sans-serif; background:url(../images/quote.gif) no-repeat 0 0; }
		.content blockquote p { font-weight:bold; font-size:1.4em; line-height:1.4em; margin:0 0 0.6em 0; }
		.content blockquote cite { font-size:1em; color:#666; }
		.content blockquote cite a { color:#666; }

/*Lists*/
.content ul { margin:0; padding:0 0 1.1em 0; list-style:outside; }
.content li { margin:0 0 0 15px; font-size:1.1em; line-height:1.5em; }
	.content .links-list { margin:0; padding:0; list-style:none; }
	.content .links-list li { margin:0; padding:0.8em 0 1.1em 0; background:url(../images/dotty.gif) repeat-x bottom left; font-size:1.1em; line-height:1.5em; }
	.content .links-list li h2 { font-size:1em; color:#000; margin:0; }
	.content .links-list li a { display:block; }
		.content .gallery-thumbs { margin:0; padding:0; list-style:none; }
		.content .gallery-thumbs li { float:left; margin:0 2px 2px 0; width:104px; height:80px; padding:0; background:none; }


/*Links (new)
--------------------------------------------------------------------------*/
#links-list { margin:0; padding:0.8em 0 1.1em 0; background:url(../images/dotty.gif) repeat-x bottom left; font-size:1.1em; line-height:1.5em; }
	#links-list h2 { font-size:1em; color:#000; margin:0; }
	#links-list a { display:block; }


/*Surfboard slider
--------------------------------------------------------------------------*/
#boards { width:448px; height:310px; overflow:hidden; position:relative; background:#1a191e; margin:0 0 1.8em 0; }
	#boards ul { list-style:none; margin:0; padding:0; position:relative; }
		#boards li { margin:0; padding:0 2px 0 0; width:148px; top:0; left:0; background:#FFF; }


/*Contact form
--------------------------------------------------------------------------*/
.contact-form { margin:1.8em 0 0 0; padding:0; }
	.contact-form p { margin:0 0 0.6em 0; }
	.contact-form label { display:block; font-size:1.1em; margin:0 0 0.3em 0; }
	.contact-form .formbox { border:1px solid #666; background:#FFF; width:278px; }
	.contact-form .formtextbox { border:1px solid #666; background:#FFF; width:398px; }


/*Navigation
--------------------------------------------------------------------------*/
#main-navi { margin:0; padding:0; position:absolute; right:690px; top:320px; width:170px; }
	#main-navi li { list-style:none; float:right; clear:right; text-align:right; margin-bottom:1px; width:100%; overflow:hidden; }
	#main-navi li a { float:left; clear:left; display:block; width:100%; padding:31px 0 0 0; height:0 !important; height /**/:31px; overflow:hidden; }
	#main-navi li a:hover, #main-navi li a.active { background-position:right -31px; }
		.nav-shaper { background:url(../images/nav-shaper.png) no-repeat right 0; }
		.nav-surfboards { background:url(../images/nav-surfboards.png) no-repeat right 0; }
		.nav-gallery { background:url(../images/nav-gallery.png) no-repeat right 0; }
		.nav-articles { background:url(../images/nav-articles.png) no-repeat right 0; }
		.nav-links { background:url(../images/nav-links.png) no-repeat right 0; }
		.nav-contact { background:url(../images/nav-contact.png) no-repeat right 0; }
		.nav-construction { background:url(../images/nav-construction.png) no-repeat right 0; }
		.nav-blog { background:url(../images/nav-blog.png) no-repeat right 0; }


/*Side image
--------------------------------------------------------------------------*/
.side-image { position:absolute; top:280px; left:744px; }
.order-button { position:absolute; top:259px; right:122px; z-index:20; }


/*Footer
--------------------------------------------------------------------------*/
.content .footer { font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0; padding:46px 0 0 0; color:#aaa; background:url(../images/plus.gif) no-repeat 0 34px; }
.content .footer a { color:#aaa; }


/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }