/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

body { background:#696969 url('../graphics/bg.gif') repeat-x }
a { color:#fffce2 }
a:hover {
	color:#722200
}

#navigation {
	border-bottom:0px solid #fffce2;
	top: 0px;
}
#navigation a:hover { background:#0c9; color:#fffce2 }

.sf-menu ul { border:0px solid #fffce2 }

.sf-menu a { border-left:0px solid #767676; border-right:1px solid #282828}
.sf-menu ul a { border-bottom:1px solid #d3d3d3; border-top:1px solid #505050 }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#0c9 !important; color:#FFF !important; border-bottom-color:#505050; border-top-color:#FFF }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#fffce2 }

.sf-menu li li { background:#0c9 }
.sf-menu li li li { background:#0c9 }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	background-color: #0c9;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#6688ff; color:#505050 !important; border-bottom-color:#505050; border-top-color:#fffce2 }

#slider-content { position:relative; z-index:100; border-bottom:0px solid #000 }

.blue-block { color:#FFF; border-top:0px solid #000 }
.blue-block a { color:#fff }
.blue-block a:hover {
	color:#00CCFF
}

#main-content {
	background-color: #fffce2;
	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;
}

#header .contact-info {
	color:#66CCFF
}
#header .contact-info small em { color:#fffce2 }
#header .contact-info a {
	color:#0c9
}
#header .contact-info a:hover {
	color:#0c9
}

.jFlowSelected { color:#fffce2 !important }

.gallery-block { background:#DBD1B9; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #fffce2 }

#main-content .left {
	background-color: #fffce2;
	border-right-width: 0px;
	border-right-style: none;
}
#main-content .right {
	background-color: #fffce2;
	border-left-width: 1px;
	border-left-style: dotted;
}
	
#main-content ul { color:#534C42 }
#main-content .right ul { color:#23201B !important }

#main-content h2 {
	color:#202020;
	border-bottom:1px dotted#202020;
	background-color: #fffce2;
}
#main-content h3 { color:#4B3D1B }

#main-content p {
	color:#2b2b2b
}
#main-content .right p {
	color:#666 !important;
	background-color: #fffce2;
}
#main-content p.intro-text {
	color:202020
}

#main-content a {
	color:#0c9;
	font-weight: normal;
}
.portfolio-entry { border-top:1px solid #DBD1B9 }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.button {
	color:#fffce2;
	border:2px solid #0E3B65;
	background-color: #0C9;
}

#footer {
	color:#fffce2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#footer a {
	color:#fffce2
}
#footer a:hover {
	color:#66FFFF
}

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Helvetica, "Times New Roman", Times, serif; margin:0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content {
	width:980px;
	margin:0 auto;
	padding: 20;
}
.clear { clear:both; display:block }

img {
	border:none;
	float: center;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 3;
}
	
.img-left {
	float:left;
	position:relative;
	top:5px;
	left: 0px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 50px;
}
.img-right {
	float:center;
	margin:0 0 15px 20px;
	position:relative;
	top:3px;
	left: 0px;
}
	
	
/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header {
	position:relative;
	width:980px;
	height:110px;/* background:url('../graphics/header_bg.jpg') no-repeat*/
	top: 5px;
}
#header h1 {
	width:480px;
	height:62px;
	margin:0;
	padding:0;
	position:absolute;
	top:39px;
	left:13px
}
#header h1 a {
	text-indent:-2000px;
	display:block;
	background:url('../graphics/logo.png') no-repeat;
	width:480px;
	height:62px
}

#header .contact-info {
	text-align:right;
	font-size:20px;
	width:300px;
	height:50px;
	position:absolute;
	right:38px;
	top: 47px;
}
#header .contact-info em { font-family:Tahoma, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin:0; padding:0; font-size:16px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover {
	text-decoration:none;
	color: #0c9;
}

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family: Helvetica, Tahoma, Verdana, sans-serif; position:relative; z-index:2000; font-size:12px; font-weight:normal; width:980px; height:39px; background:url('../graphics/nav_bg2.png') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover {
	text-decoration:none;
	text-align: left;
	font-weight: normal;
	font-family: Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-999em; width:12em }
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a {
	display:block;
	position:relative;
	top: 0;
}
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:20px }
	.sf-menu a {
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	padding-top: 11px;
	padding-right: 16px;
	padding-bottom: 11px;
	padding-left: 16px;
}
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:12px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../graphics/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content {
	width:980px;
	height:377px;
	position:relative;
	z-index:100;
	border-bottom-width: 0px;
	border-bottom-style: none;
	background-color: #FFFCE2;
}

#myController { display:none }
#mySlides img { display:block; margin:0 }
.blue-block {
	display:block !important;
	text-align:center;
	font-size:18px;
	font-family:Helvetica, "Times New Roman", Times, serif;
	display:block;
	width:980px;
	height:48px;
	background:url('../graphics/blue_bar_bg.gif') repeat-x;
	z-index: 1200;
	color: #333;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	vertical-align: 0%;
	top: 0px;
	bottom: 0px;
	clip: rect(0px,0px,0px,0px);
	margin: 0px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #EBE7C6;
}
.blue-block a {
	text-decoration:underline;
	color: #0c9;
}
.blue-block a:hover {
	text-decoration:none;
	color: #0c9;
}

