/*
*	Hotel Video Productions Style Sheet
*	===================================
*	Designed By Alacrify Ltd
*	www.alacrify.co.uk
*	jon@alacrify.co.uk
*	Jon Sloper 
*	April 2009
*/	
* {
border:0;
margin:0;
padding:0
}
body {
font-weight:400;
font-size:80%;
background:url('images/body-background.jpg') repeat-y top center #ededf0;
color:#777;
margin:auto
}
h1,
h2,
h3,
h4,
h5 {
font-weight:400;
text-align:left;
font-size:2.1em;
line-height:1.8em;
margin-bottom:0;
color:#777
}
h2 {
font-size:2em;
line-height:1.6em;
margin-bottom:0
}
h3 {
font-size:1.6em;
line-height:1.2em;
margin-bottom:0
}
h4 {
font-size:1.1em;
line-height:1.1em;
margin-bottom:0
}
a {
text-decoration:none
}
a:hover {
text-decoration:underline;
color:#f00
}
p,
ul,
ol {
line-height:1.5em
}
ul,
ol {
margin-left:4em
}
*,
h1,
h2,
h3,
h4,
h5,
p,
ol,
ul,
li,
th,
td,
caption,
input,
textarea,
a {
font-family:arial, helvetica, sans-serif
}
#outerContainer {
width:100%;
text-align:center
}
#shadowContainer {
margin-left:auto;
margin-right:auto;
position:relative;
width:1000px;
background: #fff
}
#innerContainer {
position:relative;
width:1000px;
text-align:left
}
#navigation {
width:900px;
padding-left: 100px
}
div.navCircle {
display: inline;
float:left;
text-align: center;
margin: 0px;
margin-bottom: -35px;
padding-top: 35px;
font-weight: bold;
font-size: 120%;
background: url('images/nav-background.jpg') no-repeat -99px 5px #fff;
width: 99px;
height: 24px
}
div.navCircle.green {
background: url('images/nav-background.jpg') no-repeat -201px 5px #fff
}
div.navCircle.purple {
background: url('images/nav-background.jpg') no-repeat -304px 5px #fff
}
.navCircle a {
color:#fff;
margin:0px;
padding:0px
}
#topContact {
position: relative;
float:right;
text-align:right;
width: 400px;
margin: 10px
}
#masthead {
clear:both;
background: url('images/masthead.jpg') no-repeat top left;
height: 138px;
width:1000px
}
#middleArea {
overflow:hidden
}
#leftArea {
float:left;
width:500px;
color:#333;
padding-top: 25px;
background: url('images/leftArea-background.jpg') repeat-x top left #fff;
padding-bottom: 2000px;
margin-bottom: -2000px
}
#rightArea {
float:right;
width:500px;
color:#333;
padding-bottom: 2000px;
margin-bottom: -2000px
}
#bottomArea {
clear:both;
position:relative;
margin-top: 30px;
width:1000px;
text-align:left;
height:300px;
background: url('images/mainArea-background.jpg') bottom left no-repeat #fff
}
#footer {
margin: 0 auto;
text-align:right;
width:1000px
}

#topContact {
font-size: 1.3em;
height: 40px
}
#topContact a {
color: #777;
}

#footer p {
font-size:0.9em;
line-height:1em
}
#footer a {
color: #00f
}
#footer a:hover {
color:#fc0
}
#leftArea h1 {
line-height:1.2em;
text-transform: uppercase;
font-style: italic;
margin:0 30px 0 30px;
color:#444
}
#leftArea h2 {
line-height:1.2em;
margin:0 30px 0 30px;
color:#a28289;
}
#leftArea h3 {
line-height:1.2em;
margin:0 30px 1.5em 30px;
color:#333
}
#leftArea ul,
#leftArea ol {
line-height:1.4em;
margin:0 30px 30px 30px
}
#leftArea p {
line-height:1.3em;
font-size: 1.3em;
margin:0 30px 1.5em 30px;
color: #777
}
#leftArea ul {
line-height:1.3em;
font-size: 1.3em;
margin:0 30px 1.5em 30px;
color: #777
}
#leftArea li {
line-height:1.3em;
margin:0 30px 30px 30px
}
#leftArea p.green {
color:#9aa596;
font-size: 1.4em
}
#leftArea p.purple {
color:#a7abbb;
font-size: 1.4em
}
#leftArea p.pink {
color:#a28289;
font-size: 1.4em
}
#leftArea .caption {
color: #888;
font-size: 70%
}
#leftArea li a {
color: #777
}
#rightArea p {
line-height:1.3em;
font-size: 1.3em;
color: #888;
margin:0 30px 0 30px
}
#leftArea a,
#rightArea a {
color: #777
}
.capture {
color:#c2a2a9;
font-weight:bold;
font-size: 1.4em
}
.communicate {
color:#cad5c6;
font-weight:bold;
font-size: 1.4em
}
.increase {
color:#a7abbb;
font-weight:bold;
font-size: 1.4em
}
.tag {
font-size: 1.4em;
color: #666;
font-style:italic
}
div.feature {
margin-left:30px
}
.feature img {
margin-bottom: 20px;
float: left;
clear:left;
margin-right: 10px
}
p.featureBullet {
font-size: 1.8em !important;
color:#222 !important;
margin: 10px !important;
padding-left: 30px !important;
height: 51px
}
p.featureBullet a {
color: #222
}
p.featureBullet a:hover {
color: #666
}
.featureBullet img {
float:left;
clear:left;
margin-right: 10px;
margin-top: -10px;
margin-bottom: 10px
}
#bottomArea #copyright {
float:left;
margin-top: 270px;
margin-left: 20px;
color: #555
}
#bottomArea p {
text-align: center;
margin: 0 0 0 455px;
padding:0;
padding-top: 55px;
font-size: 1.4em;
line-height: 1.3em;
width: 250px
}
#bottomArea .caption {
color: #333;
font-size: 0.9em;
line-height: 0.9em
}
#footer p {
text-align:right;
margin: 7px 3px
}
.submit,
.button {
font-weight:400;
font-size:1em;
height:2em !important;
margin-left:3px !important;
text-transform:uppercase;
color:#444;
background:#CCC;
border:1px solid #FFF !important;
border-bottom:1px solid #999 !important;
border-right:1px solid #999 !important
}
.PopBoxImageSmall {
border:none 0px #ffffff;
cursor:url("images/magplus.cur"), pointer
}
.PopBoxImageLarge {
background:#fff;
cursor:url("images/magminus.cur"), pointer;
border:1px solid #444;
padding:15px
}
.PopBoxImageShrink {
cursor:url("images/magminus.cur"), pointer
}
.PopBoxImageLink {
cursor:pointer
}
.PopBoxImageMove {
border:0px;
cursor:pointer
}	
.gallery {
margin-left:30px;
margin-right: 30px;
border: 1px solid #ddd;
height: 150px;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap
}
.gallery img {
border: 5px solid white
}