@charset "utf-8";
/* CSS Document */
html,body{margin:10px;
background-color:#2a5099;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/site-graphics/bg-fade.jpg);
background-repeat:repeat-x;
margin-top:0;
padding-top:10px;


}
a{
color:#1c55be;
font-weight:bold;}
#header{
height:50px;
background-image:url(../images/site-graphics/header-bg.jpg);
background-repeat:repeat-x;
background-position:top;
padding-bottom:10px;
padding-top:25px;}

/* RIGHT HAND PANEL*/
#wrapper{
	width:961px;
	border: 1px solid #002d82;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	/*height:100%;*/
}

/*
.wrapperBGhome{
background-image:url(../images/site-graphics/bg1.jpg);
}
.wrapperBGhome2{
background-image:url(../images/site-graphics/bgALT.jpg);
}
.wrapperBGabout{
background-image:url(../images/site-graphics/bg2.jpg);
}
.wrapperBGregister{
background-image:url(../images/site-graphics/bg3.jpg);
}
.wrapperBGbook{
background-image:url(../images/site-graphics/bg4.jpg);
}
.wrapperBGhelp{
background-image:url(../images/site-graphics/bg5.jpg);
}
*/

#rightBlock{

width:150px;
min-height:555px;
position: absolute;
margin-left:750px;
margin-top:50px;
}
#rightBlock a{
color:#FFFFFF;
}


.block{
background-image:url(../images/site-graphics/right-box-home.jpg);
background-repeat:repeat-x;
float:left;
}
/* RIGHT HAND PANEL*/
#logo{
padding-left:20px;
margin-top:-5px;

}

/* NAVIGATION */

#nav{
	background-image:url(../images/buttons/home-spacer.jpg);
	background-repeat:repeat-x;
	height:62px;
	width:910px;
	padding-right:10px;
	float:left;
}
#navSpace{
	margin-left:20px;
	}
#corner{
background-image:url(../images/buttons/home-corner.jpg);
width:41px;
height:62px;
float:left;


}
h1{
font-size:15px;
color:#2a4f99;}
/* END NAVIGATION */
#content{
clear:left;
width:930px;
position:relative;
padding:15px;
background-image: url(../images/site-graphics/bg-home-fade.jpg);
background-repeat:repeat-x
}
#content p{
	width:550px;
}
#home{
clear:left;
position:relative;
padding-bottom:100px;
height:320px;
}
#leftBox{
float:left;
height:100%;
width:400px;
margin-right:15px;
}
#leftBox p{
	width:400px;
}
#leftBoxWide{
float:left;
width:440px;
margin-right:15px;
}
#leftBoxWide p{
	width: auto;
}

#leftBoxHome{
float:left;
height:100%;
min-width:100px;
max-width:810px;
margin-bottom:100px;
padding:15px;}

/*
.divider{
float:left;
clear:none;
padding:15px;
}
.postIT{
background-image:url(../images/site-graphics/post-note1.png);
width:270px;
height:250px;
padding:20px;
padding-top:45px;
background-repeat:no-repeat;
float:left;}
.postIT2{
background-image:url(../images/site-graphics/post-note2.png);
width:395px;
height:109px;
padding:20px;
padding-top:5px;
margin-top:25px;
background-repeat:no-repeat;
text-align:center;}

*/
#footer{