.blue-block.small { font-size:18px !important; padding-top:18px !important; height:45px !important }

.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:73px; height:63px; text-indent:-5000px; position:absolute }

.jFlowPrev {
	bottom:0;
	left:0;
	background:url('../graphics/button_left.png') no-repeat;
	z-index: 1501;
	top: 313px;
}
.jFlowNext {
	bottom:0;
	right:0;
	background:url('../graphics/button_right.png') no-repeat;
	z-index: 1500;
	top: 313px;
}

.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }

.gallery .jFlowPrev { top:0 !important; left:0 }
.gallery .jFlowNext { top:0 !important; right:0 }
.gallery { border-bottom:none; height:561px !important }

.gallery-block {
	width:948px;
	height:468px;
	padding:14px;
	border-bottom:none;
	background-color: #FFF;
}
	
.gallery-block ul { list-style:none; margin:0 0 12px 0; padding:0; width:948px; height:146px; display:block }
.gallery-block ul.bottom { margin:0 }
.gallery-block li { display:block; margin:0 12px 0 0; padding:0; width:148px; height:146px; float:left }
.gallery-block li.last { margin:0 }

.gallery-block li a { display:block; width:146px; height:144px }
.gallery-block li img { display:block; width:146px; height:144px; margin:0 }


/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:980px;
	padding:0px;
	border-bottom:none
}
	
	#main-content.subpage { border-top:none }
	
#main-content .left {
	width:695px;
	margin:0;
	padding:15px;
	float:left
}
	
#main-content .right {
	width:221px;
	margin:0;
	padding:16px;
	float:left
}
	
#main-content ul {
	line-height:22px;
	font-size:14px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

#main-content h2 {
	font-size:25px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
	font-family:Helvetica, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666;
}
#main-content h2 strong, #main-content h2 b {
	letter-spacing:-1px;
	font-style: italic;
}

#main-content h3 { font-size:24px; font-weight:normal; margin:0; padding:5px 0 0 0; font-family:Helvetica, "Times New Roman", Times, serif }

#main-content p {
	padding:0;
	margin:15px 0;
	font-size:14px;
	line-height:24px;
	left: 0px;
}

#main-content p.intro-text {
	margin:15px 0 20px 0;
	font-size:14px;
font-weight:normal line-height:26px ; 		font-weight: normal;
}

/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.gallery-block2 {
	width:667px;
	height:150px;
	padding:2px;
	border-bottom:none;
	background-color: #FFF;
}
	
.gallery-block2 ul { list-style:none; margin:0 0 12px 0; padding:0; width:948px; height:146px; display:block }
.gallery-block2 ul.bottom { margin:0 }
.gallery-block2 li { display:block; margin:0 12px 0 0; padding:0; width:148px; height:146px; float:left }
.gallery-block2 li.last { margin:0 }

.gallery-block2 li a { display:block; width:146px; height:144px }
.gallery-block2 li img { display:block; width:146px; height:144px; margin:0 }
/* --------------------------------------------- */
/* Portfolio Page ------------------------------ */

.portfolio-entry { clear:both; padding:5px 0 0 0; margin:8px 0 0 0 }


/* --------------------------------------------- */
/* Contact Form -------------------------------- */

form { margin:0; padding:0 }
label { display:block; float:left; width:250px; margin:0 0 10px 0 }
.textbox { display:block; padding:5px; float:left; width:200px; margin:0 0 10px 0; font-family:Helvetica, "Times New Roman", Times, serif; font-size:14px }
.textarea { display:block; float:left; width:250px; height:100px; padding:8px; font-family:Helvetica, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0 }
.button { font-weight:bold; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; width:180px; display:block; clear:both; margin:10px 0 0 0; position:relative; left:250px }


/* --------------------------------------------- */
/* Footer ----------------------- */

#footer {
	position:relative;
	font-size:14px;
	width:938px;
	padding:12px;
	height: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 0;
}
#footer a { text-decoration:underline }
#footer a:hover { text-decoration:none }
#footer span {
	position:absolute;
	right:18px;
	top:13px
}
#content #header .contact-info .style5 em {
	color: #FFF;
}
#content #header div .contact-info .style51 em {
	font-weight: normal;
}
#content #header .contact-info .style51 em {
	font-weight: normal;
}
#content #header div .contact-info .style52 em {
	font-weight: normal;
}
#content #header div .contact-info .style5 em {
	color: #FFF;
}
#content #header div .contact-info .style5 em {
	font-weight: normal;
}
#content #header .contact-info .style5 em {
	color: #FFF;
}
#content #header div .contact-info .style5 em {
	color: #FFF;
}
#content #header div .contact-info .style5 em {
	color: #FFF;
}
#content #header div .contact-info .style5 em {
	color: #FFF;
}
#content #header div .contact-info .style5 em {
	color: #FFF;
}
#content #header .contact-info .style5 em {
	color: #FFF;
}
#content #header .contact-info .style5 em {
	color: #FFF;
}
#content #header .contact-info .style5 em {
	color: #FFF;
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.italics {
	font-style: italic;
}
.italics {
	font-style: italic;
}
#content #slider-content #mySlides div .blue-block {
	color: #666;
}
#content #main-content .left table {
	color: #666;
	left: 40px;
	top: -19px;
	position: relative;
	border: thin groove #0C9;
}