/* Start of CMSMS style sheet 'master' */
/*	
	-------------------------------------------------------------
	Skylar Design, Inc.
	Design & Web Development
	2007 Style Sheet (Master)
	
	Version: 		2.0
	Author: 		Justin Agoglia
	Website: 		www.skylardesign.com
	-------------------------------------------------------------	
*/

/* =Reset Styles 
----------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}

:focus {outline: 0;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

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

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}


/* =Universal Styles 
----------------------------------- */

/* =html */
html {background: #410402 url(images/html.jpg); color: #000;}	

/* =body */
body {position: relative; font: 88%/1.5 /*"Lucida Grande", "Lucida Sans Unicode",*/ "Lucida Sans", Verdana, Arial, sans-serif, serif; background: url(images/body.gif) repeat-x;}

/* =a */
a {color: #6D3130;}
a:visited, a:hover {color: #A34543;}
a:active, a:focus {text-decoration: none;}

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif;}

a[href^="http:"] {background: url(images/externalLink.png) no-repeat right top; padding-right: 17px;}
a[href^="mailto:"] {background: url(images/email.png) no-repeat right top; padding-right: 17px;}

/* =Clear elements */
#masthead, #content {overflow: auto;}

/* =Centered */
#wrapper {background: #FFF; border: 1px solid #FFF; margin: 0 auto;}
#wrapper, #branding, #navContainer, #page-idWrap, #content {width: 900px;}

/* =Wrapper 
------------------------------------------------- */
#wrapper {background: #FFF; border: 1px solid #FFF; overflow: hidden; border-bottom: none; position: relative;}

/* =Masthead 
------------------------------------------------- */
#branding {margin : 0 auto;}
#branding h1 {background: url(images/bg_header_900.jpg) no-repeat 0px 17px; width: 900px; height: 165px; text-indent: -9999px;} 
#branding h1 a { /* Anchor tag makes logo accessibile */
	display: block; 
	background: url(images/bg_header_900.jpg) no-repeat 20px 17px; /* Background repeated to prevent flicker in IE */
	height: 83px;} 
#branding h1 a:hover { 
	display: block; 
	background: url(images/bg_header_900.jpg) no-repeat 20px 17px; /* Background repeated to prevent flicker in IE */
	height: 83px;} 

#brandingfoot {margin : 0 auto;}
#brandingfoot h1 {background: url(images/bg_footer.jpg) no-repeat 0px 17px; width: 900px; height: 150px; text-indent: -9999px;} 
#brandingfoot h1 a { /* Anchor tag makes logo accessibile */
	display: block; 
	background: url(images/bg_footer.jpg) no-repeat 20px 17px; /* Background repeated to prevent flicker in IE */
	height: 83px;} 
#brandingfoot h1 a:hover { 
	display: block; 
	background: url(images/bg_footer.jpg) no-repeat 20px 17px; /* Background repeated to prevent flicker in IE */
	height: 83px;} 
	
	
/* =Navigation 
------------------------------------------------- */
#navContainer {background: #6D6D6D; height: 50px; border-bottom: 1px solid #FFF;
	 margin-top: 16px;  /* Compensates for padding on h1; 16px instead of 17px due to white border on navContainer */}
#navContainer ul#nav-tools {float: right; font: 0.75em Verdana, Arial, Helvetica, sans-serif;	}
#navContainer ul#nav-tools li {float: left; margin: 15px 2em 0 0;}
#navContainer ul#nav-tools li a {display: block; color: #FFF; padding-bottom: 17px; text-decoration: none;} 
#navContainer ul#nav-tools li a:hover {padding-bottom: 17px; border-bottom: 5px solid white; color: #E8E8E8;} 
#navContainer ul#nav-tools li a:active, #navContainer ul#nav-tools li a:focus {background-color: #737373;}

/* =Shared Floats/Widths 
------------------------------------------------- */
#page-idWrap, #idWrap #style, #content-main {float: left;}
#page-idWrap #style, #content-main {width: 610px;}
#page-idWrap #featuring, #content-sub {float: right; width: 289px;}