width:961px;
height:100px;
z-index:100;
clear:both;
position: relative;
background-color:#4591ef;
background-image:url(../images/site-graphics/footer-bg.gif);
background-repeat:repeat-x;


}
#rightBolckContent{
color:#FFFFFF;
font-size:11px;
padding:5px;
padding-left:15px;
padding-bottom:50px;}
#rightBolckContent input{
font-size:10px;}
h2{
font-size:14px;}
#boldButton{
width:100px;
height:30px;
background-color:#FFFFFF;
color:#333333;
line-height:30px;
text-align:center;
margin:5px;}
#boldButton a{
	display:block;
	width:100px;
	height:30px;
	color:#333333;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #666666;
}
.boldButton a:hover{
	text-decoration: underline;
}
#voodoochilli{
margin:15px;
padding-top:7px;
display:block;
width:150px;
float:left;
}
.footerText{
font-size:10px;
padding-top:30px;
/*height:100px;*/
float:left;
color:#FFFFFF;}
.footerText a{
color:#FFFFFF;
}
/* IE 6 PNG FIX */

 img, div, input { behavior: url("iepngfix.htc") }

.padded{
padding:15px;
padding-right:0;}

 select{
	border:1px solid #999;
}
.tableBG{
padding:5px;}
.tableDiv{
	margin-bottom:0;
	background-color:#FFF;
	border: 1px solid #2a4f99;
	width:650px;
	padding:5px;
}
.tableDivSmall{
	margin-bottom:0;
	background-color:#FFF;
	border: 1px solid #2a4f99;
	width:300px;
	padding:0px;
	margin:0;
}
.tableDivRegister{
	margin-bottom:0;
	background-color:#FFF;
	border: 1px solid #2a4f99;
	width:400px;
	padding:5px;
}
.tableDivTop{
background-color:#2a4f99;
color:#FFFFFF;
padding:5px;
width:650px;
line-height:20px;
margin-bottom:0;
	border: 1px solid #2a4f99;}
	.tableDivTop2{
background-color:#2a4f99;
color:#FFFFFF;
padding:5px;
width:550px;
line-height:20px;
margin-bottom:0;
border: 1px solid #2a4f99;}

.tableDivTop2 a{
color:#FFF;
text-decoration:none;}
	
.tableDivTopRegister{
background-color:#2a4f99;
color:#FFFFFF;
padding:5px;
width:550px;
line-height:20px;
margin-bottom:0;
	border: 1px solid #2a4f99;}
.tableDivTop a,.tableDivBottom a{
color:#2a4f99;
text-decoration:underline;
}
.tableDivTopRegister a{
color:#FFF;
text-decoration:underline;
}
.tableDivBottom{
color:#000;
padding:5px;
width:455px;
line-height:20px;
margin-top:0;
border-top:0;
margin-bottom:10px;
font-size:10px;

}
.reply{
	background-color:#FFFFFF;
	padding: 5px;
	border: 1px solid #FF0000;
	margin-top:10px;
}
.help a{
display:block;
height:35px;
width:550px;
line-height:35px;
text-align:center;
background-color:#2a4f99;
border: 1px solid #000;
color:#FFFFFF;
text-decoration:none;
background-repeat:repeat-x;
}
.help a:hover{
text-decoration:underline;
}
.hide{
width:700px;


}
.padding{
background-color:#FFFFFF;
border: 1px solid #6a9700;
padding:10px;
}
/*
#importantContent{
background-color:#FFFFFF;
border: 1px solid #6a9700;
padding:10px;
width:600px;
float:left;
margin:10px;
margin-bottom:110px;
}
#importantContentWide{
background-color:#FFFFFF;
border: 1px solid #6a9700;
padding:10px;
width:760px;
float:left;
margin:10px;
margin-right:0;
margin-bottom:110px;
}
#importantContent li{
	margin-bottom:10px;
	}

#importantContent h1, importantContentWide h1{
	background-image:url(../images/site-graphics/h1-bg-green.gif);
	display: inline-block;
	height:54px;
	padding-left:15px;
	padding-right:15px;
	line-height:54px;
	margin-bottom:0;
	color:#FFF;
	clear:both;

}
#importantContent h2{

	color:#000;
	text-decoration:underline;


}
.semiTrans{
	background-image:url(../images/site-graphics/paper-tile-menu.png);
	background-repeat:repeat-Y;
	margin-left:-15px;
	padding-left:15px;
	margin-right:-5px;
	margin-top:-5px;
	padding-right:5px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#000;
	padding-bottom:10px;

	
}
.semiTrans2{
	background-image:url(../images/site-graphics/semi-trans2.png);
	margin-left:-15px;
	padding-left:15px;
	margin-right:-5px;
	padding-right:5px;
	padding-top:5px;
	margin-bottom:10px;
	text-align:center;
	color:#333333;
		margin-top:-5px;
	
}
.semiTransTop{
	height:25px;
	background-image:url(../images/site-graphics/dark-bg.gif);
	background-repeat:repeat-x;
	color:#FFF;
	background-color:#333;
	margin-left:-15px;
	padding-left:15px;
	margin-right:-5px;
	padding-right:5px;
	margin-bottom:10px;
	margin-top:-5px;
	width:130px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	line-height:25px;
	font-weight:bold;
	
}
.transBottom{
	margin-left:-15px;
	padding-left:15px;
	margin-right:-5px;
	padding-right:5px;
	margin-bottom:10px;
	margin-top:-5px;
	width:130px;
	height:20px;
	background-image:url(../images/site-graphics/trans.png);
	background-repeat:repeat-x;
	

	
	}
.floatBox{
	float:left;
	width:270px;
	padding-right:10px;
	background-color:#8dc500;
	height:190px;
	padding:10px;
	padding-right:20px;
	color:#FFF;
}
.floatBox img{
		border: 1px solid #FFF;
}
#blogThemesHolder{
	width:1000px;
}
#blogThemes{
width:600px;
height:150px;
overflow:auto;
margin-top:10px;
}
#blogThemes img{
	margin-right:10px;
	float:left;
	}
	
*/	
#weather{
	margin-left:-5px;
	width:138px;
	clear:both;
	font-size:9px;
	display:block;
	margin-bottom:15px;}	
.weatherBox{
	float:left;
	width:80px;
	}
.weatherIcon{
	width:50px;
	height:50px;
	color:#333;
	line-height:50px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-right:3px;
	float:left;}	
#demo{
	background-color:#000;
	width:400px;
	height:740px;
	background-image:url(../m/images/demo1.gif);
}
#demo iframe{
	margin-left:42px;
	margin-top:215px;
	border:0;
	border-color:#000;}
	
	#strapHeader{
	position:absolute;
	margin-left:780px;
	margin-top:-80px;
	
	}
.paleBox{
	border: 1px solid #000;
	width:250px;
	float:left;
	color:#000;
	padding:10px;
	font-weight:bold;
	margin-bottom:15px;
	}	
.paleBox h2{
	color:#408ef3;
	margin-top:0;

}
.paleBoxButton{
	background-color:#284b92;
	font-weight:bold;
	color:#FFF;
	padding:3px;
	border: 1px solid #000;
}


.homePageBlock{
	height:220px;
	float:left;
	width:300px;
	border-right-width: 1px;
	border-right-color: #254488;
	padding-left:15px;
	margin-top:15px;
	}
	.homePageBlock2{
	height:220px;
	float:left;
	width:300px;
	margin-top:15px;
	padding-left:15px;
	}
#homePageBlockMain{
	width:960px;
	height:285px;
		background-image: url(../images/site-graphics/bg-home-fade.jpg);
		background-repeat:repeat-x;
}

