/* Global reset */

* {margin: 0;padding: 0;border: 0 none;font-weight: normal;font-style: normal;text-decoration: none;}
li, dd, blockquote { margin-left: 20px; }
ul, ol { list-style-type: none }	
h1, h2, h3, h4, h5, h6 { font-family: 'vegur', Arial, sans-serif; }

@font-face {
font-family: 'vegur';
src: url('../vegur.otf') format('opentype');
}

body {
	padding:0px;
	margin:0px;
	font-family: Arial, sans-serif, "Lucida Sans", "Lucida Grande", "Trebuchet MS", "Myriad";
	height:100%;
	font-size: 90%;
	background-color: #202020;
	text-align: center;
}
h1 {font-family:'vegur', Arial, Helvetica, sans-serif;}

#page {
	margin: 0px;
	padding: 0px;
	background-color: #202020;
}
/* Horizontal bands and inner boxes*/

#logosection {
	height: 90px;
	background-color: #E6E0CF;
	background-image: url(../siteimages/logoback3.jpg);
	background-repeat: no-repeat;
	background-position: 50% bottom;
	margin: 0px;
	padding: 0px;
}

#mainsection {
	background-color: #EAE6DF;
	background-image: url(../siteimages/lightback.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#firstsection {
	min-height: 120px;
	background-color: #29294D;
	background-image: url(../siteimages/blueband.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0%;
}

#secondsection {
min-height: 220px;
background-color: #000;
background-image: url(../siteimages/secondback.jpg);
background-repeat: repeat-y;
background-position: 50% 0%;
}

#footersection {
height: 100px;
background-color: #000;
background-image: url(../siteimages/footerback.jpg);
background-repeat: repeat-y;
background-position: 50% 0%;
clear: right;
}

/* Navigation */


#contactbox {
	width: 530px;
	position: absolute;
	top: 5px;
	right: 50px;
}

#navigation {
	width: 630px;
	position: absolute;
	top: 54px;
	right: 53px;
}	
#navigation ul {
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	float: right;
	margin-left: 20px;
}	
#navigation ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Content boxes */


#logobox {
	position: relative;
	width: 965px;
	margin: 0 auto;
	padding-top: 0px;
	text-align: left;
}

#logo {
	padding: 0px;
	width: 260px;
	height: 90px;
	background: url(../siteimages/logo3.gif) no-repeat bottom;
	margin-left: -16px;
}
#logo a  {
	top: 0;
	left: 0;
	padding: 0px;
	width: 260px;
	height: 90px;
	position: absolute;
}
#logo h1 {
	text-align: center;
	text-indent: -2000px;
	margin: 0px;
	padding: 0px;
}

#mainbox {
	position: relative;
	width: 850px;
	margin: 0px auto 0;
	text-align: left;
	overflow: auto;
	color: #666666;
}
.homeback {
background: url(../siteimages/white_tree_med.gif) no-repeat 100% 0%;
}
.serviceback{
	background: url(../siteimages/white_tree_lrg2.gif) no-repeat 100% 100%;
}
.aboutback{
	background: url(../siteimages/white_tree_lrg.gif) no-repeat 100% 100%;
	color: #666666;
}


#mainbox h1 {
	font-family:'vegur', Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	padding-top: 28px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #42306F;
	line-height: normal;
}
#mainbox p {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 100%;
	width: 530px;
	margin: 0px;
	line-height: 1.5;
	color: #333333;
}
.boxcaption {
	line-height: 1.5;
	font-size: 100%;
	text-indent: 0px;
	color: #333333;
}
#mainbox .screenBorder h3 {
	font-weight: bold;
	color: #0F002C;
	font-size: 14px;
}
#mainbox .screenBorder {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.clear {
	clear: both;
}
#mainbox form {
	margin-bottom: 15px;
	padding-bottom: 20px;
	float: left;
}
#mainbox a {
	font-weight: bold;
	color: #42306F;
}
#mainbox a:hover{
	color: #FF6600;
	text-decoration: none;
}

#navigation ul li a:hover{
	color: #FF6600;
	text-decoration: none;
}

#firstbox {
position: relative;
	width: 850px;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #eee;
	overflow: auto;
	background: url(../siteimages/shadow.png) no-repeat;
	text-align: left;
}
#firstbox h1 {
	font-family:'vegur', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000033;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}	
#firstbox a { 
	color: #f0b7a3; 
	border-bottom: 0 none; 
	font-weight: bold;
	letter-spacing: 0.05em;
}
#firstbox ol {
	list-style-type: decimal;
	padding-top: 4px;
	padding-bottom: 4px;
}
#firstbox ol li {
	color: #000033;
	font-size: 12px;
	padding-bottom: 4px;
}
#firstbox h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000033;
}
#firstbox a:hover, #firstbox h3 a:hover { 
	border-bottom: 1px solid 
}