/* =Styles/Page ID 
------------------------------------------------- */
#page-idWrap #style, #page-idWrap #featuring {height: 325px; background: #000;}
#page-idWrap #style {width: 610px;}
#page-idWrap #featuring {background: #A5CD3A url(images/styles/hd-galleria.gif) no-repeat 33px 35px;}
#page-idWrap #featuring img {margin: 78px 0 0 29px;}

/* =Content
------------------------------------------------- */
#content {float: left; background: url(images/content.gif) repeat-y; padding-bottom: 2em;} 
#content-main {width: 520px; font-size: 0.85em; color: #000; padding: 2.15em 40px 1em 50px;}
#content-main p {margin: 1em 0 1.1em; line-height: 1.9;}
#content-main h2 {font: normal 235% Palatino, Georgia, "Times New Roman", Times; letter-spacing: -0.01em; color: #793629; margin-bottom: .65em; line-height: normal;}
#content-main h3 {font-size: 165%; font-weight: normal; color: #415154;}
#content-main a {text-decoration: none;	border-bottom-width: 1px; border-bottom-style: dotted;}
#content-main a:hover {border-bottom-style: none;}

/* =Press Room
------------------------------------------------- */
#content-sub {background: url(images/flourishBkg.gif) no-repeat 0 20px;}
#content-sub h3 {font: 175% Palatino, Georgia, "Times New Roman", Times; color: #6D6B63; margin: 1.8em 0 1.4em 0; letter-spacing: -.02em; text-align: center;}
#content-sub h3 a {color: #6D6B63; text-decoration: none;}
#content-sub h3 a:hover {text-decoration: underline;}

#content-sub .newsWrap {float: left; margin-bottom: 1.5em; width: 100%;}
.news {float: right; width: 205px;	padding-right: .8em; margin-top: .2em; font-family: "Lucida Sans", Verdana, Arial, sans-serif, serif; line-height: 1.2em;}
.news h4 {color: white; margin-bottom: .4em; font-size: 84%; line-height: normal; font-weight: bold; letter-spacing: .02em;}
.news p {font-size: .8em;}
.news p > a {font-size: 1em;}
.news p, .news a {color: white; text-decoration: none;}
.news a:visited  {color: #FFF;} 
.news a:hover {border-bottom: 1px solid white; color: #E8E8E8;} 
.news a:active, #content-sub .news a:focus {background-color: #737373;}

.calendar {float: left; width: 62px; height: 61px; background: url(images/calendarBkg.jpg) no-repeat; margin-left: .5em;}
.calendar p {color: #494A4B; text-align: center; text-transform: uppercase; font: 1em Georgia, "Times New Roman", Times, serif; padding: .6em .4em 0 0;}
.calendar p.number {margin-top: -.8em;	font-size: 1.5em;}

/* =Site-info
---------------------------------- */
#site-infoBar {background: #ECE9D8 url(images/siteinfo-bug.png) no-repeat left bottom;} /* Originally had #ECE9D8 */
#site-info {margin: 0 auto; color: #2A1919; font: 0.75em Georgia, "Times New Roman", Times, serif; width: 850px; padding: 2.5em 0 2em 50px; position: relative;}
#site-info h5 {font-size: 130%; font-weight: bold;}
#site-info h5 span  {font-size: 0.75em; font-weight: normal;}
#site-info p {line-height: 1.9em; margin-left: 1.6em;}
#site-info a {color: #5A6878; text-decoration: underline;}
#site-info a:visited {color: #5A6878;}
#site-info a:hover {color: #773533; text-decoration: line-through;}
#site-info a:active, #site-info a:focus {background-color: #000; color: #FFF; text-decoration: none;}

/* =GPS
---------------------------------- */
#home #homelink a, #about #aboutlink a, #recognize #recognizelink a, #services #serviceslink a, #clients #clientslink a, #portfolio #portfoliolink a, #news #newslink a, #contact #contactlink a {padding-bottom: 17px; border-bottom: 5px solid #A5CD3A; color: #E8E8E8; cursor: default;}


/* End of 'master' */