#homePageIcons{
	background-color:#FFF;
	height:100px;
	margin-top:-14px;
	width:941px;
	padding:15px;
	padding-right:0;
	padding-left:18px;
	
	}
#homePageIcons img{
	margin-right:15px;
	margin-top:-30px;
	border: 1px solid #000;

	}	
.thumb{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #333;
	background-color:#FFF;}
	


	.thumbs img{
		float:left;
		padding:10px;
	}

	
#barBg {
	height:15px;
	background:#4491ee;
	background-image:url(../images/site-graphics/barBG.jpg);
	background-repeat:repeat-x;
}
#barBgHolder{
	border: 1px solid #00326e;}

#barBgNegative {
	height:15px;
	background:#CCC;
}	

.commentBlock{
	background-color:#4491ee;
	color:#FFF;
	padding:10px;
	margin-bottom:10px;
	border: 1px solid #0b67d7;}
	
.commentBlockAlt{
	background-color:#7dde00;
	color:#FFF;
	padding:10px;
	margin-bottom:10px;
	border: 1px solid #66b500;}	
#leaveComment{
	background-color:#E8E8E8;
	padding:10px;
	width:400px;
	border: 1px solid#666;
	}
#mediaCaption{
	background-color:#E8E8E8;
	padding:10px;
	width:400px;
	border: 1px solid#666;
	margin-bottom:10px;
	}	
