/*
    AUTHOR: David Dulak
            david@redskycreative.com
*/

/*** *** *** Important for Cross-Browser Compatibility *** *** ***/
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-size:80%;font-family:Georgia, serif; }
ul { list-style: none inside; }
p { font: 1.3em/1.3em; /* margin-bottom: 1.3em; */ }
a { outline: none; }
a img { border: none; }
acronym{ cursor: help; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.clear { clear: both; }
.clear br{ display: none; }
.transpBlack { background: url(../images/transpBlack.png); }
.padLeft { margin-left: 25px; }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
html{
  background: url(../images/redskycreative-motif.gif);
  background-position:top left;
  background-repeat:repeat-xy;
  width:100%;
}
body{
  /* background: url(../images/gradient.png);
  background-position:bottom left;
  background-repeat:repeat-x;
  width:100%; */
}
/*
#gradientShadow{
  background: url(../images/gradient.png);
  background-position:bottom left;
  background-repeat:repeat-x;
  position: absolute;
  left: 0px;
  
  z-index: -11;
  width: 100%;
  height: 750px;
}
#gradientShadow br{
  display: none;
}
*/
#container{
  width:1143px;
  background: url(../images/floral-background.gif);
  background-repeat:no-repeat;
  margin-left:auto;
  margin-right:auto;
}
#containerInner{
  width:755px;
  margin-left:auto;
  margin-right:auto;
}
#header{
  width:755px;
  height:232px;
  background: url(../images/redskycreative-banner.gif);
  background-repeat:no-repeat;
}
	#header h1{
	  display: none;
	}
	#header h2{
	  display: none;
	}
#body{
  width:755px;
  background: url(../images/redskycreative-repeat.jpg);
  background-position:0px 0px;
  background-repeat:repeat-y;
}
#bodyInner{
  width:755px;
  background: url(../images/redskycreative-repeat-end.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  position:relative;
}
#bodyPage{
  width:650px;
  position:relative;
  left:50px;
}
	#navigation{
	  border-top-width:1px;
	  border-top-color:#000000;
	  border-top-style:solid;
	  border-bottom-width:1px;
	  border-bottom-color:#000000;
	  border-bottom-style:solid;
	  height:27px;
	  text-align:center;
	}
		#navigation ul{
		  padding-top:5px;
		
		}
		#navigation a{
		  color:#000000;
		  text-decoration:none;
		  font-size:15px;
		}
		#navigation li{
		  display:inline;
		  background-image:url(../images/navDivider.gif);
		  background-repeat:no-repeat;
		  background-position:middle left;
		  padding-left:15px;
		  padding-right:15px;
		  margin-left:0px;
		}
		#navigation li.firstLi{
		  display:inline;
		  background-image:none;
		}
	#content{
	  margin-top:25px;
	}
		.cushycms img{
		  border-width:4px;
		  border-color:#555555;
		  border-style:solid;
		  padding:5px;
		}
		#content ul{
			list-style-position: outside;
			list-style-image: url(../images/bullet.gif);		
			padding-top:5px;
		}
		#content li{
			margin-left:35px;
			padding:2px;
		}			
		#content p{
	  	  margin-top:10px;
		  margin-bottom:10px;
		  line-height:150%;
		}
		#content p:first-letter {
		  padding-left:15px;
		  /*
		  float:left;
		  color:#555555;
		  font-size:50px;
		  line-height:70px;
		  padding-right:2px;
		  */
		}
		#content a{
	      color:#8c1719;
		  text-decoration:none;
		  font-weight:normal;
		}
		#content a:hover{
		  color:#777777;
		}
		#content h2, #content h2 a{
		  color:#8c1719;
		  text-decoration:none;
		  font-size:24px;
		  font-weight:normal;
		  background-image:url(../images/floral-motif.gif);
		  background-repeat:no-repeat;
		  background-position:middle left;
		  padding-left:13px;
  		  padding-top:13px;
          padding-bottom:20px;
          letter-spacing:2px;
		}	
		#content h2 a:hover{
		  color:#333333;
		  text-decoration:none;
		}
				
			.contentLeft{
			  float:left;
			  width:64%;
			}
			.contentRight{
			  float:right;
			  width:34%;
			}
