@charset "utf-8";
* {
	margin:0;
	padding:0;
}
#clear {
	clear: both;
}

body {
	background-image: url(../images/blueBackground.jpg);
	background-repeat: repeat;

}

#wrapper {
	background-image: url(../images/containerShadow.png);
	background-repeat: repeat-y;
	min-height: 100%;
	width: 993px;
	top: 176px;
}


#centerWrap {
	text-align: center;
}

#woodBackg {
	background-image: url(../images/woodBckg.jpg);
	background-repeat: repeat-x;
	height: 83px;
	min-width: 100%;
	max-width: 1800px;
	overflow: hidden;
}


#mainNavBckg  ul {
	width: 1025px;
	padding-left: 300px;
}

#mainNavBckg ul li {
	list-style: none;
	float: left;
}


#mainNavBckg ul li a {
	margin-top: 0;
	display: block;
	border: 0;
}
#mainNavBckg {
	margin: 0;
	clear: both;
	background-image: url(../images/navBckg.jpg);
	background-repeat: repeat-x;
	height: 93px;
	width: 100%;
	max-width: 1800px;
	overflow: hidden;
}


#logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;	
	border: none;
}

#mainContent {
	background-image: url(../images/fauxBckg.png);
	background-repeat: repeat-y;
	margin-left: 23px;
	width: 939px;
	float:left;
}

#leftColmn {
	clear: both;
	text-align: left;
	width: 550px;
	float: left;
	padding-left: 35px;
	padding-right: 55px;
	padding-top: 80px;
}

#rightColmn {
	padding-top: 0px;
	float: left;
	text-align: left;
	width: 242px;
	padding-left: 34px;
	padding-right: 23px;
}

#footer {
	clear: both;
	background-image: url(../images/woodBckg.jpg);
	background-repeat: repeat-x;
	margin-left: 23px;
	width: 939px;
	height: 70px;
	border-top: 5px solid #660004;
	padding-top: 13px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#footer p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	padding-right: 370px;
}


#footer a.footNav, #footer a.lastfootNav {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 8px;
	
}

#footer a.lastfootNav {
	padding-right:0;
}

#footer a:hover {
	text-decoration: underline;
}

a {
	color:#ba1e2b;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
 


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#ba1e2b;
	margin-bottom: 8px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#ba1e2b;
	margin-bottom: 4px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight: bold;
	margin-bottom: 8px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	font-weight: bold;
	margin-bottom: 8px;
	margin-left: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color:#333333;
}

#rightColmn #subNav {
	width: 232px;
}

#rightColmn #subNav li {
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	list-style: none;
	color: #d5caac;
	border-bottom: 1px dashed #5c352e;
}

#rightColmn #subNav li a {
	display: block;
	width: 232px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	list-style: none;
	color: #d5caac;
	padding-top: 14px;
	padding-bottom: 14px;
}

#rightColmn #subNav li a:hover {
	background-image: url(../images/subNavHoover.png);
	background-repeat: repeat-x;

}

#rightColmn #subNav li .client a:hover {
	background-image: url(../images/subNavHoover.png);
	background-repeat: repeat-x;

}

#rightColmn h1 {
	width: 232px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #d5caac;
	line-height: 28px;
	font-weight: normal;
	border-bottom: 1px dashed #5c352e;
	padding-bottom: 9px;
}

.quotes {
	padding-left: 28px;
	margin-top: -28px;
	width: 232px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #99cccc;
	line-height: 30px;
	font-weight: normal;
}

.bottomQuote {
	margin-top: -28px;
	padding-right: 74px;
	}
	
.icon {
	border: none; 
	float: left;  
	margin-right: 10px;
	margin-top: -17px;
	padding-left: 5px;
}

#divLine {
	background-image:url(../images/divLine.png);
	background-repeat: no-repeat;
	height: 33px;
	padding-bottom: 10px;
}