#tags{
	background-color:#E8E8E8;
	padding:10px;
	width:400px;
	border: 1px solid#666;
	margin-bottom:10px;
	}	
#tags a{
	font-size:14px;
	padding:15px;}	
#welcomeNote{
	background-image:url(../images/site-graphics/welcome-note.jpg);
	width:275px;
	height:269px;
	background-repeat:no-repeat;
	float:left;
	margin:15px;
	background-position: 3px;
}
#welcomeNoteText{
	width:200px;
	padding-top:80px;
	padding-left:20px;}	
	
#tour a{
	background-image:url(../images/site-graphics/tour-1.gif);
	width:237px;
	height:121px;
	display:block;
	margin-top:50px;
	margin-left:10px;
	}	
#tour a:hover{
	background-image:url(../images/site-graphics/tour-2.gif);
	}	
#homeRegister{
	margin-top:40px;
	margin-left:13px;
	border: 1px solid #000;
	padding:5px;
	padding-left:15px;
	width:270px;
	}	
#facebook {
	float:left;
	}	
#facebook a{
	background-image:url(../images/site-graphics/Connect_white_medium_long.gif);
	width:169px;
	height:21px;
	position:absolute;
	float:right;
	top:120px;
	left:735px;
}

#followUsIcons{
	padding:5px;
	margin-left:245px;
	float:left;
	line-height:70px;
	margin-top:17px;
	}
#mediaBrowserHolder{
	float:left;
	width:200px;}	
#mediaBrowser{
	width:160px;
	background-color:#356abb;
	border: 1px solid #000;
	margin-right:27px;
	padding-bottom:0;
	color:#FFF;
	padding-top:0;
	font-size:10px;
	padding-left:15px;
	}	
#mediaBrowser h2{
	background-color:#0f3f89;
	width:175px;
	padding:0;
	text-align:center;
	margin-top:0;
	height:25px;
	line-height:25px;
	font-weight:normal;
	font-size:12px;
	margin-left:-15px;
	
}
#mediaBrowserContent{
	float:left;
	width:720px;
	height:560px;
	padding-bottom:15px;
	overflow:auto;
	}	
#twitterMain{
	width:300px;
	float:left;
	height:50px;
	margin-top:-65px;
	position:absolute;
	margin-left:375px;
	padding: 5px;
	color:#04acea;
	font-size:10px;
	font-style:italic;
	text-align:center;


}
#twitterBird{
	background-image:url(../images/site-graphics/twitter-bird.gif);
	width:50px;
	height:35px;
	float:left;
	position:absolute;
	margin-left:680px;
	margin-top:-60px;}
.userInfo{
	float:left;
	width:440px;
	padding-right:100px;
}
.userInfo2{
	float:left;
	clear:right;
	width:300px;
	padding-left:15px;
	}	
#mediaUsers{
	width:780px;
	height:600px;
	display:block;
	overflow:auto;
	overflow-x:hidden}	
#mediaDisplayScrapbook h2{
	clear:both;}	
	.paypal input{
	border:0;}	
#featureTable{
	padding:10px;
	color:#2a4f99;
	margin:0;
	padding:0;
}	
#featureTableTop{
	background-color:#2a4f99;
	font-weight:bold;
	color:#FFF;
}
.green{
	color:#0C3;
}
.red{
	color:#F00;
}
#photoBook{
	width:440px;
	height:90px;}
