/* ----- Nipper Snappers style sheet by Peter Holliday (2008) -----*/

/* ------ MEDIA TAG ----- */
/* this tag determines if the style sheet if for screen or for print*/

@media screen {

/* ********************************************************************* */

/* ----- HTML TAGS ----- */
/* these styles are for default html properties */

body {
	background-color: #380f10;
	/*background-color: #7f4d45;*/
	margin: 10px;
	padding: 0px;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	/* the following style adds a scrollbar to firefox when too short to scroll normally, which keeps the page width consistant */
	overflow: -moz-scrollbars-vertical;  
}

body.weddings {
	background-color: #000000; 
}

img {
	border:none;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 140%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #811E1F;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; 
}

h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #811E1F;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; 
}

h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #811E1F;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; 
}

a {
	color: #811E1F;
	text-decoration: underline;
}

a:hover {
	color: #811E1F;
	text-decoration: underline;
}


hr {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border: none;
	height: 1px;
	border-top: 1px solid #1e3c78;
}

p {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

li {
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


textarea {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

input {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 100%;
}

select {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 110%;
}

/* ----- END HTML TAGS ----- */

/* ********************************************************************* */

/* ----- CONTAINTERS ----- */
/* these styles are for containers and layout */

.siteContainer {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 550px;
	min-height: 550px;
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	margin-top: -275px; /*set to a negative number 1/2 of your height*/
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #811E1F;
}

.siteContainerCustomerGallery {
	width: 800px;
	min-height: 550px;
	margin: 10px auto;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #811E1F;
}

.siteContainerCustomerGalleryWeddings {
	width: 800px;
	min-height: 550px;
	margin: 10px auto;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #000000;
}

#html .siteContainer {
	height: 550px;
}

.bgContainerFloat {

	float: left;
}

.bgContainerHome {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-01.jpg);	
	background-repeat: no-repeat;
}

.bgContainerGallery {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-04.jpg);	
	background-repeat: no-repeat;
}


.bgContainerPricing {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-04.jpg);	
	background-repeat: no-repeat;
}


.bgContainerContact {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-02.jpg);	
	background-repeat: no-repeat;
}

.bgContainerAbout {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-05.jpg);	
	background-repeat: no-repeat;
}

.bgContainerWeddings {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-06.jpg);	
	background-repeat: no-repeat;
}

.bgContainerCustomerLogin {
	width: 800px;
	height: 550px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-01.jpg);		
	background-repeat: no-repeat;
}

.bgContainerCustomerGallery {
	width: 800px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-07.jpg);		
	background-repeat: no-repeat;
	background-color: #f5f0ee;
}

.bgContainerCustomerGalleryWeddingSnappers {
	width: 800px;
	min-height: 550px;
	background-image: url(../../images/template/bg-site-08.jpg);		
	background-repeat: no-repeat;
	background-color: #eeeeee;
}


#html .bgContainer {
	height: 550px;
}

.headerContainer {
	height: 85px;
	min-height: 85px;
	padding: 5px 0px 0px 0px;
}

#html .headerContainer {
	height: 85px;
}

.headerContainerPrint {
	display: none;
}


.headerLogo {
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.contentContainer {
	height: 395px;
	min-height: 395px;
	padding: 0px 0px 0px 0px;
}

.contentContainerCustomerGallery {
	min-height: 395px;
	padding: 0px 0px 0px 0px;
}


#html .contentContainer {
	height: 395px;
}

.content {
	padding: 10px 10px 10px 10px;
}

.contentHeader {
	position: relative;
	left: 25px;
	top: 0px;
	width: 340px;
	overflow-y: none;	
}


.contentTextLeft {
	position: relative;
	float: left;
	left: 15px;
	top: 0px;
	width: 350px;
	/*height: 355px;*/
	height: 375px;
	min-height: 375px;
	font-size: 14px;
	overflow: none;
	/*background-color: pink;*/
}

#html .contentTextLeft {
	height: 375px;
}

.contentTextRight {
	position: relative;
	float: left;
	left: 55px;
	top: 0px;
	width: 350px;
	height: 375px;
	min-height: 375px;
	font-size: 14px;
	overflow: none;
	/*background-color: pink;*/
}

#html .contentTextRight {
	height: 375px;
}

