/* ---------------------------------------------------------------------
------------------------------------------------------------------------
  Sindico Limited based on the BLUEPRINT CSS
  Designed and created by www.doublehappycreative.com	    
   
[Table of Contents]

1. Master reset
2. Typography
3. Grid Layout
4. Navigation
5. Forms
6. Form Validation
7. Footer
8. Sub headings, sub lists, Supplier lists, project lists


[Colours]

Dark Blue (Primary headings h2, h3) #1C3C4A
Dark Green (Secondary headings h4) #324A15
Dark grey (Body text) #222
Link Blue (Links) #2f667d
Link Light Blue (Rollover) #219de3

------------------------------------------------------------------------
----------------------------------------------------------------------*/



/* --------------------------------------------------------------------- 

1.Master Reset 

----------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --------------------------------------------------------------------- 

2. Typography 

----------------------------------------------------------------------*/

body {
	font-size:75%;
	color:#222;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.5;
	background-image: url(../img/bgrnd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#header h1  {
	background-image: url(../img/sindico_logo.png);
	height: 87px;
	width: 309px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 37px;
	display: block;
	margin-bottom:13px;
}

#header h1 a { 
	display: block; 
	width: 309px; 
	height: 87px;
}

#header h1 a:hover {
	border-bottom-style: none;
}

h2 {
	font-size:2em;
	margin-bottom:0.75em;
	color: #1C3C4A;
	line-height: 1.0;
}

h3 {
	font-size:1.5em;
	line-height:1;
	margin-bottom:0.55em;
	color: #1C3C4A;
}

h4 {
	font-size:1.2em;
	line-height:1.25;
	margin-bottom:0.35em;
	height:1.25em;
	color: #324A15;
}

h5 {font-size:1em;
	font-weight:bold;
	margin-bottom:1.5em;
}

p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.75em;
	margin-left: 0;
}

a {
	color:#2f667d;
	text-decoration:none;
}

a:focus, a:hover {
	color:#219de3;
	text-decoration:none;
	border-bottom-color: #219def;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
	
strong {
	font-weight:bold;
	}
	
em, dfn {font-style:italic;}

li ul, li ol {
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 0;
	margin-left: 0em;
}

ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type:disc;
}

.hide {
	display:none;
}

.right {
	float:right;
}

.first {
	margin-left:0;
	padding-left:0;
}

.last {
	margin-right:0;
	padding-right:0;
}

.top {
	margin-top:0;
	padding-top:0;
}

.bottom {
	margin-bottom:0;
	padding-bottom:0;
}

/* --------------------------------------------------------------------- 

3. Grid Layout

----------------------------------------------------------------------*/

.container {
	width:950px;
	margin:0 auto;
}


#header {
	width: 950px;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 127px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {
	float:left;
	margin-right: 10px;
}

div.last {
	margin-right:0;
}

.span-2  {
	width: 260px;
	margin-left:20px;
	margin-top:95px;
}
		
.span-4  {
	width: 610px;
	margin-left: 10px;
	margin-top: 120px;
}


.span-6, div.span-6 { 
	width: 950px; 
	margin: 0; 
}

.floatright { 
	float: right; 
}

.floatleft { 
	float: left; 
}

.clearfix:after, .container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix, .container {
	display:inline-block;
}

* html .clearfix, * html .container {
	height:1%;
}

.clearfix, .container {
	display:block;
}

.clear {
	clear:both;
}

/* --------------------------------------------------------------------- 

4. Navigation

----------------------------------------------------------------------*/

#navlist
{
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 10px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 4px;
	margin-left: 10px;
	height: 21px;
	border-bottom-style: none;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	padding-bottom: 2px;
	color: #4b6a03;
	background-color: transparent;
	background-image: url(../img/nav_pointer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navlist a:hover {
	color: #4b6a03;
}

.subnav {
	background-image: url(../img/sidebar.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 391px;
	padding-top: 26px;
}



/* --------------------------------------------------------------------- 

5. Forms

----------------------------------------------------------------------*/

input.text, input.title, textarea, input, select {
	margin:0.5em 0;
}

input.text:focus, input.title:focus, textarea:focus, select:focus {}

input.text, input.title {
	width:300px;
	padding:5px;
}

input.title {
	font-size:1.5em;
}

textarea {
	width:300px;
	height:100px;
	padding:2px;
}

input.text {
	width:290px;
	padding:2px;
}


form ul li {
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

label {
	display: block;
	width: 140px;
	float:left;
	padding-top: 10px;
}

.submit {
	margin-left:140px;
}


/* --------------------------------------------------------------------- 

6. Form Validation

----------------------------------------------------------------------*/

input.required, textarea.required {
	
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #2f667d;
	color : #2f667d;
}

input.validation-passed, textarea.validation-passed {

}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #2f667d;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/* --------------------------------------------------------------------- 

7. Footer

----------------------------------------------------------------------*/

#footer{
	background-color: #eeeeee;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-top: 20px;
	padding-top: 20px;
	margin-bottom: 0px;
	width: 100%;
	padding-bottom: 20px;
}

#footer a {
	color:#666666;
}

#footer a:hover {
	color:#333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#footer ul#sitemap{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	display: block;
}

#footer ul#sitemap li {
	display: inline;
	width: 110px;
	margin-right:10px;
	float: left;
}

ul#sitemap li ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#doublehappy {
	background-image: url(../img/doublehappy_badge.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 100px;
	background-position: right top;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#doublehappy a:hover {
	text-decoration: none;
	border: none;
}
#doublehappy a {
	font-size: 9px;
	display: block;
	height: 24px;
	width: 120px;
}

/* --------------------------------------------------------------------- 

8. Sub headings, sub lists, Supplier lists, project lists

----------------------------------------------------------------------*/


/* Sub headings */

.subhead {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2f667d;
	background-color: #e4f5fc;
}

.subhead_downloads {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/download.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-bottom: 0px;
}

.subhead_contact {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/email.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-bottom: 0px;
}

.subhead_suppliers {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* Sub lists */

.subcontent {
	padding: 10px;
	margin-top:80px;
}

.sublist {
	margin: 0 0 10px 0;
	padding: 0px;
}

.sublist li {
	padding: 10px 0px 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	list-style-type: none;
}

/* Supplier lists */

ul.suppliers {
	margin;0px;
}

.suppliers li {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	list-style-type: none;
}

ul.nolist {
	margin: 0px;
}

ul.nolist li{
	list-style-type: none;
	margin-bottom: 20px;
}

/* Projects */

ul.project_list {
	margin:10px;
}

.project_list li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin-bottom: 20px;
	padding-bottom: 20px;
	list-style-type: none;
	display:block;
}

.project_list li.odd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.project_list li img {
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.project_list li ul {
	display: block;
}

.project_list li ul li {
	display: inline;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}