/*
THEME NAME: SunRoom
AUTHOR: Sycha


grey: #6D7A7F;
gold: #FFA200;
red: #B42800;

*/

/**
 *  CLEARFIX
 */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     line-height: 0;
     content: " ";
     clear: both;
     height: 0;
     width: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* RESETS */
img {border:0;}
* {margin:0;padding:0;}
a {color:#B42800; text-decoration:none;}
a:hover {text-decoration:underline;}
:focus {outline:0;}
.strong {font-weight:bold;}
.black {color:black;}
.gold {color:#FFA200;}

/* LAYOUT & BACKGROUNDS */
body {
	font:14px/1.55 Arial, sans-serif;
	color: black;
}

#header {
	height:108px;
	background:url(images/bg-header.png) repeat-x;
}

#header .content {
	width:960px;
	margin: 0 auto;
	position: relative;
}

#header-logo a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:320px;
	height:100px;	
	background:url(images/sunroom-web-design-studio.png) no-repeat;
}

#main-nav {
	position: absolute;
	top:0px;
	right:0px;
	list-style:none;
}

#main-nav li {
	float:left;
	margin:0 10px;
}

#main-nav a {
	padding:10px 0;	
	width:90px;
	height:80px;
	display:block;
	text-align:center;
	color:black;
	font-weight:bold;
}

#main-nav li.current a {
	background-color:#FFA200;
	color:white;
	text-decoration:none;
}

#content {
	/* background:url(images/bg-content.png) repeat-x 0px 284px; */
	background:url(images/bg-vertical-gradient.png) repeat-x 0px 284px;
}

#content .content {
	width:960px;
	margin: 0 auto;
	position: relative;
	padding-bottom:10px;
}

#sidebar {
	width:320px;
	float:right;
}

#main {
	padding-right:20px;
	margin-right:320px;	
}

#homepage-welcome {
	width:470px;
	margin-left:490px;
}

#slideshow-container {
	float:left;
	width:490px;
	position:relative;
	margin-top:42px;
}

#slideshow {
	display:none;
}

#slideshow-nav {
    position:absolute;
    top: -40px;
    right: 0px;
	z-index:99;
	text-align:right;
}

#slideshow-nav a { 
	float:left;
	display:block;
	width:19px;
	height:19px;
	margin-right:5px; 
	background-position: 0 0 !important;
	text-indent: 99em;
	overflow: hidden;
	background: url(images/slideshow-nav.png) no-repeat;
}

#slideshow-nav a.activeSlide, #slideshow-nav a:hover { background-position: 0 -19px !important; }
#slideshow-nav a:focus { outline: none; }

#slideshow-loading {
	position:absolute;
	width: 220px;
	text-align:center;
	font-size:15px;
	top:80px;
	left:50px;
	padding:5px;
	padding-top:20px;
	color:white;
	background:#333 url(images/slideshow-loading.gif) no-repeat center 1px;
	border:1px solid black;

	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


#homepage-welcome h2 {
	text-indent:-9999px;
	overflow:hidden;
	width:470px;
	height:241px;	
	background:url(images/bg-homepage-welcome.png) no-repeat top right;
}

#homepage-welcome .learn-more {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:212px;
	height:44px;	
	background:url(images/button-learn-more.png) no-repeat;
	margin-top:5px;
	margin-left:100px;
}

#homepage-welcome p {
	font:18px/1.55 Georgia;
	line-height:22px;
}

#homepage-columns {
	color:#6D7A7F;
	font-size:14px;
}

#homepage-columns > div {
	width:310px;
	padding-left:10px;
	float:left;
}

#homepage-columns .left {
	font-family:Georgia;
}

#homepage-columns .left a {
	color:#B82900;
}

#homepage-columns h5 {
	font:25px/1.55 Georgia;
	color:black;
}

#homepage-columns h5:first-letter {
	font-size:30px;
}

#homepage-columns p {
	padding-right:10px;
}

#homepage-columns ul {
	list-style:none;
}

#homepage-columns li {
	padding-left:20px;
	padding-bottom:2px;
	background:url(images/tick-orange.png) no-repeat 0px 4px;
}

.speech-bubble {
	margin-top:10px;
	width:320px;
	background:#EEE url(images/bg-speech-bubble-top.png) no-repeat;
}

.speech-bubble-wide {
	margin-top:10px;
	width:600px;
	background:#EEE url(images/bg-speech-bubble-wide-top.png) no-repeat;
}

.speech-bubble p, .speech-bubble-wide p {
	font:italic 14px/1.55 Georgia !important;
	padding:10px 40px 25px 40px !important;
	background:url(images/bg-speech-bubble-bottom.png) no-repeat bottom center;
	color:#666;
	margin:0 !important;
}

.speech-bubble-wide p {
	background:url(images/bg-speech-bubble-wide-bottom.png) no-repeat bottom center;
}

.speech-bubble-owner {
	text-align:right;
	color:black;
}

.speech-bubble-owner a {
	color:#A4A4A4;
}

/* ABOUT US */

#content.page-about-us {
	background-position:0px 200px;
}

