/* 

STYLE SHEET FOR [x] WEB SITE
Created by Author Name
www.digitalbrief.co.uk

/* ================ TABLE OF CONTENTS ======================

1. RESET
2. DEFAULT STYLES
3. STANDARD CLASSES, FLOATS ETC.
4. OUTER STRUCTURE
5. NAVIGATION
6. INNER STRUCTURE

/* =============== NOTES =======================


/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #ffffff;
Primary Font: #000000;
Secondary Font: #666666;
Primary Link: #0000FF;
Primary Link Hover: #0000FF;
Secondary Link: #FF0000;
Secondary Link Hover: #FF0000;

Borders, Headlines, etc, 

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


/* ================ 
1. RESET
===========================*/

* { /*reset all elements to have no margin and padding */
	margin:0;
	padding:0;
}

body {
	background: #ffffff url(../img/common/bg.gif) repeat-x;
	text-align:center;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
	color:#000;
	overflow:auto;
}

.stripe {
	background: #ffffff url(../img/common/bar-bg.gif) no-repeat;
	}


ul {
	list-style-type:none;
	list-style:none;	
	background:none;
}

img {
	border:0;
}

/* ================ 
2. STANDARD STYLING
===========================*/

/* ===== FONTS =====*/

h1, h2, h3, h4, p, ul, ol {
}

h1 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 3.5em;
	color:#000000;
}

h2 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color:#000000;
}

h2.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#216c85;
}

h3 {
}
		
h4 {
}

p {
	font-size:1em;
}

blockquote {
}

ol {
}

dl {
}

/* ===== LINKS =====*/

a {
	text-decoration:none;
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: normal;
	line-height: 2.5;
	color:#bcbebb;
}

a.yellow {
	text-decoration:none;
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: normal;
	line-height: 2.5;
	color: #f3b126;
}

a.workyellow {
	text-decoration:none;
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Georgia, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color:#f3b126;
	padding:2px;
}

a.workblue {
	text-decoration:none;
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Georgia, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color:#6d92a2;
	padding:2px;
}

a.launch {
	text-decoration:none;
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 2.2;
	color:#ffffff;
}

a.footer {
	text-decoration:underline;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.em;
	font-weight: normal;
	line-height: 2.5;
	color:#000000;
}

a.work {
	text-decoration:underline;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.em;
	font-weight: normal;
	line-height: 1.5;
	color:#ffffff;
}

a:link {
}

a:active {
}

a:hover {
text-decoration:underline;
}

a:visited {
}


/* ===== TABLES =====*/

table {
}
		
caption {
}
		
tr {
}

th, td {
}
		
th {
}
		
td {
}


/* ===== FORMS =====*/

form {
}

input, select, textarea {
}

.field{ 
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	width: 400px; 
	border: 2px solid #bcbebb;
	height: 20px;
	background-color: #fff;
}

.field1{ 
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	width: 400px; 
	color: #000000;
	border: 2px solid #bcbebb;

}

.button1{ 
	float:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	border: 2px solid #3a5f31;
	background-color: #3f6b33;
	cursor: pointer;
	height: 20px;
	width: 80px;

}

.button{ 
	background: url(../img/buttons/button-submit.gif) no-repeat;
	float:left;
	font-family: Georgia, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	cursor: pointer;
	height: 40px;
	width: 150px;
	border:none;
	clear:left;
	margin-top:20px;

}

/* ================ 
3. STANDARD CLASSES FLOATS ETC
===========================*/

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.clearBoth {
	clear:both;
}

.clearRight {
	clear:right;
}

.clearLeft {
	clear:left;
}


/* ================ 
4. OUTER STRUCTURE
===========================*/

#page-wrapper {
	background: url(../img/common/) no-repeat;
	width: 1003px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
}

#header-bar {
	background: url(../img/common/header-bar.png) no-repeat;
	width: 973px;
	height:149px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	color:#FFFFFF;
	float: left;
}

#content1 {
	background: url(../img/common/content1.png) no-repeat;
	width: 973px;
	height:300px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	float: left;
}

#content2 {
	background: url(../img/common/content2.png) no-repeat;
	width: 973px;
	height:300px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	float: left;
}

#content3 {
	background: url(../img/common/content3.png) no-repeat;
	width: 973px;
	height:300px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	float: left;
}

#content4 {
	background: url(../img/common/content4.png) no-repeat;
	width: 973px;
	height:300px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	float: left;
}

#content5 {
	background: url(../img/common/content5.png) no-repeat;
	width: 973px;
	height:300px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	float: left;
}

#content-contact {
	background: url(../img/common/contact-bg.png) no-repeat;
	width: 973px;
	height:455px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	overflow:hidden;
	position:relative;
	float: left;
}

#content-work {
	background: url(../img/common/work-bg.png) no-repeat;
	width: 973px;
	height:1250px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	position:relative;
	float: left;
	overflow:visible;
}

