/**********************************************************************************************

	Title: SCI
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS
	
	5. PAGE SPECIFIC STYLES

***********************************************************************************************/

@import url("../../_addons/sifr3/css/sIFR-screen.css");


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, 
sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	

	
table {
	border-collapse: separate; 
	border-spacing: 0; 
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	margin: 20px 0 120px 0;
	background: #eee url(../images/bg_body.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
.newTitle {font-size:20px;color:#929676;margin-bottom:10px;}
h2 {
	font-weight: normal;
	font-size: 1.0em;
	color:#000000;	
}
.newh2{font-size:15px;color:#929676;margin-bottom:10px;}
h2.gray {font-size:12px;}
h3{
	font-size: 1.8em;
	padding: 5px 0;
}
h4{
	font-size:15px;color:#929676;margin-bottom:10px;
}
h5{
	font-size: 1.2em;
	padding: 5px 0;
}
		
p  {
	margin: 0 0 20px 0;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #666666; 
}
/* Layout table */
table
{ margin:0 0 .3em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 12px 1em 0; vertical-align:top }


/* Data Tables */
table.table-data
{ width:100%; margin-bottom:1.5em }

table.table-data caption
{ padding:0 0 5px 0; text-align:left; font-weight:bold; font-size:100% }
table.table-data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#3c5b75; color:#fff; text-align:left }
table.table-data td
{ padding:6px 7px; border:1px solid #fff }

/* Row gap */
tr.table-rowbreak td
{ border-top:2em solid #fff }

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}


a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}



/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 863px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.container-2 {
	position: relative;
	background: #fff url(../images/bg_content_container_top.gif) no-repeat;
	padding: 11px 0 0 0;
}

.container-3 {
	width: 634px;
	margin: 0 0 9px 0;
	background: transparent url(../images/bg_content_shadow_bar.png) no-repeat;
	position: relative;
	z-index: 2;
}

.container-2-bottom {
	width: 863px;
	height: 11px; 
	background: url(../images/bg_content_container_bottom.png) no-repeat;
}

.content-container {
	position: relative;
	width: 841px;
	padding: 0 11px 9px 11px;
	background: #fff;
}

#header {
	width: 864px;
	height: 128px;
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	position: relative;
	background: url(../images/bg_header.gif) no-repeat;
	text-align: right;
}


#content {
	padding: 0 20px 15px 11px;
	background: url(../images/bg_content_shadow_bar_bottom.gif) no-repeat 100% 100%;
}
	
	
#sidebar {
	position: absolute;
	width: 226px;
	right: 11px;
	top: 11px;
	z-index: 1;
}

#footer {
	margin: 0 10px 0 11px;
	padding: 12px 15px 10px 12px;
	background-color: #eee;
	border-bottom: 9px solid #fff;
}

.bbb {float:right;margin-top:-5px;}

/* Home layout */
	
.home #content {
	width: 807px;
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 0 32px 0 24px;
	/* background: url(../images/bg_content_home.gif) no-repeat 295px 100%; */
}
			


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#header h1, #header h1 a, #header h1 a span {
	display: block;
	width: 271px;
	height: 53px;
	overflow: hidden;
	cursor: pointer;
}

#header h1 {
	position: absolute;
	top: 20px;
	left: 6px;
}

#header h1 a { 
	color: #cac6ad; 
	font: bold 1.4em Arial, Helvetica, sans-serif;
	text-align: left;}

#header h1 a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/logo.gif) no-repeat;
}

#header .contact-us  {
	overflow: hidden;
	width: 818px;
	height: 20px;
	display: block;
	padding: 5px 16px 5px 8px;
	background-color: #efeee6; 
}

#header .contact-us a {
	display: block;
	float: right;
	padding: 0 0 0 22px;
	background: url(../images/ico_contact.gif) no-repeat 0 50%;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}

#header .contact-us a:link, #header .contact-us a:visited {
	color: #666666;
}

#navigation, #sub-navigation, #sub-navigation ul, #gallery ul{
	list-style: none;
}

#navigation {
	width: 510px;
	height: 61px;
	overflow: hidden;
	position: absolute;
	top: 63px;
	left: 10px;
	background-color: #fff;
}

