/*
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:link, a:visited {
	color:#fff;
	text-decoration:none; }
	
a:hover, a:active {
	color:#fff;
	text-decoration:none; }
	
a.dark:link, a.dark:visited, a.dark:hover, a.dark:active {
	color:#006;
	text-decoration:none; }
	

body {
	margin:10px auto;
	background: #222 url(images/bg.gif);
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-align:center; }
	
.clearboth {
	width:100%;
	display:inline;
	height:1px;
	float:left;
	clear:both; }
	
.minheight {
	float:right;  display:inline;
	height:315px;  width:0px;}
	

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

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

#wrapper_{
	margin:0px auto;
	width:820px;
	height:auto;
	text-align:left;
	background-color:#111;
	border:1px solid #333;}
#wrapper{
	width:800px;
	margin:10px;}
	
#navtop {
	clear:both;
	width:800px;
	height:22px;  line-height:22px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin:20px 0px;
	background:#b4b4d5;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	color:#fff;}
	
#navbot {
	clear:both;
	width:800px;
	height:22px;  line-height:22px;
	border:1px solid #333;
	margin:0px 0px;
	background: #111 url(images/bg_footer.jpg);
	font-size:90%;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#fff;}

#header {
	width:798px; height:100px;
	border:1px solid #333;}
	
#headings {
	float:left; display:inline;
	width:550px;  height:49px;
	border-bottom:1px solid #fff;
	margin-bottom:10px;}
	
#offer {
	float:left; display:inline;
	width:210px;  height:50px;
	margin-bottom:8px;}
	
.image_right {
	float:right;  display:inline;
	margin:0px;
	border:1px solid #666;	}
	
.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;}
	
#awards {
	float:left; display:inline;
	width:195px;  height:31px;
	margin:5px 0px 5px 15px;}
	
#awards img {
margin:0px 5px 0px 0px;}

	

#main{
	margin:10px 0px;
	width:800px;  }
	
#menu {
	float:left; display:inline;
	width:210px; 
	font-size:90%;
	font-weight:bold;
	color:#09f;}
	
a:link, a:visited, li:link, li:visited {
	color:#09f;
	text-decoration:none; }
	
a:hover, a:active, li:hover, li:active {
	color:#fff;
	text-decoration:none; }
	
#menu hr {
	width:180px;margin:0px;}
	
#page {
	float:right; display:inline;
	width:550px; 
	font-size:90%;
	font-weight:bold;
	margin-left:20px;
	margin:0px 10px 0px 10px;
	color:#fff;	line-height:15px;}
	
#page a:link, #page a:visited {
	color:#f90;
	text-decoration:none; }
	
#page a:hover, #page a:active {
	color:#09f;
	text-decoration:none; }	

#vertical_sizer {
	float:right;
	display:inline;
	width:1px;
	height:290px;
	background:#f90;}
	


.accesslist {
	line-height:12px;}
	
	
/*  FONTS  ///////////////////////////////////////////*/

p {
	margin:0px 0px 10px 0px;
	text-align:justify;}
	
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:200%;
	line-height:1em;
	margin:2px 0px 3px 0px;
	font-weight:bold;
	color:#f90;}
	
h3 {
	font-size:120%;
	line-height:1em;
	margin:6px 0px 18px 0px;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0.1em;}
	
h4 {
	font-size:120%;
	margin:16px 0px 10px 0px;
	font-weight:bold;
	color:#f90;}
	
h5 {
	font-size:120%;
	margin:16px 0px 0px 0px;
	font-weight:bold;
	color:#f90;}
	
h6 {
	font-size:80%;
	font-weight:normal;
	color:#999;
	margin:0px;
	text-align:center;
	letter-spacing:0.1em;}
		
hr {
	clear:both;
	width:100%;
	height:0px;
	border-top:1px dashed #666;
	color:#666;
	margin:0px 0px 0px 0px;}
	
li.hrli {
	color:#f90;
	font-weight:normal;
	list-style-type:none;}
	
.highlight {
	color:#ff0;}
	
.highlightunderline {
	color:#ff0;
	text-decoration:underline;}


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

#main img.left {
	float:left;
	display:inline;
	margin:0px 20px 20px 20px;}
	
/* LISTS //////////////////////////////////////////////////////////*/

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

ul {
	margin:0px 0px 0px 20px;}


	
ol {
	margin:10px 0px 20px 25px;}
	
ol h2 {
	font-size:100%;
	font-weight:bold;}
	
	
/* LINKS //////////////////////////////////////////////////////////*/

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

/* 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:545px; font-size:13px;
	height:26px;line-height:26px; 
	margin-right:10px;}
	
.contact_smallarea_H {
	float:left; display:inline;
	width:545px; font-size:13px;
	height:26px;line-height:26px; 
	display:none;
	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:415px; 
	height:26px;}
	
.contact_textbox {
	margin:2px; height:18px; 
	line-height:18px;}
	
.contact_checkbox {
	float:left;display:inline;
	margin:1px; 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:545px; font-size:13px;
	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:425px;
	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;}
	
#portfolio_small_xhtml {
	height:20px;
	margin-top:5px;
	margin-right:10px; }
	
#portfolio_small_xhtml p {
	float:right; display:inline;
	line-height:20px;
	margin-right:5px;
	font-size:80%;
	color:#555;}
	
#portfolio_small_xhtml img {
	float:right; display:inline;}
	
/* 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;}


/* XMAS */

.xmas_thumbnail {
	float:left; display:inline;
	
	margin:10px 25px 10px 0px;
	border:1px solid #fff;}	
	
.xmas_thumbnail img{
width:150px; height:88px;
	margin:2px;}	
	

#popup {
	position: absolute;
	top:310px; left:25%;
	visibility:hidden;
	background: url(xmas/images/png_black_10.png);
	border: 0px solid #fff;
	margin-left:133px;
	text-align:center;
	z-index:200; }

#popup img {
	border:2px solid #fff;
	width:450px; height:263px;
	margin:10px;}