#firstbox h2 {
	font-family:'vegur', Arial, Helvetica, sans-serif;
	color: #100223;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
	padding-top: 8px;
}
#firstbox p {
	font-size: 12px;
	line-height: 1.4;
	color: #333333;
	padding-bottom: 8px;
}
#secondbox {
	overflow: auto;
	width: 850px;
	margin: 0 auto;
	color: #cfd1d3;
	padding-top: 20px;
	background: url(../siteimages/shadow.png) no-repeat;
	text-align: left;
	padding-bottom: 20px;
}
#secondbox h1 {
	font-family:'vegur', Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A6A7C5;
}
#secondbox ul {
	float: left;
	width: 197px;
	min-height: 200px;
	margin-right: 10px;
	padding: 0px 8px 15px 0px;
	border-right: 1px dotted #999999;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#page #secondsection #secondbox .rhs {
	margin-right: 0px;
	border-right-width: 0px;
	border-right-style: none;
	padding-right: 0px;
}
#secondbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px; 
	color: #FFCC66;
}

#secondbox ul li {
	padding-bottom: 4px;
	background-image: url(../siteimages/arrowright.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	font-size: 12px;
	margin: 0px;
}
#secondbox ul li a {
	color: #FFFFCC;
}
#secondbox ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footerbox {
	width: 850px;
	margin: 0 auto;
	color: #454c55;
	padding: 8px 0;
	text-align: left;
	font-size: 80%;
}
#footerbox address { float: right; text-align: right }

#footerbox ul {
	margin: 0px 0px 12px;
	padding: 0px;
}
#footerbox ul li {
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
}
#footerbox a {
	color: #B4B4D1
}

#footerbox a:hover {
	color: #FF6600;
	text-decoration: none;
}
#footerbox p {
	color: #B4B4D1;
}

/* Typography */