.page-about-us #intro {
	padding-left:340px;
	background:url(images/about-us.jpg) no-repeat 0px 10px;
}

.page-about-us #intro p {
	font:18px/1.55 Georgia;
	line-height:28px;
	padding-top:20px;
}

.page-about-us #intro p:first-letter {
	font-size:25px;
}

.page-about-us #intro .contact-us {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:212px;
	height:44px;	
	background:url(images/button-contact-us.png) no-repeat;
	margin-top:5px;
	margin-left:300px;
}

.page-about-us #sidebar h3 {
	font:40px Georgia;
	font-weight:bold;
	line-height:45px;
	margin-top:20px;
	padding:0 0 10px 25px;
	background:url(images/open-curly-brace.png) no-repeat;
}

.page-about-us #sidebar ul.tick {
	list-style:none;
	padding-bottom:20px;
}

.page-about-us #sidebar ul.tick li {
	font-size:17px;
	padding-left:50px;
	padding-bottom:3px;
	background:url(images/tick-red.png) no-repeat 20px 2px;
}

.page-about-us #sidebar .partners {
	font-family:Georgia;
	font-size:13px;
	border-top:1px solid #EFEFEF;
}


.page-about-us #sidebar p {
	color:#666;
	margin:10px 0;
}

.page-about-us #sidebar h4 {
	font:23px/1.2 Georgia;
	margin-top:10px;
}

.page-about-us #sidebar .partners ul {
	padding-left:0px;
	list-style:none;
	font-size:12px;
}

.page-about-us #sidebar .partners li {
	padding-bottom:10px;
}


.page-about-us .bio {
	font-family:Georgia;
	margin-top:20px;
	padding-top:15px;
	border-top: 1px solid #EFEFEF;
}

.page-about-us .bio.first {
	border:none;
	padding-top:0;
}

.page-about-us .bio .intro {
	font-size:16px;
	line-height:22px;
}

.page-about-us .bio .intro strong {
	text-transform:uppercase;
	color:#FFA200;
	font-weight:normal;
}

.page-about-us .bio .intro:first-letter {
	font-size:25px;
}

.page-about-us .bio .photo {
	float:left;
	margin-top:10px;
}

.page-about-us .bio .secondary, .page-about-us .bio .personal, .page-about-us .bio h5, .page-about-us .bio .email  {
	margin-left:220px !important;
}

.page-about-us .bio .secondary {
	color:#6D7A7F;
	margin:10px 0;
}

.page-about-us .bio h5 {
	font-size:16px;
	font-weight:normal;
}

.page-about-us .bio .personal {
	padding-left:23px;
	background:url(images/quotes-open.png) no-repeat;
	color:#6D7A7F;
	font-style:italic;
	line-height:18px;
}

.page-about-us .bio .personal em {
	padding-right:23px;
	background:url(images/quotes-close.png) no-repeat bottom right;
}

/*
.page-about-us .bio .personal:first-letter {
	margin-left:-23px;
	padding-left:23px;
	background:url(images/quotes-open.png) no-repeat;
}
*/

.page-about-us .bio .email {
	background-color:#FFA200;
	color:white;
	margin-top:15px;
	padding:5px 10px;
}

.page-about-us .bio .email a {
	margin-left:5px;
}

/* SERVICES */

#content.page-services {
	background-position:0px 190px;
}

.page-services #intro {
	padding-left:340px;
	background:url(images/services.jpg) no-repeat 0px 10px;
}

.page-services #intro p {
	font:20px/1.55 Georgia;
	line-height:28px;
	padding-top:20px;
}

.page-services #intro p:first-letter {
	font-size:25px;
}

.page-services #intro .contact-us {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:212px;
	height:44px;	
	background:url(images/button-contact-us.png) no-repeat;
	margin-top:80px;
	margin-left:300px;
}

.page-services #sidebar {
	float:left;
}

.page-services #main {
	font:14px/1.55 Georgia;
	float:left;
	width:620px;
	margin-right:0;
}

.page-services #main p {
	font:17px/1.3 Georgia;	
	color:#6D7A7F;
	margin:10px 0;
}

.page-services #main p strong {
	font-weight:normal;
	color:black;
}

.page-services #main h1 {
	font:26px Georgia;
	margin-bottom:10px;
}

.page-services #main h2 {
	background:#FFA200 url(images/bg-gold-panel.png) repeat-x;
	color:white;
	padding:4px 5px 1px;
	font:22px Georgia;
	margin-top:20px;
	height:27px;
}

.page-services #main h2 strong {
	font-weight:normal;
	color:#B42800;
}


.page-services #main h3 {
	font:20px/1.3 Georgia;	
	color:#6D7A7F;
}

.page-services #main .left {
	width:310px;
	margin-right:310px;
}

.page-services #main .right {
	width:290px;
	padding-left:20px;
	float:right;
}

.page-services #offer-basic, .page-services #offer-ecommerce {
	margin-top:-49px;
	margin-left:-20px;
	width:330px;
	height:170px;
	text-indent:-9999px;
	overflow:hidden;
}

.page-services #offer-basic {
	background:url(images/offer-basic.png) no-repeat;
}

.page-services #offer-ecommerce {
	background:url(images/offer-ecommerce.png) no-repeat;
}

