/* CSS Beach theme
www.pagegrafix.com.au 

 
/*General
-------------------------------------------------------*/
/* reset all elements' margin and padding to 0 to avoid browser inconsistencies */
* {
	border:0;
	margin:0;
	padding:0;
}

/* resets most browser styles to enhance cross-browser compatibility */
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, li, blockquote { margin: 0; padding: 0; }
img, a{ border:none; text-decoration: none;}

/* force scrollbar to prevent page jump in Firefox */
html {
	min-height:100.2%;
	margin-bottom:1px;
}

body {
	font-size:62.5%;
	margin:0 auto;
	padding:0;
}

body, html {
	color:#666;
	font-family:Arial, Verdana, Geneva, sans-serif;
	text-align:center; /* Centers the design in old IE versions */
	background-color:#FFFFFF;
	height:100%;
}
.clear {
	height:0;
	clear:both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}

/* Containers
-------------------------------------------------------*/
#wrapper {
	min-height:100%;
	margin:0 auto;
	padding:0px 0 0 0;
	background-color:#FFFFFF;
	background-image:url(../images/bg_beach.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

* html #wrapper {
	height:100%;
}

#container {
	width:800px;
	margin:0 auto;
	padding: 0px 0px 10px 0px;
}
#container_upper {
	width:800px;
	margin:0 auto;
	padding: 0px 0px 10px 0px;
}
#container_lower {
	width:800px;
	margin:0 auto;
	padding: 0px 0px 10px 0px;
}
#theme {
	float: left;
	width:260px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:120%;
	text-align:left;
	color:#FFFFFF;
}
#toplinks {
	float: right;
	width:260px;
	height: 20px;
	padding: 0px 10px 0px 0px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:0.9em;
	text-align:right;
	color:#FFFFFF;
}
#banner {
	width:800px;
	height: 200px;
	margin:0 auto;
	padding: 20px 0px 0px 0px;
}
#content {
	width:780px;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	text-align:left;
}
#leftcolumn {
	float: left;
	width:480px;
	margin:0 0 15px 0;
	padding: 0px 0px 10px 0px;
}
#rightcolumn {
	float:right;
	width:250px;
	margin:0;
	padding: 5px 20px 10px 20px;
	background-color: #eae2d5;
	border: 2px solid #e1d6c3;
}
#newscolumn {
	float:right;
	width:230px;
	margin:0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/side_column_bg.gif);
	/*background-color: #f2f3f5;
	border: 1px solid #dee3e9;*/
}
#newstop {
	width:200px;
	margin:0px 0px 0px 0px;
	padding: 0px 15px 10px 15px;
	background-image:url(../images/side_column_top.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#newsbottom{
	width:200px;
	height:7px;
	margin:0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background-image:url(../images/side_column_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#fullcolumn {
	width:780px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}
.infobox1 {
	float: left;
	width:200px;
	height: 200px;
	margin:0px 30px 0px 0px;
	padding: 0px 20px 0px 0px;
	background: #FFFFFF;
}
* html.infobox1 {
	width:220px;
	w\idth:200px;
}
.infobox2 {
	float: right;
	width:240px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}
* html.infobox2 {
	width:280px;
	w\idth:240px;
}

.folio {
	float:left;
	width:560px;
	margin:10px 15px 10px 0;
	padding: 0px 0px 0px 0px;
	text-align:left;
	background-color:#FFFFFF;
}
.thumbnail {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 8px;
	width: 240px;
	height: 160px;
	background-color: #999999;
	border: 1px solid #999999;
}
.thumbtext {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 4px 0 2px 0;
	width: 274px;
}
.listbold {
	font-weight:bold;
}
/* Text & Links
-------------------------------------------------------*/
h1 {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	text-align:left;
	color:#6890c0;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}

h2 {
	margin:8px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	font-size:1.4em;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#FDB302;
}
h2 a,h2 a:link,h2 a:visited,h2 a:active {
	color:#FDB302;
}
h3 {
	font-size:1.4em;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#4f6f97;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}
h4 {
	font-size:1.4em;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	line-height:120%;
	text-align:left;
	color:#6890c0;
	margin:0px 0 0 0;
	padding:0px 0px 3px 0px;
}

p {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#666666;
	line-height:150%;
	margin:0px 0 0;
	padding:5px 10px 0px 0;
}
p a,a:link,a:visited,a:active {
	color:#666666;
	text-decoration:none;
}

p a:hover {
	color:#fd9c02;
	text-decoration:underline;
}
.infobox1 p {
	text-align:justify;
}
.infobox2 p {
	text-align:justify;
}
.thumbtext p {
	font-size:1.1em;
	color:#666666;
}
.date {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:1.3em;
	font-weight:normal;
	color:#6890C0;
	line-height:140%;
	margin:0px 0 0;
	padding:0px 0px 0px 10px;
}
.news {
	padding:5px 0px 10px 10px;
	font-size:1.2em;
	line-height:120%;
}
#theme a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
#toplinks a {
	text-decoration:none;
	color: #FFFFFF;
}
#toplinks a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

/* Contact
-------------------------------------------------------*/
#contactform {
}

#contactform form p {
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#contactform form {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:1.0em;
	color: #fff;
}

