/* -------------------------------------------------------------------
Stylesheet: designtypes.co.uk screen styles
Author:     Freeflow Web Design & Development (www.freeflowwebdesign.com)
Version:    15th December 2008
------------------------------------------------------------------- */
/*-----Main Layout-----*/
/*-----Global Settings-----*/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font: 10pt Arial;
background-color:#000;
color:#FFF;
}

#uk_body	{
background:#000 url('../images/contact_head_01.jpg') center 100px no-repeat;
}

#nz_body	{
background:#000 url('../images/contact_head_02.jpg') center 100px no-repeat;
}

#flashcontent {
position:absolute;
width:350px;
height:350px;
left:50%;
top:50%;
margin:-175px 0 0 -175px;
}

#flashcontent_bg {
position:absolute;
width:100%;
height:350px;
top:50%;
margin-top:-175px;
background:#000 url(../images/index_bg.jpg) repeat-x;
}

#header {
width:920px;
height:175px;
margin:20px auto 0 auto;
}

#block_space {
height:0px;
}

#inner_header {
width:920px;
height:60px;
margin:auto;
}

#logo {
width:172.5px;
height:60px;
margin-left:5px;
float:left;
}

#main_nav {
width:695px;
height:50px;
float:right;
text-align:right;
margin:4.75px 0 0 25px;
background:transparent url(../images/nav_back.png) no-repeat;
}

.nav ul	{
	list-style-type:none;
	padding: 0px;
	margin: 15px 0;
}

.nav ul li	{
float: left;
list-style-type:none;
margin: 0px;
}

.nav ul li a	{
display: block;
text-decoration: none;
position: relative;
font-weight:bold;
font-size:10pt;
padding: 4px 21px;
color: #CCC;
}

.nav ul li a:hover	{
color: #F15F22;
}

.nav ul li a:visited	{
color: #CCC;
}

.nav ul li a.current {
color: #F15F22;
}

#title {
margin-top:100px;
height:75px;
float:right;
text-align:right;
}

#main {
width:920px;
margin:60px auto 0 auto;
}

#main span {
color:#F15F22;
}

#home_main {
width:920px;
height:400px;
margin:60px auto 0 auto;
}

#text_holder {
width:920px;
height:70px;
}

#who_text {
width:550px;
text-align:left;
font-family:'Arial';
font-size:12pt;
font-weight:bolder;
}

#who_text p {
line-height:15px;
}

#who_text p span {
color:#F15F22;
font-size:15pt;
}

#who_text span {
color:#F15F22;
}

#who_text ul {
color:#F15F22;
}

#who_text li {
font-size:9pt;
font-weight:bold;
font-style:italic;
line-height:13px;
margin-left:0;
}

#who_text li span {
color:#FFF;
}

#how_text {
width:550px;
text-align:left;
font-family:'Arial';
font-size:10pt;
}

#how_text p {
line-height:20px;
margin-top:20px;
}

#how_text p span {
color:#F15F22;
font-size:12pt;
font-weight:bolder;
}

#how_text span {
color:#F15F22;
}

#how_text ul {
color:#F15F22;
}

#team, #team2, #team3, #team4 {
width:920px;
margin:auto;
border:1px #000 solid;
}

.team_main_pic {
width:240px;
height:310px;
float:right;
}

.team_sm_pic {
width:354px;
height:80px;
float:left;
}

.team_sm_pic a {
position: relative;
float:left;
margin-right:5px;
}

a.team1 {
width:113px;
height:80px;
background: #000 url("../images/nick_01b.png") 0 0 no-repeat;
}

a.team2 {
width:113px;
height:80px;
background: #000 url("../images/dave_01b.png") 0 0 no-repeat;
}

a.team3 {
width:113px;
height:80px;
background: #000 url("../images/bailey_01b.png") 0 0 no-repeat;
}

a:hover.fade {
background-position:0 -80px;
cursor:pointer;
}

a.clear {
background-position:0 -80px;
cursor:pointer;
}

a:hover.clear {
background-position:0 0;
cursor:pointer;
}

a.default {
background-position:0 -80px;
}

.team_text {
margin-top:90px;
width:530px;
}

.team_text span {
color:#FFF;
}

.team_text p {
font-style:italic;
color:#F15F22;
margin:8px 0 0 0;
}

#team a, #team a:link, #team a:visited {
color:#F15F22;
}

#team a:hover {
color:#FFF;
}

#contact {
width:920px;
margin:auto;
border:1px #000 solid;
}

#contact_text {
width:420px;
float:left;
}

