@charset "utf-8";
/* CSS Document */

/* Force scrollbar at all times so the pages don't jump as we move between them */
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	color: #FFFFFF;
	height: 100%;
}

.wrapper {
      min-height: 100%;
	  height: 100%; /* for IE */
      /*position:relative;*/
}

 footer{
	/*height: 100px;*/
	width:100%;
	color: #726E6D;
	margin-top:-100px;
	text-align:center;
	display:inline-block;
 }

#header-container {
	width: 100%;
	height: 205px;
	position: relative;
	z-index: 500;
}
 
#full-container {
	min-height:100%;
   position:relative;
}

#center-container{
	width:1024px;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 100px;
}
 
#header {
	background-image: url(images/NavBkgnd.png);
	background-repeat: no-repeat;
	width: 1024px;
	height: 205px;
	margin: auto;
}
 
#logo{
	//float: left;
	padding-top: 0px;
	padding-left: 20px;
}
 
img {
	border: none;
}

.button{
    position: relative;  
    display:inline-block; 
    width: 200px;  
    padding: 6px 15px;  
    background-color: #ac2246;
	text-align: center;
	border-radius: 8px 8px 8px 8px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px #000000;
}

.button:link { color: #ffffff; }
.button:hover { background:#8b1b37;
} 

#button-spacer{
	margin-left: 385px;
}

#nav-container{
	width: 100%;
	margin-left: 180px;
}

/*CSS drop down stuff for the navbar*/
#menu a {   
    display:block;   
    color: #fff;   
    text-decoration:none;  
}  
#menu > li,  
#menu > li li {  
    position: relative;  
    display:inline-block;  
    width: 160px;  
    padding: 6px 13px;  
    background-color: #ac2246;
	text-align: center;
	text-shadow: 2px 2px #000000;
}  
#menu > li li { background: transparent none; border-top: solid 3px #000;}  
#menu > li li a { color: #ffffff; }  
#menu > li li:hover { background:#8b1b37;
}  
#menu > li:first-child {  
    border-right: 0; 
	border-left: 0;
    border-radius: 8px 8px 8px 8px;  
}  
#menu > li + li {  
    border-right: 0; 
	border-left: 0;
    border-radius: 8px 8px 8px 8px; 
}  
#menu > li:last-child {  
    border-right:0;  
    border-left: 0; 
    border-radius: 8px 8px 8px 8px;  
}  
#menu > li:hover {  
    background-color: #8b1b37;
}  
/* (Almost) end of the game positioning / decoration */  
/* In this statement, the max-height is fixed */  
#menu ul {  
    position: absolute;  
    top: 2em; left:0; 
    max-height:0em;
    margin:0; padding:0;  
    background-color: #ac2246;
    overflow:hidden;  
    transition: 1s max-height 0.2s;
    border-radius: 0 0 8px 8px;  
	text-shadow: 2px 2px #000000;
}  
/* Here the value of max-height is changed to: hover */  
#menu > li:hover ul {  
    /* need an adaptation, lower is better, but see it large   */  
    max-height:14em;  
}

.navOpened{
	max-height:14em !important;  /*Mobile doesn't support hover, so force the navs open when needed*/
}
/*end menu nav bar stuff*/

#about-gallery-lg{
	float: left;
	height: 420px;
	width: 340px;
}

#about-content{
	color: #FFFFFF;
	text-decoration: none;
}

#about-content p{
	font-size: 20px;
}

#about-content a{
    color: #fff; 
}  

#pricing{
	font-family:courier, "courier new", monospace;
}

#price-inline{
}

#price-inline span{
	font-size:75%;
}

#price{
}

#price table{
	font-size: 18px;
	padding-left: 20px;
}

.homeCenter{
	padding-left: 10px;
}

.singleGallery{
	padding-left: 300px;
}

.singleWideGallery{
	padding-left: 92px;
}

.doubleGallery{
	padding-left: 100px;
}

#services-gallery-lg{
	float: left;
	width: 450px;
}

#services-gallery{
	float: left;
	width: 385px;
	height: 495px;
}

#services-content{
	color: #FFFFFF;
}

#services-content p{
	font-size: 20px;
}

#large-spacer{
	height: 1000px;
}

#services-img{
	float: left;
	width:400px;
	height:554px;
}

/*Slide show begin*/

/* Prevent the slideshow from flashing on load */
#slides {
	display: none
}

.slide-container{
	width:300px;
	height:300px;
}

a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
	background-image: url(images/btns-next-prev.png);
	background-repeat: no-repeat;
	display:block;
	width:12px;
	height:18px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right:5px;
}

a.slidesjs-next {
	margin-right:10px;
	background-position: -12px 0;
}

a:hover.slidesjs-next {
	background-position: -12px -18px;
}

a.slidesjs-previous {
	background-position: 0 0;
}

a:hover.slidesjs-previous {
	background-position: 0 -18px;
}

a.slidesjs-play {
	width:15px;
	background-position: -25px 0;
}

a:hover.slidesjs-play {
	background-position: -25px -18px;
}

a.slidesjs-stop {
	width:18px;
	background-position: -41px 0;
}

a:hover.slidesjs-stop {
	background-position: -41px -18px;
}

/* END SLIDE SHOW */

/* START CONTACT FORM */
#contact-form {
    background-color:#2C3539; /*#F2F7F9;*/
	//color:#000000;
    width:465px;
    padding:20px;
    margin: 50px auto;    
    border: 6px solid #808080; /*#8FB5C1;*/
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}

#contact-form h1 {
    font-size:42px;
	text-align:center;
}

#contact-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
    font-size:15px;
    margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}

#contact-form textarea {
    height:150px;
    resize: none;
}

#contact-form label {
    display:block;
}

#contact-form .required {
    font-weight:bold;
    color:#b03959;    
}

#contact-form #submit-button {
    width: 100px;
    /*background-color:#333;*/
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#808080; /*#8FB5C1;*/
    -moz-border-radius:8px;
}

#contact-form #submit-button:hover {
    background-color: #B2B2B2; /*#A6CFDD;*/
}

#contact-form #submit-button:active {
    position:relative;
    top:1px;
}

#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(images/contact_loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}

#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 url(images/contact_cancel_48.png) no-repeat 405px center;
    color:#2C3539;
    display:none;
}

#errors li {
    padding:2px;
    list-style:none;    
}

#errors li:before {
    content: ' - ';    
}

#errors #info {
    font-weight:bold;
}

#errors #info:before {
    content: '';    
}

#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 url(images/contact_accepted_48.png) no-repeat 405px center;
    font-weight:bold;
    color:#2C3539;
    display:none;
}

#errors.visible, #success.visible {
    display:block;    
}

#req-field-desc {
    font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}

/* End Contact Form */

/*
@media only screen and (max-device-width: 480px)
{
	h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
	
	.button{
		height: 45px;
		width: 230px;
		font-size: 28px;
	}
}
*/