#contactform input {
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 0px 3px;
	width: 220px;
	height: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	color: #333333;
	background: url(../images/bg-FormField.jpg);
	background-repeat:repeat-x;
	border: 1px solid #a09f9f;
}
#contactform textarea {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 3px;
	width: 300px;
	height: 100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 12px;
	color: #333333;
	background: url(../images/bg-textarea.jpg);
	background-repeat:repeat-x;
	border: 1px solid #a09f9f;
}

#contactform .inputbutton {
	margin: 0;
	padding: 0;
	width: 64px;
	height: 24px;
	color: #333;
	background: url(../images/bg-button.jpg);
	background-repeat:no-repeat;
	border: none;
	cursor: hand;
}
.side_text, .side_text a:link, .side_text a:visited, .side_text a:active {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
}
.side_text a:hover {
	color: #ffc20e;
	text-decoration: none;
}
img.floatleft { 
    float: left; 
	margin: 10px 10px 0px 0px;
}

/* sIFR Styles
-------------------------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 18px;
	line-height:120%;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 18px;
	line-height:200%;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 18px;
	line-height:170%;
	text-align:left;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 12px;
	line-height:170%;
	text-align:left;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}



/* General List Styles
-------------------------------------------------------*/
ol {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#666666;
	line-height:150%;
	line-height:140%;
	text-align:left;
	margin:5px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}

ol li {
	padding:0px 0px 8px 0px;
}
#content ul {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#666666;
	line-height:150%;
	line-height:140%;
	text-align:left;
	margin:15px 0px 5px 30px;
	padding:0px 0px 0px 0px;
}

#content ul li {
	padding:0px 0px 8px 0px;
}

li.bullet a:hover {
	color:#fd9c02;
	text-decoration:underline;
}

/* Footer 
-------------------------------------------------------*/
#footer {
	height:40px;
	text-align:center;
	margin:20px 0 0 0;
	padding:10px 0 0;
}

.footernav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#A2A2A2;
	line-height:150%;
	text-decoration:none;
}

.footernav ul {
	text-align:center !important;
}
.footernav li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

.footernav li a:link,.footernav li a:visited,.footernav li a:active {
	color:#A2A2A2;
	text-decoration:none;
}

.footernav li a:hover {
	color:#fdb302;
	text-decoration:underline;
}


/* Current Page Styles
-------------------------------------------------------*/
body.home 			#menuHolder a#home, 
body.webdesign 		#menuHolder a#webdesi, 
body.printdesign 	#menuHolder a#printde, 
body.portfolio 		#menuHolder a#portfol, 
body.about 			#menuHolder a#about, 
body.contact 		#menuHolder a#contact, 
body.sitemap 		#menuHolder a#sitemap, 
body.privacy 		#menuHolder a#privacy 
{
color:#FFF ;
	background-image:url(../images/button-over.png);
}

/* Side Column */
.side_column_box {
	background:url(../images/side_column_bg.gif) repeat-y center top;
	margin-bottom:10px;
	width:300px;
}
.side_column_box .header {
	background:url(../images/side_column_top.gif) no-repeat center top;
	height:36px;
	padding:0 0 0 10px;
	width:290px;
}
.side_column_box .content {
	background:url(../images/side_column_bottom.gif) no-repeat center bottom;
	padding:7px 10px 10px;
}

/* Slideshow
-------------------------------------------------------*/
#slideshow {
	width:780px;
	margin:0 auto;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