#footer{
  height:62px;
  background: url(../images/redskycreative-footer.gif);
}
#footerText{
  height:62px;
  text-align:center;
  color:#FFFFFF;
  font-size:10px;
  font-family:Verdana;
}
/* END STRUCTURE */




.feeditem{
  color:#555555;
}
.feeditem p{
  margin-top:5px;
}
.feeditem img{
  border-width:4px;
  border-color:#555555;
  border-style:solid;
  padding:5px;
}
.feeditem .footnote{
  color:#777777;
}
.contentRight h3, .facebookH3, .deliciousH3{
  color:#8c1719;
  font-weight:normal;
  padding-bottom: 8px;
}
.contentRight h3 a, .facebookH3, .deliciousH3{
  color:#8c1719;
  text-decoration: none;
}
.contentRight h3 a:hover, .facebookH3:hover, .deliciousH3:hover{
  color:#333333;
}
.feeditem a{
  color:#555555;
}
	.blog h3{
	  color:#333333;
	  text-decoration:none;
	  font-size:14px;
	  font-weight:normal;
	  margin-top: 2px;
	}
	img.noborder{
	  border-width:0px;
	  display:none;
	}
	.blog .feeditem{
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-right:10px;
	}
	
	#facebookFeed{  
	  margin-top: 10px;
	  background-image:url(../images/sidebar-background.png);
	  background-repeat:no-repeat;
	  background-position:top left;
	  padding-left: 13px;
	  padding-right: 13px;
	  padding-top: 14px;
	}
	#facebookFeed h3{
	  background-image:url(../images/FaceBook_16x16.png);
	  background-repeat:no-repeat;
	  background-position:middle left;
	  padding-left:20px;
	  margin-top: 2px;
	}
	#facebookFeed .feeditem{
	  font-size:11px;
	}
	
	#deliciousFeed{
	  margin-top: 30px;
	  background-image:url(../images/sidebar-background.png);
	  background-repeat:no-repeat;
	  background-position:top left;
	  padding-left: 13px;
	  padding-right: 13px;
	  padding-top: 14px;
	}
	#deliciousFeed h3{
	  background-image:url(../images/delicious_16x16.png);
	  background-repeat:no-repeat;
	  background-position:middle left;
	  padding-left:20px;
	  margin-top: 2px;
	}
	#deliciousFeed .feeditem{
	  font-size:11px;
	  padding-bottom:5px;
	}
	#deliciousFeed .footnote, #facebookFeed .footnote{
	  padding-left: 5px;
	}
	#deliciousFeed .title a, #facebookFeed .title a{
	  color:#555555;
	}





h3{
  margin-top: 25px;
}
hr{
  width:500px;
  margin-left:auto;
  margin-right:auto;
  margin-top:35px;
  margin-bottom:35px;
}
.oneThirdWidth{
  width: 33%;
  float: left;
}
.pageDivider{
  width:568px;
  height:39px;
  background-image:url(../images/page-divider.gif);
  background-repeat:no-repeat;
  background-position:center center;
  margin-top:45px;
  margin-left:auto;
  margin-right:auto;
}
.productImage{
  float:left;
  margin-top:15px;
  margin-right:15px;
  margin-bottom:20px;
}
.productDescription{
  margin-top:15px;
  float:left;
}
iframe{
  border:2px solid #552511;
}
  ul.list{
    list-style-position: outside;
    list-style-image: url(../images/bullet.gif);
    margin-bottom:15px;
  }
  .list li{
    margin-left:35px;
  }