#navigation li {
	float: left;
	text-align: center;
	text-transform: uppercase;
	line-height: 60px;
	font-size: 1.4em;
}	
	
#navigation a:link, #navigation a:visited {
	color: #000000; }	
	
#navigation a:hover, #navigation a:active {
	color: #666666;
	text-decoration: none; 
}

#navigation li, #navigation li a, #navigation li a span {
	display: block;
	height: 61px;
	overflow: hidden;
	cursor: pointer;
}

#navigation li {
	position: absolute;
	top: 0;
	left: 0;
}

#navigation li a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background-image: url(../images/navigation.gif);
	background-repeat: no-repeat;
}	

#navigation li.nav-home, 
#navigation li.nav-home a, 
#navigation li.nav-home a span {
	background-position: 0 0;
	width: 78px; 
}

#navigation li.nav-home a:hover, 
#navigation li.nav-home a:hover span,
#navigation li.nav-home a.current, 
#navigation li.nav-home a.current span {
	background-position: 0 -61px;
}
	
#navigation li.nav-home {
	left: 0; }	
	
#navigation li.nav-about, 
#navigation li.nav-about a, 
#navigation li.nav-about a span {
	background-position: -78px 0;
	width: 101px; 
}

#navigation li.nav-about a:hover, 
#navigation li.nav-about a:hover span,
#navigation li.nav-about a.current, 
#navigation li.nav-about a.current span {
	background-position: -78px -61px;
}
	
#navigation li.nav-about {
	left: 78px; }	
	
#navigation li.nav-residential, 
#navigation li.nav-residential a, 
#navigation li.nav-residential a span {
	background-position: -179px 0;
	width: 103px; 
}

#navigation li.nav-residential a:hover, 
#navigation li.nav-residential a:hover span,
#navigation li.nav-residential a.current, 
#navigation li.nav-residential a.current span {
	background-position: -179px -61px;
}
	
#navigation li.nav-residential {
	left: 179px; }	
	
#navigation li.nav-commerical, 
#navigation li.nav-commerical a, 
#navigation li.nav-commerical a span {
	background-position: -282px 0;
	width: 116px; 
}

#navigation li.nav-commerical a:hover, 
#navigation li.nav-commerical a:hover span,
#navigation li.nav-commerical a.current, 
#navigation li.nav-commerical a.current span {
	background-position: -282px -61px; }
	
#navigation li.nav-commerical {
	left: 282px; }	
	
#navigation li.nav-showcase, 
#navigation li.nav-showcase a, 
#navigation li.nav-showcase a span {
	background-position: -398px 0;
	width: 112px;
}

#navigation li.nav-showcase a:hover, 
#navigation li.nav-showcase a:hover span,
#navigation li.nav-showcase a.current, 
#navigation li.nav-showcase a.current span {
	background-position: -398px -61px; }
	
#navigation li.nav-showcase {
	left: 398px; }			


/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

#content h2 {
	margin-bottom: 9px; 
	font-weight: normal;
	font-size: 25px;
	color: #3c5b75; 
}
	
.content-area {
	padding: 0 16px 0 14px; }	

.content-area-2 {
	width: 573px;
	background: url(../images/bg_content_area_bottom.gif) no-repeat 0 0; 
}
	
.content-area-3 {
	padding: 14px 11px 14px 18px;
	background: url(../images/bg_content_area_top.gif) no-repeat 0 100%; 
}	

.content-area-3 .image {
	float: right;
	display: inline;
	margin: 0 0 10px 30px;
	background: url(../images/border_image.gif) no-repeat;}
	
.content-area-3 .image img {
	margin: 5px;
	 }
.content-area ul, .content-area ol{
	margin: 10px 30px;
}
.content-area ul li, .content-area ol li{
	padding: 5px 0px 8px;
}
/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	

/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	

#sub-navigation {
	margin: 0 0 20px 0; }

#sub-navigation li {
	width: 226px;
	background: #eee;
	font-weight: bold;
	font-size: 1.1em;
}

#sub-navigation li a:link, #sub-navigation li a:visited {
	color: #666666; }
	
#sub-navigation li a:hover, #sub-navigation li a:active {
	text-decoration: none; }	
	
#sub-navigation li a	{
	width: 226px;	
	display: block;
	background: #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