#flashcontent {
	height: 1000px;
	width:810px;
	float:left;
	overflow:visible;
}

#flashContent p {
	text-align: center;
	color:#FFFFFF; 
	margin:20px 0;
	overflow:visible;
}

.content-text-work {
	width: 650px;
	height:185px;
	overflow:hidden;
	position:relative;
	float: left;
	display:inline;
	text-align:left;
	color:#FFFFFF;
	padding-left:10px;
}

#footer {
	background: url(../img/common/footer-bar.png) no-repeat;
	width: 973px;
	height:135px;
	margin:0 auto;
	font-size:1em;
	text-align:center;
	line-height:.5em;
	overflow:hidden;
	position:relative;
	float: left;
	padding-top:50px;
}

.content-container {
	width: 240px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float: left;
	display:inline;
}

.content-container-work {
	width: 240px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float: left;
	display:inline;
}

.content-image {
	/*background: url(../img/content/lovelabel.jpg) no-repeat;*/
	width: 125px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float: left;
	margin-left:115px;
	display:inline;
}

.content-button {
	background: url(../img/buttons/button-yellow.gif) no-repeat;
	width: 150px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float: left;
	margin-left:90px;
	display:inline;
	clear:left;
	color:#FFFFFF;
	margin-top:50px;
}

.content-text {
	width: 580px;
	height:300px;
	overflow:hidden;
	position:relative;
	float: left;
	display:inline;
	text-align:left;
	color:#FFFFFF;
	padding-left:10px;
}

.content-copy {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#ffffff;
	font-size:1.5em;
	font-weight:normal;
	padding-top:15px;
}

.content-image2 {
	width: 125px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float: left;
	margin-left:25px;
	display:inline;
}

.content-button2 {
	background: url(../img/buttons/button-blue.gif) no-repeat;
	width: 150px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float: left;
	margin-left:25px;
	display:inline;
	clear:left;
	color:#FFFFFF;
	margin-top:50px;
}

.content-text2 {
	width: 580px;
	height:300px;
	overflow:hidden;
	position:relative;
	float: left;
	display:inline;
	text-align:right;
	color:#FFFFFF;
	padding-left:130px;
}

.logo {
	background: url(../img/logos/digitalbrief-logo.gif) no-repeat;
	width: 230px;
	height:60px;
	float: left;
}

.details {
	width: 230px;
	height:20px;
	float: left;
	color:#FFFFFF;
	clear:left;
	text-align:left;
	text-indent:30px;
}

.intro {
	width: 723px;
	height:50px;
	float: right;
	text-align: left;
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	color:#bcbebb;
	padding-left:20px;
	padding-top:30px;
}

.introlinks {
	width: 723px;
	float: right;
	font-size:70%;
	text-align: left;
	color:#bcbebb;
	padding-top:20px;
}

.content-text-contact {
	width: 580px;
	height:455px;
	overflow:hidden;
	position:relative;
	float: left;
	display:inline;
	text-align:left;
	color:#FFFFFF;
	padding-left:10px;
}

#nav {
	height: 40px;
	width: 860px;
	padding-top:20px;
	text-align:center;
	margin-left: 15px;
	float: left;
}

.nav-home {
	width: 115px;
	height: 40px;
	margin-left: 252px;
	float:left;
	background: url(../img/buttons/nav-but-on.gif) no-repeat;
	}
	
.nav-home-off {
	width: 115px;
	height: 40px;
	margin-left: 252px;
	float:left;
	background: url(../img/buttons/nav-but-off.gif) no-repeat;
	}	

.nav-work {
	width: 115px;
	height: 40px;
	margin-left: 1px;
	float:left;
	background: url(../img/buttons/nav-but-on.gif) no-repeat;
	}
	
.nav-work-off {
	width: 115px;
	height: 40px;
	margin-left: 1px;
	float:left;
	background: url(../img/buttons/nav-but-off.gif) no-repeat;
	}
	
.nav-contact {
	width: 115px;
	height: 40px;
	margin-left: 1px;
	float:left;
	background: url(../img/buttons/nav-but-on.gif) no-repeat;
	}	
	
.nav-contact-off {
	width: 115px;
	height: 40px;
	margin-left: 1px;
	float:left;
	background: url(../img/buttons/nav-but-off.gif) no-repeat;
	}	

/* ================ 
5. NAVIGATION
===========================*/

#nav a {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 2.5;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
	width: 115px;
	height: 40px;
	display:block;
	clear:both;
	float: left;
	/*background: url(../img/buttons/nav-but-off.gif) no-repeat;*/
	}
	
#nav a:hover {
	font-family:Georgia, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 2.5;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
	width: 115px;
	height: 40px;
	display:block;
	clear:both;
	float: left;
	background: url(../img/buttons/nav-but-on.gif) no-repeat;
	}


/* ================ 
6. INNER STRUCTURE
===========================*/

.logo {
}

.search {
}

/* ================ 
5. Listings
===========================*/



/* ================ 
5. Contact
===========================*/