#photoBook a{
	background-image:url(../images/site-graphics/buttons/photobook1.gif);
	width:200px;
	height:70px;
	display:block;
	margin-left:130px;}
	#photoBook a:hover{
	background-image:url(../images/site-graphics/buttons/photobook2.gif);
}

#photoBookBack{
	width:440px;
	height:90px;}
#photoBookBack a{
	background-image:url(../images/site-graphics/buttons/photobookback1.gif);
	width:200px;
	height:70px;
	display:block;}
	#photoBookBack a:hover{
	background-image:url(../images/site-graphics/buttons/photobookback2.gif);
}

#mixbookright{
	float:left; padding:15px; padding-right:0; width:380px; font-size:10px;}
	#mixbookRight p{ width:440px; text-align:center; }
	
#photoBookHolder{
	background-color:#1c3a78;
	padding:15px;
	color:#FFF;
	background-image:url(../images/site-graphics/mixbookBG.gif);
	background-repeat:repeat-x;
	float:left;
	width:360px;
	height:200px;
	/*min-height:200px;*/
	overflow:auto;
	}	
	
.error{
	padding: 10px;
	border: 1px solid #333;
	position: fixed;
	bottom:0;
	z-index:1000;
	background-color:#FFF;
	padding-top:0;
	padding-bottom:0;
	background-image:url(../images/site-graphics/alert.jpg);
	background-repeat:no-repeat;
	padding-left:70px;
	}
#mixbookTitle{
	height:25px;
	background-color:#1c3a78;
	color:#FFF;
	line-height:25px;
	padding-left:10px;
	font-weight:bold;}	
.photobookItems{
	text-align:center;
	background-color:#FFF;
	width:100px;
	height:130px;
	color:#1c3a78;
	font-size:9px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}	

#mixbookTemplate{
	background-color:#FFF;
	min-height:480px;
	padding:10px;
	color:#FFF;
	border: 1px solid #666;
	}
#mixbookTemplate thumbs.a{
	color:#FFF;
}
#createAlbum a{
	background-image:url(/images/site-graphics/buttons/create-album.gif);
	width:200px;
	height:70px;
	display:inline-block;
	float:left;
	}
#createAlbum a:hover{
	background-image:url(/images/site-graphics/buttons/create-album2.gif);
}
#viewCart a{
	background-image:url(/images/site-graphics/buttons/view-cart.gif);
	width:200px;
	height:70px;
	display:inline-block;
	float:right;
	}
#viewCart a:hover{
	background-image:url(/images/site-graphics/buttons/view-cart2.gif);
}
#mixbookExample a{
	background-image:url(../images/site-graphics/mixbook0.jpg);
	width:440px;
	height:293px;
	display:block;
	background-repeat:no-repeat;
	}
#mixbookExample a:hover{
	background-image:url(../images/site-graphics/mixbook.jpg);
}
.niceTable{
	border: 1px solid #2a4f98;
	background-color: #FFF;
	padding: 5px;
	}
#mixbookCreate a{
	background-image:url(../images/site-graphics/create-gold-bg.gif);;
	width:440px;
	height:100px;
	display:block;
	background-repeat:no-repeat;
	line-height:100px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	}
#mixbookCreate a:hover{
	text-decoration:underline;
}

#EZPExamples{
	border: 1px solid #ccc;
	float:left;
	width:200px;
	height:700px;
	margin-left:10px;
	overflow:auto;
	padding:5px;
	text-align:center;
	overflow-x:hidden;
	margin-top:27px;
	}	
#EZPExamples img{
	margin-bottom:10px;
}
.getImages a{
	background-image:url(../images/site-graphics/buttons/get-images-1.gif);
	width:257px;
	height:31px;
	display:inline-block;}	
.getImages a:hover{	
background-image:url(../images/site-graphics/buttons/get-images-2.gif);
}
.getImages2 a{
	background-image:url(../images/site-graphics/buttons/get-images-3.gif);
	width:257px;
	height:31px;
	display:inline-block;}	
.getImages2 a:hover{	
background-image:url(../images/site-graphics/buttons/get-images-4.gif);
}