#contact span, #mooForm span, #news span {
color:#F15F22;
}

#contact_text p {
}

#contact_text a, #contact_text a:link, #contact_text a:visited {
color:#F15F22;
}

#contact_text a:hover {
color:#FFF;
}

/*
#uk_header {
background:#000 url('images/contact_head_01.jpg') center 100px no-repeat;
}

#nz_header {
background:#000 url('images/contact_head_02.jpg') center 100px no-repeat;
}
*/

#countries {
float:right;
}

.image_01, .image_02 {
width:489px;
height:368px;
padding-bottom:10px;
}

#google {
float:right;
}

#news {
width:610px;
float:left;
}

.news_title {
width:610px;
height:42px;
background-color:#333;
margin:10px 0 0 0;
}

.news_title img {
float:left;
padding:1px;
}

.news_title h4 {
margin:5px 0 0 10px;
}

.news_text {
width:610px;
font-size:11pt;
color:#FFF;
}

#mc {
width:300px;
height:450px;
float:right;
}

.full {
padding:0 0 10px 0;
}

#news a {
font-size:12pt;
color:#F15F22;
float:right;
}

#news a:hover {
color:#FFF;
}

#heading {
width:200px;
height:50px;
float:left;
background:transparent url(../images/heading_back.png) no-repeat;
}

#description {
width:700px;
height:70px;
float:right;
text-align:justify;
}

#display {
width:920px;
height:300px;
margin:auto;
}

#myGallery
{
width: 920px !important;
height: 300px !important;
}

#footer {
width:920px;
margin:auto;
}

#subnav {
width:920px;
height:50px;
margin:50px auto;
}

.sub_nav a	{
position: relative;
float:left;
margin-left:14.6px;
}

a.sub1 {
width:50px;
height:50px;
background: #000 url("../images/sub1.png") 0 0 no-repeat;
}

a.sub2 {
width:50px;
height:50px;
background: #000 url("../images/sub2.png") 0 0 no-repeat;
}

a.sub3 {
width:50px;
height:50px;
background: #000 url("../images/sub3.png") 0 0 no-repeat;
}

a.sub4 {
width:50px;
height:50px;
background: #000 url("../images/sub4.png") 0 0 no-repeat;
}

a.sub5 {
width:50px;
height:50px;
background: #000 url("../images/sub5.png") 0 0 no-repeat;
}

a.sub6 {
width:50px;
height:50px;
background: #000 url("../images/sub6.png") 0 0 no-repeat;
}

a.sub7 {
width:50px;
height:50px;
background: #000 url("../images/sub7.png") 0 0 no-repeat;
}

a.sub8 {
width:50px;
height:50px;
background: #000 url("../images/sub8.png") 0 0 no-repeat;
}

a.sub9 {
width:50px;
height:50px;
background: #000 url("../images/sub9.png") 0 0 no-repeat;
}

a.sub10 {
width:50px;
height:50px;
background: #000 url("../images/sub10.png") 0 0 no-repeat;
}

a.sub11 {
width:50px;
height:50px;
background: #000 url("../images/sub11.png") 0 0 no-repeat;
}

a.sub12 {
width:50px;
height:50px;
background: #000 url("../images/sub12.png") 0 0 no-repeat;
}

a.sub13 {
width:50px;
height:50px;
background: #000 url("../images/sub13.png") 0 0 no-repeat;
}

a.sub14 {
width:50px;
height:50px;
background: #000 url("../images/sub14.png") 0 0 no-repeat;
}

a.sub15 {
width:50px;
height:50px;
background: #000 url("../images/sub15.png") 0 0 no-repeat;
}

a.sub16 {
width:50px;
height:50px;
background: #000 url("../images/sub16.png") 0 0 no-repeat;
}

a.sub17 {
width:50px;
height:50px;
background: #000 url("../images/sub17.png") 0 0 no-repeat;
}

a.sub18 {
width:50px;
height:50px;
background: #000 url("../images/sub18.png") 0 0 no-repeat;
}

a.sub19 {
width:50px;
height:50px;
background: #000 url("../images/sub19.png") 0 0 no-repeat;
}

a.sub20 {
width:50px;
height:50px;
background: #000 url("../images/sub20.png") 0 0 no-repeat;
}

a.sub21 {
width:50px;
height:50px;
background: #000 url("../images/sub21.png") 0 0 no-repeat;
}

a.sub22 {
width:50px;
height:50px;
background: #000 url("../images/sub22.png") 0 0 no-repeat;
}