/* Lightbox
-------------------------------------------------------*/
#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
}

#lightbox img {
	width:auto;
	height:auto;
}

#lightbox a img {
	border:none;
}

#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}

#imageContainer {
	padding:10px;
}

#loading {
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#imageContainer>#hoverNav {
	left:0;
}

#hoverNav a {
	outline:none;
}

#prevLink,#nextLink {
	width:49%;
	height:100%;
	background-image:url(data:image/gif;base64,AAAA);
	display:block;
}

#prevLink {
	left:0;
	float:left;
}

#nextLink {
	right:0;
	float:right;
}

#prevLink:hover,#prevLink:visited:hover {
	background:url(../images/prev_grey.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
	background:url(../images/next_grey.gif) right 15% no-repeat;
}

#imageDataContainer {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
}

#imageData {
	padding:0 10px;
	color:#666;
}

#imageData #imageDetails {
	width:70%;
	float:left;
	text-align:left;
}

#imageData #caption {
	font-weight:bold;
}

#imageData #numberDisplay {
	display:block;
	clear:left;
	padding-bottom:1em;
}

#imageData #bottomNavClose {
	width:66px;
	float:right;
	padding-bottom:0.7em;
	outline:none;
}

#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
}

/* Navigation
-------------------------------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#outer {
width:800px; 
margin:0 auto -50px auto;/* negative margin for IE7 */
background:transparent;
height:50px; 
overflow:hidden;
}

#menuHolder {position:relative; float:left; left:50%;}

#dropline {padding:0; margin:0; list-style:none; float:left; position:relative; right:50%; font-family:arial, verdana, sans-serif; font-size:11px;}
#dropline div {position:absolute; left:-9999px; width:100%; z-index:10; height:25px; top:25px; background:#ffffff;}
#dropline ul {padding:0; margin:0; list-style:none;}

#dropline table {border-collapse:collapse; padding:0; margin:-1px -10px; width:0; height:0;}

#dropline li ul {position:relative; float:left; left:50%;}
#dropline li ul li {float:left; position:relative; right:50%;}
#dropline li ul li a {display:block; float:left; width:125px; padding:0 0px; background:transparent; color:#4f6f97;}
#dropline li ul li a:hover {text-decoration:none; background:transparent; color:#FDB302;}

#dropline li {float:left; margin-right:1px;}
#dropline li a {display:block; float:left; height:25px; width:125px; padding:0 2px 0 2px; line-height:20px; text-decoration:none; color:#ffffff; background:url(../images/button-off.png);}
#dropline li a b {display:block; float:left; height:25px; width:125px; padding:0 2px 0 2px; background:url(../images/button-off.png) right top; cursor:pointer;}

#dropline li a:hover {background:url(../images/button-over.png); color:#ffffff; border:0;}
#dropline li a:hover b {background:url(../images/button-over.png) right top;}

#dropline li:hover > a {background:url(../images/button-over.png); color:#ffffff; border:0;}
#dropline li:hover > a b {background:url(../images/button-over.png) right top;}

#dropline :hover div {left:0;}

#dropline li.current a,
#dropline li.current a:hover {background:url(../images/button-over.png); color:#ffffff;}
#dropline li.current a b,
#dropline li.current a:hover b {background:url(../images/button-over.png) right top; color:#ffffff;}

#dropline li.current a:hover ul li a:hover {color:#FDB302; background:transparent;}
#dropline li.current:hover ul li a:hover {color:#FDB302; background:transparent;}

#dropline li.current div {width:100%; left:0; top:25px; background:#4f6f97; z-index:5;}
#dropline li.current ul {position:relative; float:left; left:50%;}
#dropline li.current ul li {float:left; position:relative; right:50%;}
#dropline li.current ul li a {display:block; float:left; padding:0 10px; background:transparent; color:#4f6f97;}
#dropline li.current ul li.current_sub a {display:block; float:left; padding:0 10px; background:transparent; color:#4f6f97; text-decoration:none;}
#dropline li.current ul li.current_sub a:hover {text-decoration:none; background:transparent; color:#FDB302;}

* html #dropline li.current div {width:expression(document.getElementById('dropline').offsetWidth);}
* html #dropline li a:hover div {width:expression(document.getElementById('dropline').offsetWidth);}