@charset "UTF-8";
/* CSS Document */


/*Generic Document Styles*/
body {background: #212121 url(../images/bg.jpg) no-repeat;margin:0;padding:0;}

p,h2,h3,h4,h2 span,h4 span,#contentThumbnails a {font:15px HelveticaNeue-Light, "Helvetica Neue Light", Helvetica, sans-serif;color: #A5A5A5;}

p {margin:0;line-height: 22px;letter-spacing:0px;word-spacing:1px;padding:0;}
p a {color: #EC7700;}
p a:hover {text-decoration:underline;}

a {text-decoration:none;}
a:focus {outline:none;}

h1 {font:25px "Times New Roman", Times, serif;margin:30px auto 15px;color:#A5A5A5;letter-spacing:1px;}
h2 {font:20px HelveticaNeue-Light, Helvetica, sans-serif; margin:0 0 10px; letter-spacing: 2.5px;}
h3 {font:16px HelveticaNeue-Light, Helvetica, sans-serif; color:#EC7700; letter-spacing:1px; padding:0 0 3px 3px;margin:3px 0;}
h3 a {text-decoration:none; color:#EC7700;}
h3 a:hover {text-decoration:underline;}
h3 span {font-weight:bold;color:#A5A5A5; letter-spacing:0.5px;}
h3 span a {text-decoration:none;color:#A5A5A5;}
h4, #contentThumbnails a {font-size:12px; color: #6F6F6F;margin:0;text-indent:3px;letter-spacing:0.5px;}
h4 span {color:#EC7700}

img {border:none;}
img,div,h2,h3 {behavior:url(alphafix/iepngfix.htc);}

br {margin:0; padding:0;}

/*Start of Page Layout*/
#wrap {
	padding: 0;
	margin: 0 auto;
	width: 950px;
}

/*Start of Header*/	
#header {
	width: 245px;
	height:105px;
	display:block;
	background:url(../images/headerlogo.png) no-repeat -11px -5px;
	margin: 10px auto 0 24px;
}

#header img {
	width: 255px;
	height: 112px;
}

/* Start of Navbar */
#navarea {
	width: 902px;
	height: 52px;
	background: url(../images/navbar_main.png) no-repeat;
	margin: 10px auto 0 24px;
}

#navbar {
	height: 52px;
	margin-left:26px;
	width: 800px;
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 52px;
	overflow: hidden hidden;
}

#navbar li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#navbar a {
	float: left;
	background: url(../images/navbar_main.png) no-repeat;
	height: 52px;
	overflow: hidden hidden;
	text-indent: -900px;
}

#navbar_home a {background-position:-26px 0; width:78px;}
#navbar_home a.selected {background-position:-26px -104px;}
#navbar_home a:hover {background-position:-26px -52px;}

#navbar_about a {background-position:-104px 0; width:109px;}
#navbar_about a.selected {background-position:-104px -104px;}
#navbar_about a:hover {background-position:-104px -52px;}

#navbar_portfolio a {background-position:-213px 0; width:109px;}
#navbar_portfolio a.selected {background-position:-213px -104px;}
#navbar_portfolio a:hover {background-position:-213px -52px;}

#navbar_tours a {background-position:-322px 0; width:133px;}
#navbar_tours a.selected {background-position:-322px -104px;}
#navbar_tours a:hover {background-position:-322px -52px;}

#navbar_contact a {background-position:-455px 0; width:124px;}
#navbar_contact a.selected {background-position:-455px -104px;}
#navbar_contact a:hover {background-position:-455px -52px;}

/*Start of Footer*/
#footer {
	width:auto;
	height:50px;
	margin:0 26px 10px 24px;
}

#divider {
	height:4px;
	width:100%;
	margin-bottom:5px;
}

/* Start of Homepage Content ~ Banner*/
#banner {
	width: 884px;
	height:248px;
	margin: 15px auto 0 50px;
}

#banner img {
	width: 884px;
	height:248px;
}

#homeContent {
	width:auto;
	height:100%;
	overflow:hidden;
	margin:15px 30px 40px 54px;
}

#contentLeft {
	width:430px;
	height:auto;
	float:left;
}

#contentLeft h1 {
	margin-top:0;
}

#contentThumbnails {
	width:354px;
	height:413px;
	float:right;
}

#contentThumbnails h2 {
	background:url(../images/featured_work.png) no-repeat;
	width:146px;
	height:25px;
}

#contentThumbnails h2 span {display:none;}

#contentThumbnails a {text-decoration:none;}

#thumb_topleft {margin:0 30px 25px 0;float:right;width:162px;height:179px;}
#thumb_topleft a {background:url(../images/santos_s.png) no-repeat 0 20px;display:block;width:162px;height:179px;}
#thumb_topleft a:hover {background-position:-162px 20px;}

#thumb_topright {margin:0 0 25px 0;float:right;width:162px;height:179px;}
#thumb_topright a {background:url(../images/thelist_s.png) no-repeat 0 20px;display:block;width:162px;height:179px;}
#thumb_topright a:hover {background-position:-162px 20px;}

#thumb_bottomleft {margin-right:30px;float:right;width:162px;height:179px;}
#thumb_bottomleft a {background:url(../images/media_s.png) no-repeat 0 20px;display:block;width:162px;height:179px;}
#thumb_bottomleft a:hover {background-position:-162px 20px;}