.contentFullpage {
	position: relative;
	float: left;
	left: 25px;
	top: 0px;
	width: 730px;
	height: 375px;
	min-height: 375px;
	font-size: 14px;
	overflow: none;
	/*background-color: pink;*/
}

.contentFullpageCustomerGallery {
	position: relative;
	/*float: left;*/
	left: 25px;
	top: 0px;
	width: 730px;
	min-height: 375px;
	font-size: 14px;
	overflow: none;
	/*background-color: pink;*/
}


#html .contentFullpage {
	height: 375px;
}

#html .contentFullpageCustomerGallery {
	height: 375px;
}

.footerContainer {
	height: 65px;
	min-height: 65px;
}

#html .footerContainer {
	height: 65px;
}

.footer {
	padding: 0px 20px 0px 10px;
	color: #000000;
	font-size: 12px;
}

.footer a {
	text-decoration: none;
	color: #811E1F;
}

.footer a:hover {
    text-decoration: underline;
	color: #811E1F;
}

.footerLeft {
	float: left;
	text-align: left;
}

.footerMenuImages {
    width: 400px;
    /*background-color: pink;*/
}

.footerMenuImage01 {
    position: relative;
    left: 18px;
    float: left;
    width: 20px;
    height: 30px;
}

.footerMenuImage02 {
    position: relative;
    left: 51px;
    float: left;
    width: 20px;
    height: 30px;
}

.footerMenuImage03 {
    position: relative;
    left: 89px;
    float: left;
    width: 20px;
    height: 30px;
}

.footerMenuImage04 {
    position: relative;
    left: 127px;
    float: left;
    width: 20px;
    height: 30px;
}

.footerMenuImage05 {
    position: relative;
    left: 168px;
    float: left;
    width: 20px;
    height: 30px;
}

.footerMenuImage06 {
    position: relative;
    left: 240px;
    float: left;
    width: 20px;
    height: 30px;
}

.footerMenuText {
    position: relative;
    top: 8px;
    width: 400px;
    /*background-color: tan;*/
}

.footerMenuText01 {
    position: relative;
    left: 10px;
    float: left;
    width: 36px;
}

.footerMenuText02 {
    position: relative;
    left: 25px;
    float: left;
    width: 41px;
}

.footerMenuText03 {
    position: relative;
    left: 42px;
    float: left;
    width: 43px;
}

.footerMenuText04 {
    position: relative;
    left: 58px;
    float: left;
    width: 49px;
}

.footerMenuText05 {
    position: relative;
    left: 63px;
    float: left;
    width: 49px;
}

.footerMenuText06 {
    position: relative;
    left: 80px;
    float: left;
    width: 110px;
}


.footerRight {
	float: right;
	text-align: right;
	padding: 39px 0px 0px 0px;
}

/* ----- END CONTAINTERS ----- */

/* ********************************************************************* */

/* ----- CONTENT -----*/
/* these styles are for certain content and pages */

#myGallery
{
width: 730px !important;
height: 373px !important;
}

.boxDiv {
	border: 1px solid #811e1f;
	padding: 5px 10px 5px 10px;
}

.formDiv {
    
}

.formError {
    color: #811e1f;
    font-weight: bold;
    font-size: 90%;
}

.formTableFieldTD {
    padding: 0px 0px 2px 0px;
}

/* ----- END CONTENT -----*/

/* ********************************************************************* */

/* ----- FORMATTING -----*/
/* these styles are general formatting */

.text {
	font-weight: normal;
}

.textB {
	font-weight: bold;
}

.textI{
	font-style: italic;
}

.textU {
	text-decoration: underline;
}

.textSmaller {
	font-size: 80%;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.noBullet {
	list-style-type: none;
}

.clear {
	clear: both;
}

.borderRed {
	border: 1px solid #811E1F;
}

.borderBottom {
	border-bottom: 1px solid #380f10;
}

.borderRight {
	border-right: 1px solid #380f10;
}

.maroon {
    color: #811e1f;
}

.ImageIDCode {
	font-size: 10px;
	padding: 0px 0px 50px 0px;
}

.customerGalleryImage {
	border: 1px solid #811E1F;
}

.customerGalleryImageWeddings {
	border: 1px solid #111111;
}

/* ----- END FORMATTING -----*/

/* ********************************************************************* */

/* this closes the media tag */

}

/* ------ END MEDIA TAG ----- */