#sub-navigation li a span {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 4px 0 6px 22px;
}

#sub-navigation li.current a span {
	background: url(../images/bullet_arrow_sub_nav.gif) no-repeat 6px 50%; }

#sub-navigation li.current a, #sub-navigation li:hover a {
	background-color: #777;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

#sub-navigation li a:hover, #sub-navigation li a:active,
#sub-navigation li.current a:link, #sub-navigation li.current a:visited {
	color: #fff; }	


/* Second level sub navigation */	

#sub-navigation ul {
	background: #fff;
	padding: 2px 0; }
	
	#sub-navigation ul ul {
	background: #fff;
	padding: 0px; 
	border-top: 1px solid #eee;
	}
	
#sub-navigation li li {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6em;
	background: #fff;
}

#sub-navigation li.current li a {
	width: 196px;
	display: block;
	padding: 2px 0 2px 30px;
	border: none;
	background: #fff;
}

#sub-navigation li.current li a span {
	background: none; }

#sub-navigation li.current li a:link, #sub-navigation li.current li a:visited {
	color: #c44d1e; }
	
#sub-navigation li.current li a:hover, #sub-navigation li.current li a:active {
	color: #c44d1e;
	text-decoration: underline; 
}	
#sub-navigation li.current li li a:link, #sub-navigation li.current li li a:visited,
#sub-navigation li.current li li a:hover, #sub-navigation li.current li li a:active{
	width: 176px;
	display: block;
	padding: 3px 0 3px 50px;
	border: none;
	background: #fff;
	color: #666;
	
	border-bottom: 1px solid #eee;
}
#sidebar blockquote { 
	margin-left: 22px; }

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

#footer p {
	margin: 0;
	font-size: 1em; 
}

#footer a:link, #footer a:visited {
	color: #777; }
	
#footer p.call {
  visibility: hidden;
  line-height: 1em;
  font-family:verdana;
  font-size: 20px;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.page-header, #gallery {
	margin: 0 0 14px 0; }
	
.page-header img, #gallery img {
	border: 5px solid #efeee6; }
	
#gallery {
	width: 604px;
	overflow: hidden;
	padding-bottom: 6px; 
	background: url(../images/border_gallery.gif) repeat-x 0 100%;
}
#gallery .img-container {
	position: relative;
}
#gallery .img-container img {
	position: absolute;
	top: -10000px;
	left: 0;
}
#gallery .img-container img.img-current {
	position: static;
}
#gallery .caption {
	float: left;
	margin: 0;
	padding-left: 20px;
	font-size: 1em; 
}
		 
#gallery img {
	margin-bottom: 4px; }	 
	 
#gallery ul {
	float: right; }
	
#gallery li {
	float: left;
	font-size: 1em; 
}
	
#gallery li a {
	display: block;
	margin: 0 1px;
	padding: 1px 3px;
	line-height: 14px;
	border: 1px solid #fff;
}

#gallery li a:link, #gallery li a:visited {
	color: #777; }
	
#gallery li a:hover, #gallery li a:active, #gallery li a.current {
	border: 1px solid #c44d1e;
	color: #c44d1e;
	text-decoration: none; 
}			
		 
#gallery li img {
	margin: 0;
	border: none; 
}	 
#gallery li a.previous-photo, #gallery li a.next-photo {
	border: none;
	padding: 0; }
	
#gallery li a.previous-photo {
	margin-right: 4px; }

#gallery li a.next-photo {
	margin-left: 4px; }		


blockquote p.quote {
	margin: 0;
  line-height: 1em;
	font-size: 25px;
	color: #1687cb; 
}

blockquote p.byline {
	margin-top: 17px;
	text-align: right;
	font-size: 1.1em;
	line-height: normal;
	color: #777; }



/* 5. PAGE SPECIFIC STYLES
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Home page styles */


.home h2 {
	color: #999; }

#home-flash {
	margin: 0 0 20px 0;
	padding: 0 10px 0 11px; 
}

.home blockquote {
	width: 218px;
	float: right;
}

.home #content .left-content {
	width: 255px;
	float: left;
	margin-right: 37px;
	display: inline;
}

.home #content .center-content {
	width: 245px;
	float: left;
}

.home #content .right-content {
	width: 245px;
	
}