.floatright {float: right;}
strong {font-weight: bold;}
.extrasp {letter-spacing: 5px;}
.em {font-style: italic;}
em {
	font-style: italic;
}
.address {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333333;}
.strapline {font-weight: bold; color: #789A47; font-size: 14px; float: right;}
.newsdate {font-size: 11px; font-weight: bold; color: #649626; margin-bottom: 3px;}
.newsbody {font-size: 80%; line-height: 1.3; color: #333;}
.caption {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;font-weight: normal;letter-spacing: 0px;}
.footertext {font-size: 70%;color: #D1E3E8;letter-spacing: 0.1em;font-weight: normal;text-transform: none;}
.tinytext {font-size: 9px;color: #FFF;line-height: 12px;}
.subtext {font-size: 11px;font-weight: bold;color: #FFF;font-family: Arial, Helvetica, sans-serif;}
.CollapsiblePanelTab h2 {padding-top: 3px;padding-right: 0px;padding-bottom: 3px;padding-left: 0px;margin: 0px 0px 0px 12px;display: block;}
.clearfix {display: block;height: 0;clear: both;visibility: hidden;}


input{color: #333333;background: #EDEDED;border: 1px solid #797A8E;margin: 4px 0 4;font-size: 12px;padding: 3px;}

#Design_enquiry {background-color: #EDEDED;border: 1px solid #797A8E;}
#Enquiry {background-color: #EDEDED;border: 1px solid #797A8E;}

.formlist {font-size: 12px;font-weight: bold;text-decoration: none;}
.formtext {font-size: 10px;font-weight: normal;color: #333333;}
.bodytext {font-size: 12px;}
.seperator {color: #FF6600;padding-right: 5px;padding-left: 5px;}

/* Colours */

.white {color: #FFF;}
.black {color: #000;}
.pink {color: #FF9999;}
.weblink {color: #F9C302;}
.grey {color: #999;}
.darkgrey {color: #666666;}
.darkergrey {color: #333333;}
.boldwhitetext {font-size: 12px;color: #FFF;font-weight: bold;}
.boldred {font-size: 175%; font-weight: bold;}
.gold {color: #E6AB09;}
.bluer {color: #80B5DD;}
.darkbrown {color: #5B2B03;}
.lightblue {color: #42306F;}

/* Columns */

#col1 {
	margin-left: 0px;
	width: 255px;
	float: left;
}
#col2 {
	margin-left: 40px;
	width: 255px;
	float: left;
}
#col3 {
	margin-left: 40px;
	width: 255px;
	float: left;
}
#col3  ul {width: inherit;height: 170px;margin-top: 11px; }
#col3 ul li {display: block;float: left;margin-bottom: 22px;margin-right: 15px; }
.learnlink {
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
#firstbox .workboxes {
	margin: 0px 0px 25px;
	padding: 0px 0px 8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #A09FBE;
}
#firstbox .workcol {
	float: left;
	width: 197px;
	min-height: 180px;
	margin-right: 10px;
	padding: 0px 8px 15px 0px;
	border-right: 1px dotted #999999;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	
	}

#firstbox .workcollast {
	float: left;
	width: 197px;
	min-height: 180px;
	margin-right: 0px;
	padding: 0px 0px 15px;
	border-right: 0px none;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#firstsection #firstbox .workboxes .workcollast {
	margin-right: 0px;
	padding-right: 0px;
}
#firstbox .workboxes a {
	font-size: 10px;
	color: #FF6600;
	letter-spacing: 0px;
	font-weight: normal;
}
.img-shadow {
	background-image: url(../workselect/shadow_thumb.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	height: 164px;
	margin-bottom: 4px;
	display: block;
}
#moviebox {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#moviebox h2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-bottom: 8px;
}
#formbox {
	float: right;
	width: 400px;
	margin: 20px 0px 20px 20px;
}
#diggbox {
	padding: 8px 0px 0px;
	float: right;
	width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#diggbox h2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4FE;
	margin-bottom: 8px;
}
#directory {
	width: 20px;
	float: right;
	font-size: 6px;
	text-decoration: none;
	cursor: text;
	text-indent: -2000px;
	margin: 0px;
	padding: 0px;
	
}
.boldsub {
	font-weight: bold;
	color: #0F002C;
}
.servlink {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0em;
}
.blue {
	font-size: 16px;
	color: #42306F;
	font-weight: bold;
	margin-top: 8px;
}
#page #mainsection #mainbox ul {
	margin-left: 19px;
	width: 600px;
}
#page #mainsection #mainbox li {
	color: #000000;
	margin-bottom: 8px;
	list-style-type: disc;
	line-height: 1.4;
}
#mainbox .screenBorder .leftimage {
	float: left;
	margin-right: 15px;
}
#menublock {
	padding: 0px;
	float: right;
	width: 260px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#page #mainsection #mainbox #menublock ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 260px;
}
#menublock h2 {
	background-color: #2A0B73;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 7px;
	padding-left: 4px;
	font-size: 16px;
	background-image: url(../siteimages/purpleStripe.jpg);
	background-repeat: repeat-x;
	background-position: center;
	text-indent: 5px;
	margin-top: 15px;
}
#page #mainsection #mainbox #menublock ul li {
	list-style-type: none;
	background-image: url(../siteimages/purpledot.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-top: 0px;
	line-height: 35px;
}
#mainbox #emailm {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-right: 180px;
	margin-top: 50px;
}.floatleft {
	float: left;
	padding-right: 8px;
}
#page #firstsection #firstbox .workboxes .caption a {
	color: #FF3300;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.select {
	color: #FF6600;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	margin-bottom: 3px;
}
.client {
	font-size: 12px;
	color: #666666;
}
#leftbox {
	width: 410px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#leftbox p {
	width: 400px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
}
#rightbox {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 410px;
}
#rightbox p {
	width: 400px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	display: block;
	margin-right: 0px;
}
	
.underline {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999;
}
.fullwidth p {
	width: 840px;
}
#mainbox .fullwidth p {
	width: 840px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#mainbox .fullwidth ul {
	margin: 0px;
	padding: 0px;
}
#page #mainsection #mainbox .fullwidth ul {
	margin: 0px;
	padding: 0px;
}
#page #mainsection #mainbox .fullwidth ul li {
	font-size: 10pt;
	line-height: 1.2;
	font-style: normal;
	color: #333333;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.backlink a {
	font-size: 10px;
	padding-top: 5px;
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #999999;
	font-family: "Trebuchet MS", "Lucida Grande";
	text-decoration: none;
}
.floatleft2 {
	float: left;
	padding-right: 24px;
}
#page #firstsection #firstbox .workboxes .workcol h1 noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#page #firstsection #firstbox .workboxes .workcol .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#firstsection #firstbox .workboxes .workboxes .workcollast .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#firstsection #firstbox .workboxes .workcollast {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}#twitter_div {
	color: #333;
}
#twitter_update_list {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	list-style-type: none;
}
#twitter_update_list ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#twitter_div li {
	list-style-type: none;
}
#page #firstsection #firstbox #diggbox #twitter_div li {
	list-style-type: none;
}
#twitter_div a {
	color: #F60;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: normal;
}
.dottedunderline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-bottom: 8px;
}