/*
Created by Andy McEniry
www.digital-precision.co.uk
*/

/*  DEFAULT ITEMS  //////////////////////////////////////////////////*/
   
* { /* Resets margin & padding of all elements */
	margin:0px;
	padding:0px;}

* img { /* Takes borders off of all images as standard */
	border:0px;}

	
a.dark:link, a.dark:visited, a.dark:hover, a.dark:active {
	color:#006;
	text-decoration:none; }

body {
	margin:10px auto;
	background:#000;
	font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-align:center; }
	

/*  WRAPPERS  //////////////////////////////////////////////////*/	

#slogan {
	margin:0px auto;
	height:20px; line-height:20px;
	width:820px; text-align:left; }
	
#digilinks {
	margin:0px auto;
	color:#333;
	height:20px; line-height:20px;
	width:820px; text-align:right; }

#wrapper_{
	margin:0px auto;
	width:820px;
	height:auto;
	text-align:left;
	background:#222 url(images/bg_wrapper.jpg);
	border:1px solid #444;}
	
#wrapper{
	width:800px;
	margin:10px;}
	
#navbot {
	clear:both;
	width:800px; height:22px;  line-height:22px;
	border:1px solid #999;
	margin:0px;
	color:#fff; background:#000;
	font-size:80%; 	font-weight:normal;
	text-align:center; 	text-transform:uppercase; }
	
#navbot a:link, #navbot a:visited {
	color:#fff;
	text-decoration:none; }
	
#navbot a:hover, #navbot a:active {
	color:#aad;
	text-decoration:none; }

#header {
	width:798px; height:100px;
	border:1px solid #999;}
	
#headerprint {
	display:none;
	width:584px;
	height:74px;
	margin:0px 0px 20px 0px;
	background:url(images/print_header.jpg);}
		
#offer {
	float:left; display:inline;
	width:210px;  height:50px;
	margin-bottom:8px;}
	
.image_right {
	float:right;  display:inline;
	margin:0px;
	border:1px solid #435;	}
	
.images {
	float:right;  display:inline;
	width:200px;
	margin:0px 0px 5px 20px;
	font-size:80%;
	color:#09f;}
	
.flash {
	float:right;  display:inline;
	width:200px;
	margin:0px 0px 5px 20px;
	font-size:80%;
	color:#09f;}

#main{
	margin:10px 0px;
	width:800px;  }
	
#menu {
	float:left; display:inline;
	width:180px; 
	font-size:90%;
	font-weight:bold;
	color:#aad;}
	
a:link, a:visited, li:link, li:visited {
	color:#000;
	text-decoration:none; }
	
a:hover, a:active, li:hover, li:active {
	color:#339;
	text-decoration:none; }
	
#menu hr {
	width:180px;margin:0px;}
	
#page {
	float:left; display:inline;
	width:586px; 
	font-size:90%;
	font-weight:normal;
	margin-left:4px;
	color:#fff;	line-height:15px;}
	
#page a:link, #page a:visited {
	color:#aad;
	text-decoration:none; }
	
#page a:hover, #page a:active {
	color:#aad;
	text-decoration:underline; }	

.accesslist {
	line-height:12px;}
	
.column {
	float:left; display:inline; width:182px; }

.divide {
	float:left; display:inline; width:17px; }
	
.column_contact {
	float:left; display:inline; width:387px;}
	
.column_supplier {
	float:left; display:inline; width:585px;}
	
#slideshow {
	float:right; display:inline; 
	width:270px; height:200px;
	margin:15px 0px 15px 15px; }
	