.learnMore {
	background-image: url(../images/learnMoreBckg.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 38px;
	padding-top: 5px;
}

p.learnMore  a{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 12px;
	font-size: 20px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ 
	top: 5px; 
	right: 5px;
	background-image:url(http://www.redcanarycreative.com/images/close.gif); }

#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }

#overlay{ background-image: url(http://www.redcanarycreative.com/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../globals/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.redcanarycreative.com/dev/images/overlay.png", sizingMethod="scale");
	}
	
.numbers {
	border: 0px;
	margin-right: 10px;
	float: left;
	
}	
	
.portfolioSamples {
	border: 5px solid #99cccc;
	float: left;
	margin-right: 10px;
	margin-top: 16px;
	margin-left: 0;
}

.portfolioSamplesLarge {
	border: 5px solid #99cccc;
	float: none;
	margin-right: 0px;
	margin-top: 16px;
	margin-left: 0;
}

.portfolioSamplesRight {
	border: 5px solid #99cccc;
	float: left;
	margin-right: 0px;
	margin-top: 16px;
}

.icons {
	padding-right: 10px;
	padding-top: 10px;
	border: none;
}

#portfolioSection .portfolioSamples {
	border: 5px solid #99cccc;
	float: left;
	margin-right: 15px;
	margin-top: 0;
}

#smallPortfolio {
	height: 115px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#smallPortfolioLower {
	height: 115px;
	margin-left: 0px;
	padding-bottom: 20px;
	padding-top: 0;
}

#smallPortfolio .portfolioSamples, #smallPortfolio .portfolioSamplesRight, #smallPortfolio p, #smallPortfolioLower .portfolioSamples, #smallPortfolioLower .portfolioSamplesRight, #smallPortfolioLower p {
	margin-left: 0;
	margin-top: 0;
}

.lastPortDiv {
	border-bottom: 1px solid #333333;
}

#portfolioSection{
	width: 550px;
	border-bottom: 1px solid #333333;
	height: 185px;
	padding-top: 20px;
	}
	
#portfolioSection p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#333333;
}

#portfolioSection .visitLink {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color:#ffffff;
}

.visitSite {
	background-image: url(../images/visitSiteBckg.png);
	background-repeat: no-repeat;
	width: 164px;
	height: 32px;
	padding-top: 3px;
	margin-left: 20px;
}

p.visitSite  a{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 15px;
}

.backTop a, .backTop{
	background-image: url(../portfolio/images/backTop.png);
	background-repeat:no-repeat;
	border: none;
	width: 20px;
	height: 21px;
	float: right;
	padding-right: 25px;
	margin-top: -25px;
}

.backTop:hover{
	background-image: url(../portfolio/images/backTopHover.png);
	background-repeat:no-repeat;
	border: none;
	border: none;
	width: 20px;
	height: 21px;
}

/*---------------------------- CONTACT US FORM -----------------------------*/

.contactLabel {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	color:#ba1e2b;
}

input {
 	background-color: #b8b095;
	border: 1px solid #827b63;
	color: #FFFFFF;
	margin-bottom: 15px;
	height: 20px;
	font-size: 14px;
	padding: 3px;
}

textarea {
 	background-color: #b8b095;
	border: 1px solid #827b63;
	color: #FFFFFF;
	margin-bottom: 15px;
	font-size: 14px;
	padding: 3px;
	font: Arial, Helvetica, sans-serif;
}


select {
 	background-color: #b8b095;
	border: 1px solid #827b63;
	color: #FFFFFF;
	margin-bottom: 15px;
	height: 26px;
	font-size: 14px;
	padding: 3px;
}

legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #ba1e2b;
}

fieldset {
	padding: 20px;
	border: 1px solid #827b63;
}

fieldset.submit {  
	border-style: none;
	background-image: url(../images/learnMoreBckg.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 38px;
	padding-top: 5px;

}

#submitButton {
	background-image: url(../images/learnMoreBckg.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 38px;
	border: none;
}