.page-services #main ul {
	list-style:none;
}

.page-services #main .asterisk-small li {
	font:14px/1.6 Georgia;
	padding-left:10px;
	background:url(images/asterisk-small.png) no-repeat 0px 8px;
}

.page-services #main ul.curly {
	padding:3px 0 10px 25px;
	margin-left:-15px;
	background:url(images/open-curly-services.png) no-repeat 0px 0px;
}

.page-services #main .curly li {
	font:14px/1.6 Georgia;
}

.page-services #main .portfolio {
	margin:10px 0;
	height:180px;
}

.page-services #main .cell {
	width:300px;
	height:160px;
	float:left;
}

.page-services #main .curly.cell {
	margin:20px 0 0 0 !important;
	padding:0 0 0 25px !important;
	width:275px;
}

.page-services #main h4 {
	font:18px Georgia;
	margin:2px 0 7px;
}

.page-services #main h4 a {
	color:#FFA200;
	text-decoration:underline;
}

.page-services #sidebar h3 {
	font:20px/1.2 Georgia;
	margin-top:10px;
}

.page-services #sidebar p {
	font:15px/1.3 Georgia;	
	color:#6D7A7F;
	margin-bottom:10px;
}

.page-services #sidebar h2 {
	font:30px/1.2 Georgia;
	margin-top:30px;
	background:#B42800;
	color:white;
	padding:3px 5px;
}

.page-services #sidebar ul {
	list-style:none;
	margin-top:10px;
}

.page-services #sidebar li {
	padding-left:30px;
	padding-bottom:1px;
	background:url(images/tick-red.png) no-repeat 3px 0px;
}

/* CONTACT US */
#content.page-contact-us {
	/* background-position: 0 580px; */
	background:none;
}

.page-contact-us #main h1 {
	font:35px Georgia;	
	margin-top:10px;
}
.page-contact-us #main h4 {
	font:20px Georgia;
	margin-bottom:20px;
}

.page-contact-us #sidebar {
	font-family:Georgia;
	margin-top:10px;
	padding:0 0 10px 35px;
	background:url(images/open-curly-brace-big.png) no-repeat;
}

.page-contact-us #sidebar h3 {
	font-size:35px;
	font-weight:normal;
	line-height:35px;
	margin-top:-5px;
}

.page-contact-us #sidebar .gray {
	color:#6D7A7F;
	font-size:18px;
	padding:20px 0;
}

.page-contact-us #sidebar .black {
	font-size:18px;
}

/* PORTFOLIO */
#content.page-portfolio {
	background-position: 0 58px;
}

.page-portfolio #top {
	font-family:Georgia;	
	margin:15px 0;
}

.page-portfolio #top p {
	font-size:18px;
	line-height:18px;
}

.page-portfolio #sidebar {
	width:213px;
	text-align:center;
	margin-right:100px;	
}

.page-portfolio h1, .page-portfolio h2 {
	font:35px Georgia;	
}

.page-portfolio h1:first-letter {
	font-size:45px;
}

.page-portfolio h2 {
	line-height:35px;
}

.page-portfolio #top .contact-us {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:212px;
	height:44px;	
	background:url(images/button-contact-us.png) no-repeat;
	margin-top:5px;
}

.page-portfolio ul#featured {
	list-style:none;
}

.page-portfolio ul#featured li {
	float:left;
	width:240px;
	height:300px;
}

.page-portfolio ul#featured li h4 {
	font:18px Georgia;
	margin:2px 0 7px;
}

.page-portfolio ul#featured li h4 a {
	color:#FFA200;
	text-decoration:underline;
}


.page-portfolio ul#featured li p {
	color:#6D7A7F;
	font-size:12px;
	line-height:16px;
	padding-right:20px
}

/* PORTFOLIO DETAIL */
#content.page-portfolio-detail {
	background:none;
	font-family:Georgia;	
}

.page-portfolio-detail h1 {
	font:25px Georgia;	
	color:#FFA200;
}

.page-portfolio-detail h2 {
	font:20px Georgia;	
}

.page-portfolio-detail p {
	color:#6D7A7F;
	margin-top:10px;
	line-height:18px;
}

.page-portfolio-detail .site_link {
	background-color:#FFA200;
	color:white;
	margin-top:15px;
	padding:5px 10px;
}

.page-portfolio-detail .site_link a {
	margin-left:5px;
}

.page-portfolio-detail .content {
	padding-top:10px;
}

/* FOOTER */

#footer {
	border-top:1px solid #DFD8D0;
	border-bottom:16px solid #FFA200;
}

#footer .content {
	width:960px;
	margin: 0 auto;
	position: relative;
	color:#6D7A7F;
	font-size:12px;
	padding:10px 0;
	background:url(images/bg-footer.png) no-repeat;
}

#footer .content > div {
	width:225px;
	padding-left:20px;
	float:left;
}

#footer .content div.first {
	width:210px;
	padding-left:10px;
}

#footer .content strong.heading {
	font:15px/1.55 Georgia;
	color:#B82900;
	display:block;
}

#footer a {
	color:#6D7A7F;
}