#thumb_bottomright {float:right;width:162px;height:179px;}
#thumb_bottomright a {background:url(../images/srs_s.png) no-repeat 0 20px;display:block;width:162px;height:179px;}
#thumb_bottomright a:hover {background-position:-162px 20px;}

/*Start of About Us*/
#aboutContent {
	background:url(../images/zune_web.png) no-repeat 320px 25px;
	width:auto;
	height:700px;
	margin:20px 15px 0 50px;
}

#aboutContent p {width:350px;}

#aboutContent img {
	width:189px;
	height:47px;
	margin-left:-3px;
}

#aboutContent h3 {margin:30px 0 0;padding:0;}

h3#about_item1 {margin-top:-5px;background:url(../images/innovative_websites_h2.png) no-repeat -2px 0;width:192px;height:22px;}
h3#about_item1 span {display:none;}

h3#about_item2 {background:url(../images/professional_newsletters_h2.png) no-repeat -2px 0;width:192px;height:22px;}
h3#about_item2 span {display:none;}

h3#about_item3 {background:url(../images/website_maintenence_h2.png) no-repeat -2px 0;width:192px;height:22px;}
h3#about_item3 span {display:none;}

h3#about_item4 {background:url(../images/virtual_tours_h2.png) no-repeat -2px 0;width:192px;height:22px;}
h3#about_item4 span {display:none;}

h3#about_lastitem {background:url(../images/search_optimisation_h2.png) no-repeat -2px 0;width:192px;height:22px;}
h3#about_lastitem span {display:none;}

h3#about_lastitem, p#about_lastitem {
	margin-top:0;
	position:relative;
	top:348px;
	left:450px;
}

/*Start of Portfolio Page*/
#portContent {
	width:auto;
	height:auto;
	margin:20px 50px 0;
}

#portHeading {
	width:184px;
	height:47px;
	margin-left:-3px;
}

#portContent p {width:500px;}

#portGallery {width:auto;overflow:hidden;display:block;margin:75px 50px 0;}

#portGallery a {width:329px;height:290px;display:block;margin-bottom:75px;}
#portGallery a:hover {background-position:-329px 0;}
#portGallery img {margin-top:245px;}
#portGallery h4 {padding-left:5px;}

#portSantos {float:left;clear:left;}
#portSantos a {background:url(../images/santos_port.png) no-repeat;}
#portSRS {float:right;clear:right;}
#portSRS a {background:url(../images/srs_port.png) no-repeat;}
#portThelist {float:left;clear:left;}
#portThelist a {background:url(../images/thelist_port.png) no-repeat;}
#portmedia {float:right;clear:right;}
#portmedia a {background:url(../images/media_port.png) no-repeat;}

#quarterGallery {
	width:auto;
	overflow:hidden;
	display:block;
	margin:75px auto 150px;
}

#quarterUpstairs, #quarterDownstairs {
	width:345px;
	height:246px;
	margin:0 auto 20px 50px;
}


/* Start of Virtual Tours Page */
#vtContent {
	width:auto;
	height:700px;
	margin:20px 50px 0;
}

#vtHeading {
	width:238px;
	height:44px;
	float:left;
	margin-top:5px;
}

#vtContent_image {
	width: 240px;
	height: 333px;
	float:right;
	position:relative;
	top:30px;
	right:30px;
}

#vtText {
	width: 500px;
	float:left;
}

#vtContent_bottom {
	width:678px;
	height:255px;
	position:relative;
	top:100px;
	margin:0 auto;
	clear:both;
}

#vtGallery_left {float:left;width:168px;height:255px;}
#vtGallery_left a {background:url(../images/bedroom_left.png) no-repeat 0 0;display:block;width:168px;height:255px;}
#vtGallery_left a:hover {background-position:-168px 0;}
#vtGallery_left a span {display:none;}

#vtGallery_center {float:left;}
#vtGallery_center img {width:345px; height:255px;}

#vtGallery_right {float:left;}
#vtGallery_right img {width:165px; height:255px;}

#vtContent_bottom a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
}

/*Start of Contact Page*/
#contactContent {
	width:auto;
	height:575px;
	margin:20px 50px 0 50px;
}

#contactHeading {
	width:227px;
	height:46px;
	margin-left:-4px;
}

#contactLeft {
	width:400px;
	float:left;
}

#contactRight {
	float:right;
	position:relative;
	top:80px;
	width:360px;
}

input {display:inline;}
#contactRight h3 {margin:0 0 2px -1px;}
#contactRight h3.h3Space {margin:25px 0 2px -1px;}
#contactRight h4 {display:inline;padding:0 0 0 7px;}
#submit {margin:20px 0 0 3px;}

h3#contactName {background:url(../images/contact_name.png) no-repeat;width:133px;height:21px;}
h3#contactName span {display:none;}

h3#contactEmail {background:url(../images/contact_email.png) no-repeat;width:133px;height:21px;}
h3#contactEmail span {display:none;}

h3#contactPhone {background:url(../images/contact_phone.png) no-repeat;width:133px;height:21px;}
h3#contactPhone span {display:none;}

h3#contactMessage {background:url(../images/contact_message.png) no-repeat;width:133px;height:21px;}
h3#contactMessage span {display:none;}


ul.warning {
	font:12px HelveticaNeue-Light, "Helvetica Neue Light", Helvetica, sans-serif;
	padding:0;
	margin:0 0 15px 0;
	color: #EC7700;
	list-style:none;
	letter-spacing:0.5px;
}