.emphasize{
  font-size:18px;
  color:#c05b0a;
  letter-spacing:1px;
}
.imageRight{
  float:right;
}
.phone{
  padding-left:23px;
  background-image:url(../images/phone.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.address{
  padding-left:40px;
  background-image:url(../images/map-32x32.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
  line-height: 18px;
  padding-bottom: 8px;
  margin-top: 15px;
}
/*
.address a{
  text-decoration:none;
  color:#FFFFFF;
}
.address a:hover{
  text-decoration:underline;
  color:#FFFFFF;
}
*/
.email{
  padding-left:40px;
  background-image:url(../images/email-32x32.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  line-height: 18px; 
  padding-bottom: 8px;
  margin-top: 15px;
}
/*
.email a{
  text-decoration:none;
  color:#FFFFFF;
}
.email a:hover{
  text-decoration:underline;
  color:#FFFFFF;
}
*/
.rss{
  padding-left:18px;
  background-image:url(../images/Feed_16x16.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.netvibes{
  padding-left:18px;
  background-image:url(../images/Netvibes_16x16.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.google{
  padding-left:18px;
  background-image:url(../images/Google_16x16.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}



/* ------------------------------------------ */
/* FORM CLASSES */
/* ------------------------------------------ */
.error{
  color:red;
}
.required {
  color:red;
  font-weight:bold;
}
.formTitle {
	font : 18px verdana, helvetica, arial, geneva, sans-serif;
	text-decoration:none;
        font-weight:normal;
        color:#ec5c3a;
        padding-bottom:20px;
}
.formSubTitle {
	font : 14px verdana, helvetica, arial, geneva, sans-serif;
	text-decoration:none;
        font-weight:bold;
        color:#ec5c3a;
        padding-top:10px;
        padding-bottom:10px;
}
.formLeft {
	text-align:right;
	vertical-align:top;
}
.formRight {
	text-align:left;

}
.formViewLeft {
	text-align:right;
	font-weight:bold;
}
.formViewRight {
	text-align:left;
        background-color:#EEEEEE;
}
.formTable textarea {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.submit {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	padding : 2px;
	color : #FFF;
        background : #ec5c3a;
        margin-top:10px;
}
.formTable input.submit:active {
	padding : 2px;
	color : #FFF;
	background : #666;
        margin-top:10px;
}
.formTable input.text {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.password {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.checkbox {
	color : #333333;
	background : #F8F8F8;
        vertical-align:bottom;
}
.formTable select {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	color : #333333;
	background : #F8F8F8;
}
.formTable {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	color : #333333;
	/*background : #F8F8F8;
	border : 1px solid #DDD;*/
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
}
.formTable td{
    padding:3px;
}
.dataTable{
  border: 1px #666666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
.odd{
  background-color:#eeeeee;
}
.dataTableHeading{
  background-color: #6aa159;
  border: 1px #666666 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  padding:3px;
}
.dataTableHeadingAction{
  background-color: #6aa159;
  border: 1px #666666 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  padding:3px;
  width:20px;
}
.dataTableHeading a{
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}
.dataTableHeading a:hover{
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}
.dataTableHeading a:visited{
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}
.dataTableColumn{
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 10px;
  color: #404040;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 0px;
}
/* END FORM */

/* ------------------------------------------ */
/* MAILER CLASSES */
/* ------------------------------------------ */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myformContainer{
	height: 350px;
	padding: 15px;
}

.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, #stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/* END MAILER */







/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(../images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(../images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(../images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(../images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(../images/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(../images/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(../images/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(../images/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .content .details .nav a.arrow_previous { background: url(../images/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: url(../images/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */
	
	div.pictureHolder .bottom .left { background: url(../images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(../images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(../images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../images/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../images/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../images/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}









/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */

	#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
	}

	.prettyPopin {
		display: none;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
		background: url(../images/prettyPopin/popinLeft.gif) bottom left no-repeat;
	}
	
		.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			top: 10px; right: 13px;
			width: 41px; height: 9px;
			text-indent: -10000px;
			background: url(../images/prettyPopin/b_close.gif) bottom left no-repeat;
		}
	
		.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			font-size: 1.2em;
			background: url(../images/prettyPopin/popinRight.gif) bottom right no-repeat;
		}
		
			.prettyPopin .prettyContent .prettyContent-container {
				display: none;
				padding: 20px 15px 15px 15px;
			}
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}