/*

CSS Stylesheet created by Inayaili de León, for Hamilton-Brown
Year 2010

---------------------------------------
---------------------------------------
--- Table of Contents:				---
---									---
--- =General						---
--- =Layout							---
--- =Nav							---
--- =Links							---
--- =Headings						---
--- =Type							---
--- =Tabs							---
--- =Images							---
--- =Lists							---
---------------------------------------
---------------------------------------

Colour Reference:

#858585		Light Grey		Main text

#c95118		Brick Red		Work page

*/

@import url(reset.css);

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

body { text-align:center; font:14px Verdana, Geneva, sans-serif; color:#858585; background-color:#ffffff; }

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */

/* =Layout ---------------------------------------------------------------
------------------------------------------------------------------------*/

.wrapper, footer { width:945px; margin:auto; position:relative; }

	header .wrapper { padding-top:54px; }

	#main { padding-top:67px; clear:both; text-align:left; height:527px; background:none no-repeat center bottom; position:relative; }
	
		#work #main { background-image:url(../images/bkg-work.jpg); }
		#clients #main { background-image:url(../images/bkg-clients.jpg); }
		#delivery #main { background-image:url(../images/bkg-delivery.jpg); }
		#adding #main { background:none; }
			body#adding { background-repeat:no-repeat; background-position:center -8px; }
		#contacts #main { background-image:url(../images/bkg-contacts.jpg); }
		
		#text { padding-right:415px; }
			#work #text { padding-right:410px; }
			
	footer { text-align:left; font-size:10px; padding:16px 0 103px 0; }

/* =Nav ------------------------------------------------------------------
------------------------------------------------------------------------*/

nav { float:right; }
nav li { float:right; display:block; clear:both; }
nav li a { display:block; height:22px; width:128px; background:url(../images/nav.gif) no-repeat; text-indent:-100000px; }
	
	#nav-work a:link, #nav-work a:visited { background-position:left 0; }
	#work #nav-work a,
	#nav-work a:hover, #nav-work a:active, #nav-work a:focus { background-position:-137px 0; }
	
	#nav-clients a:link, #nav-clients a:visited { background-position:left -22px; }
	#clients #nav-clients a,
	#nav-clients a:hover, #nav-clients a:active, #nav-clients a:focus { background-position:-137px -22px; }
	
	#nav-delivery a:link, #nav-delivery a:visited { background-position:left -44px; }
	#delivery #nav-delivery a,
	#nav-delivery a:hover, #nav-delivery a:active, #nav-delivery a:focus { background-position:-137px -44px; }
	
	#nav-adding a:link, #nav-adding a:visited { background-position:left -66px; }
	#adding #nav-adding a,
	#nav-adding a:hover, #nav-adding a:active, #nav-adding a:focus { background-position:-137px -66px; }
	
	#nav-contacts a:link, #nav-contacts a:visited { background-position:left -88px; }
	#contacts #nav-contacts a,
	#nav-contacts a:hover, #nav-contacts a:active, #nav-contacts a:focus { background-position:-137px -88px; }
	
	#nav-home a:link, #nav-home a:visited,
	#nav-home a:hover, #nav-home a:active, #nav-home a:focus { height:26px; width:225px; background:url(../images/logo.gif) no-repeat; }

/* =Links ----------------------------------------------------------------
------------------------------------------------------------------------*/

#main a:link, #main a:visited { color:#8aceee; text-decoration:none; }
#main a:hover, #main a:active, #main a:focus { color:#3dc1ff; border-bottom:1px solid #3dc1ff; }

/* =Headings --------------------------------------------------------------
------------------------------------------------------------------------*/

#main h1 { background:none no-repeat; text-indent:-100000px; height:29px; margin-bottom:25px; }
	
	#work h1 { background-image:url(../images/heading-work.png); }
	#clients h1 { background-image:url(../images/heading-clients.png); }
	#delivery h1 { background-image:url(../images/heading-delivery.png); }
	#adding h1 { background-image:url(../images/heading-adding.png); height:75px; }
	#contacts h1 { background-image:url(../images/heading-contacts.png); }

#home h2 { text-indent:-100000px; background:url(../images/heading-home.png) no-repeat; width:440px; height:92px; margin-bottom:25px; }

/* =Type -----------------------------------------------------------------
------------------------------------------------------------------------*/

#main p { line-height:1.5; margin-bottom:25px; }

#main h1 + p,
#home #main h2 + p { font-size:16px; /* margin-bottom:60px; */ }

	#clients #main p,
	#contacts #main p { margin-bottom:25px; }

#work h1 + p > span { color:#c95118; }

#contacts h2 { color:#2798cd; }

/* =Tabs -----------------------------------------------------------------
------------------------------------------------------------------------*/

#tabs-nav { position:absolute; right:110px; top:70px; }
	#tabs-nav li { display:inline; }
		#tabs-nav li a { background:url(../images/pagenumbers.gif); display:inline-block; width:20px; height:20px; font-size:13px; line-height:18px; text-align:center; }
		#main #tabs-nav li a:link, #main #tabs-nav li a:visited { color:#ffffff; background-position:bottom center; }
		#main #tabs-nav li a:hover, #main #tabs-nav li a:active, #main #tabs-nav li a:focus,
		#main #tabs-nav li a.selected { color:#ffffff; border:0; background-position:top center; }

.tab { background:url(../images/adding-box.png) no-repeat; height:407px; padding:0 40px; margin-left:-35px; }

	.col1, .col2, .col3 { margin-top:50px; width:217px; float:left; }
	
		.col1 { margin-right:25px;}
		.col2 { margin-right:100px; }
		
.tab h2 { font-size:16px; color:#e800ba; margin-bottom:10px; }

.tab p { font-size:13px; }

blockquote { color:#e800ba; }

	.tab blockquote p + p { font-size:10px; }

/* =Images ---------------------------------------------------------------
------------------------------------------------------------------------*/

#bkg-images { position:absolute; top:67px; left:50%; margin-left:-606px; z-index:-1; }

/* =Lists ----------------------------------------------------------------
------------------------------------------------------------------------*/