.menu_button {
	width:168px; height:24px; line-height:24px;
	background: url(images/bg_button.gif);
	margin:0px 0px 8px 0px;
	border:1px solid #557; }
	
/*  FONTS  ///////////////////////////////////////////*/

p {
	margin:0px 0px 10px 0px;
	text-align:left;}
	
h1 {
	font-size:100%;
	margin:0px 10px;
	font-weight:bold;
	color:#333;}
	
a.homelink:link, a.homelink:visited {
	color:#333;
	text-decoration:none; }
	
a.homelink:hover, a.homelink:active {
	color:#fff;
	text-decoration:none; }
	
h2 {
	font-size:75%;
	text-align:right;
	line-height:1em;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#333;}
	
h3 {
	font-size:200%;
	line-height:1em;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	color:#aad;}
	
h4 {
	font-size:100%;
	margin:15px 0px 0px 0px;
	font-weight:normal;
	color:#fff;}
	
h5 {
	font-size:90%;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-transform:uppercase;
	color:#aad;}
	
h6 {
	font-size:80%;
	font-weight:normal;
	margin:0px;
	letter-spacing:0.1em;}
		
hr {
	clear:both;
	width:100%;
	height:0px;
	border:0px;border-top:1px dashed #666;
	margin:10px 0px;}
	
li.hrli {
	color:#f90;
	font-weight:normal;
	list-style-type:none;}
	
.highlight {
	color:#ff0;}
	
.highlightunderline {
	color:#ff0;
	text-decoration:underline;}


	
/* IMAGES //////////////////////////////////////////////////////////*/

img.left, img.leftn {
	float:left;display:inline;border:1px solid #999;margin-top:10px;}
	
img.right, img.rightn {
	float:right; display:inline;
	border:1px solid #999;
	margin-top:10px;
	margin-left:40px;}
	
.image_double {
	float:right; display:inline;
	width:386px;
	margin:0px 0px 20px 10px; }
	
.image_double img {
	float:right; display:inline;
	border:1px solid #999; }
	
/* LISTS //////////////////////////////////////////////////////////*/

li {
	margin:0px;
	line-height:15px;vertical-align: middle; }

ul {
	margin:0px 0px 0px 15px;}
	
ul.menu {
	margin:0px 0px 0px 20px;
	list-style-type:square;}

ul.menu li {
	margin:0px;
	line-height:20px;vertical-align: middle; }
	
ol {
	margin:0px 0px 0px 25px;}
	
ol li {
	margin:0px 0px 15px 0px;}
	
ol h2 {
	font-size:100%;
	font-weight:bold;}
	
	
/* LINKS //////////////////////////////////////////////////////////*/

a.dark {
	color:#006; }
	
a.dark:hover, a.dark:active {
	color:#006;
	text-decoration:underline; }
	
a:link, a:visited{
	color:#000;
	text-decoration:none; }
	
a:hover, a:active {
	color:#339;
	text-decoration:none; }
	
ul.menu a:link, ul.menu a:visited {
	color:#fff;
	text-decoration:none; }
	
ul.menu a:hover, ul.menu a:active {
	color:#aad;
	text-decoration:none; }

/* TICK LIST //////////////////////////////////////////////////////////*/

.ticklist {
	float:left; display:inline;
	width:265px;  height:16px; line-height:16px;
	margin:0px 0px 6px 10px; 
	background: url("images/tick.jpg") no-repeat;
	}
	
.ticklist p {
	margin:0px 0px 0px 25px; }
	
/* CONTACT PAGE ///////////////////////////////////////////////////////*/

.contact_smallarea {
	float:left; display:inline;
	width:385px; font-size:11px;
	height:26px;line-height:26px; 
	margin-right:10px;}
	
.contact_smalllabel {
	float:left; display:inline;
	width:120px; height:26px;line-height:26px;
	text-align:left;}
	
.contact_smallinput_text {
	float:left; display:inline;
	width:260px; 
	height:26px;}
	
.contact_textbox {
	margin:2px; height:18px; 
	line-height:18px;}
	
.contact_textarea {
	margin:2px; height:108px; 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;}
	
.contact_dropdown {
	margin:2px; height:22px; 
	line-height:22px;}
	
.contact_largearea {
	float:left; display:inline;
	width:385px; font-size:11px;
	height:128px; line-height:26px;
	margin-right:10px;}
	
.contact_largelabel {
	float:left; display:inline;
	width:120px; height:128px;line-height:26px;
	text-align:left;}
	
.contact_largeinput_text {
	float:left; display:inline;
	width:380px;
	height:115px;}
	
/*  PORTFOLIO ////////////////////////////////////*/

#portfolio_main {
	float:left; display:inline;
	width:548px; height:168px;
	background: url("images/bg_portfolio.jpg");
	border:1px solid #666;}

#portfolio_image {
	float:left; display:inline;
	width:231px; height:168px;}

#portfolio_description {
	float:left; display:inline;
	width:317px; height:168px;}
	
#portfolio_description h1 {
	font-size:125%; color:#f90;
	margin:21px 0px 10px 0px;}
	
#portfolio_description h2 {
	font-size:150%; color:#f90;
	margin:21px 0px 10px 0px;}
	
#portfolio_description p {
	font-size:100%; color:#fff; text-align:left;
	margin:0px 20px 0px 0px;}
		
#portfolio_big_image {
	float:left; display:inline;
	width:175px;height:109px;
	margin:23px 0px 0px 23px;}
	
#portfolio_thumbarea {
	float:left; display:inline;
	margin:15px 0px 0px 0px;
	width:550px;}
	
.portfolio_thumb {
	float:left; display:inline;
	width:100px;height:63px;
	border:1px solid #666;
	margin:5px 10px 5px 0px;}
	
.portfolio_thumb_endrow {
	float:left; display:inline;
	width:100px;height:63px;
	border:1px solid #666;
	margin:5px 0px 5px 0px;}
	
/* BUTTONS //////////////////////////////////////////////*/

.buttondiv {
	float:left; display:inline;
	width:550px; height:22px;
	margin:10px 0px 0px 0px;}

.button_left {
	float:left; display:inline;
	width:100px; height:20px; 
	line-height:20px; text-align:center;
	border:1px solid #666; color:#09f;
	background: url("images/bg_button.jpg");}
	
.button_right {
	float:right; display:inline;
	width:100px; height:20px; 
	line-height:20px; text-align:center;
	border:1px solid #666; color:#09f;
	background: url("images/bg_button.jpg");}

.button_left:hover, .button_right:hover {
	border:1px solid #09f;}	
	
#budget {
	display:none;}
	
/* VALIDATOR */

.validation_location {
	float:left; display:inline;
	width:140px; margin-bottom:5px;
	color:#ff0;}
	
.validation_description {
	float:left; display:inline;
	width:400px; margin-bottom:5px; }
	
.validation_description:first-letter {text-transform:capitalize;}


/* GOOGLE MAP */

#map {
	display:none; }
	
#googlemap { 
	width:370px; height:270px; }
	
	
/* SUPPLIER APPLICATION */

.supplier_smallarea { 
	float:left; display:inline;
	width:565px; font-size:11px;
	height:26px;line-height:26px; 
	margin-right:10px;}
	
.supplier_smalllabel {
	float:left; display:inline;
	width:180px; height:26px;line-height:26px;
	text-align:left;}
	
.supplier_smallinput_text {
	float:left; display:inline;
	width:378px; 
	height:26px;}
	
.supplier_textbox {
	margin:2px; 
	line-height:18px;}
	
.supplier_textarea { 
	height:108px;
	margin:0px 2px 2px 4px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;}
	
.supplier_dropdown {
	margin:2px; height:22px; 
	line-height:22px;}
	
.supplier_largearea {
	float:left; display:inline;
	width:565px; font-size:11px;
	height:116px; line-height:26px;
	margin-right:10px;}
	
.supplier_largelabel {
	float:left; display:inline;
	width:178px; height:128px;line-height:26px;
	text-align:left;}
	
.supplier_largeinput_text {
	float:left; display:inline;
	width:380px;
	height:115px;}
	
.supplier_checkarea { 
	float:left; display:inline;
	width:565px; font-size:11px;
	height:32px;line-height:16px; 
	margin-right:10px;}
	
.supplier_checklabel {
	float:left; display:inline;
	width:180px; height:32px;line-height:16px;
	text-align:left;}
	
.supplier_checkinput_text {
	float:left; display:inline;
	width:378px; 
	height:32px;}
	
#partner1 {
	display:block;}
	
#partner2 {
	display:none;}
	
#partner3 {
	display:none;}
	
#partner4 {
	display:none;}