a.sub23 {
width:50px;
height:50px;
background: #000 url("../images/sub23.png") 0 0 no-repeat;
}

a.sub24 {
width:50px;
height:50px;
background: #000 url("../images/sub24.png") 0 0 no-repeat;
}

a.sub25 {
width:50px;
height:50px;
background: #000 url("../images/sub25.png") 0 0 no-repeat;
}

a.sub26 {
width:50px;
height:50px;
background: #000 url("../images/sub26.png") 0 0 no-repeat;
}

a.sub27 {
width:50px;
height:50px;
background: #000 url("../images/sub27.png") 0 0 no-repeat;
}

a.sub28 {
width:50px;
height:50px;
background: #000 url("../images/sub28.png") 0 0 no-repeat;
}

a:hover.roll {
background-position:0 -50px;
cursor:pointer;
}

a.rollup {
background-position:0 -50px;
cursor:pointer;
}

a:hover.rollup {
background-position:0 0;
cursor:pointer;
}

a.current {
background-position:0 -50px;
cursor:pointer;
}

#quotes {
width:920px;
height:135px;
margin:75px auto 0 auto;
text-align:center;
}

#speech {
width:600px;
float:left;
font-size:9pt;
text-align:justify;
}

#speech span {
float:right;
text-align:right;
font-size:8pt;
font-style:italic;
color:#F15F22;
}

#ideas {
width:200px;
height:100px;
float:right;
}

#social {
width:100px;
float:left;
text-align:center;
font-size:8pt;
}

#social span {
color: #F15F22;
}

#twitter {
width:41px;
height:41px;
margin:5px auto 15px auto;
}

#skype {
width:60px;
height:27px;
margin:0 auto;
}

#blurb {
width:920px;
height:25px;
margin:50px auto;
font-size:9pt;
text-align:center;
line-height:25px;
}

#blurb ul	{
list-style-type:none;
padding: 0px;
margin: 5px 0;
}

#blurb ul li	{
float: left;
list-style-type:none;
margin: 0 40px;
}

#blurb ul li a	{
color: #F15F22;
}

#blurb ul li a:hover	{
color: #FFF;
}

/*-----End Global Settings-----*/
/*-----MooTips-----*/


.tool-tip {
	color: #000;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 0px;
	margin: 0;
	color: #F15F22;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}



/*-----End of Mootips-----*/
/*-----MooForm-----*/
#mooForm {
margin:10px 0 0 10px;
}

#form_box {
width: 420px;
}

#form_box div {
padding:3px 5px;
}

#form_box p {
margin: 4px 0;
width: 190px;
}

#mooForm textarea {
width:340px;
}

#log {
width: 420px;
margin-top: 10px;
padding:0;
}

#log_res {
overflow: auto;
}

#log_res.ajax-loading {
padding: 10px auto;
background: url(../images/ajax-loader.gif) no-repeat center;
}
/*-----End of MooForm-----*/
/*-----Headings-----*/
 
h1, h2, h3, h4, h5, h6, h7, h8 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
color:#F15F22;
font-size:18pt;
text-align:left;
font-weight:bolder;
margin:0 0 8px 0;
}

h2 {
font-size:14pt;
text-align:left;
color:#F15F22;
letter-spacing:1px;
margin-top:20px;
font-weight:bolder;
}

h3 {
font-size:14pt;
font-weight:bold;
color:#F15F22;
}

/*
h4 {
font-size:20pt;
text-align:left;
font-weight:bold;
}
*/

h5 {
font-size:22pt;
text-align:left;
font-weight:bolder;
margin-bottom:30px;
}

h6 {
font-size:16pt;
text-align:left;
font-weight:bolder;
color:#F15F22;
margin:20px 0 15px 0;
}

h7 {
font-size:24pt;
font-weight:bolder;
line-height:32px;
margin-bottom:35px;
}

h4 {
font-size:18pt;
padding:10px;
color:#F15F22;
margin-top:7px;
}
/*-----End Headings-----*/
/*-----Common Formatting-----*/
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/*-----End Common Formatting-----*/
/*-----Links-----*/
 
a, a:link, a:visited {
text-decoration:none;
outline:none;
}

a:hover {
outline:none;
}

/*-----End Links-----*/
/*-----Forms-----*/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}

/*-----End Forms-----*/
/*-----Tables-----*/
 
table {
border:0;
padding:0;
}

/*-----End Tables-----*/

/*-----Global Classes-----*/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:920px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/*-----End Global Classes-----*/
/*-----End Main Layout-----*/