body {
	text-align: center;
	background:#d2d2d2 url(../img/bgfade.jpg) -450px -450px no-repeat;
}

a:link, a:visited	{color:#8D4A03; text-decoration:underline; }
a:hover, a:active	{color:#8D4A03; text-decoration:none; }

.txt12 {
	font-size:12px;
}

.container-logo {
	width:128px;
	height:190px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-476px;
}

.container-main-1 {
	width:951px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.container-main-2 {
	position:relative;
	width:807px;
	left:144px;
	top:0px;
}

.container-footer-1 {
	width:951px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.container-footer-2 {
	width:600px;
	font-family:arial;
	font-size:10px;
}
.container-footer-3 {
	width:200px;
	font-family:arial;
	font-size:10px;
	text-align:right;
}

.container-nav {	
	text-align:left;
	width:131px;
	position:absolute;
	top:220px;
	left:50%;
	margin-left:-476px;
	border-bottom:1px #dedede solid;
	border-left:1px #dedede solid;
	border-right:1px #dedede solid;
	background:#efefef;
}

ul.nav{
	list-style: none;
	margin: 0;
	padding: 0;
}

li.nav{
	list-style: none;
	margin: 0;
	padding: 0;
}

a.nav-off:link, a.nav-off:visited, a.nav-off:hover, a.nav-off:active {
	padding: 5px;
	text-decoration:none;
	font-family:arial;
	font-size:12px;
	color:#2b2b2b;
	font-weight:bold;
	border-top:1px #dedede solid;
	display:block;
	height: 1%;
}

a.nav-on:link, a.nav-on:visited, a.nav-on:hover, a.nav-on:active {
	padding: 5px;
	text-decoration:none;
	font-family:arial;
	font-size:12px;
	color:#2b2b2b;
	background:#ffffff;
	font-weight:bold;
	border-top:1px #dedede solid;
	display:block;
	height: 1%;
}


.body-container-1{
	width:807px;
	border:1px #cccccc solid;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.body-container-2{
	position:relative;
	top:-1px;
	left:1px;
	width:807px;
	background:url(../img/body-corner-top-right.gif) top right no-repeat;
	margin:0px;
	padding:0px;
}
.body-container-3{
	position:relative;
	top:2px;
	left:0px;
	width:807px;	
	background:url(../img/body-corner-bottom-right.gif) bottom right no-repeat;
	margin:0px;
	padding:0px;
}
.body-container-4{
	padding:20px;
	font-family:arial;
	font-size:12px;
	min-height: 460px;
	_height: 460px;
}

h1 {
	font-family:Arial;
	font-weight:normal;
	color: #894b00;
	font-size:32px;
	display:block;
	line-height:60px;
	border-bottom:1px #dcdcdc solid;
	margin:-20px 0px 20px 0px;
}
h2 {
	font-family:Arial;
	font-weight:normal;
	color: #894b00;
	font-size:18px;
	margin:0px;
}



.home-1-1{
	margin:0px;
	padding:0px;
	width:807px;
	height:267px;
	background:#cccccc url(../img/home/top-bg.jpg) top right no-repeat;
}
.home-1-2{
	position:relative;
	left:1px;
	top:1px;
	background:url(../img/home/white-343.gif) top left repeat-y;
	width:805px;
	height:265px;
}
.home-1-3{
	padding:30px;
	font-family:arial;
}

.home-2-1{
	position:absolute;
	top:277px;
	width:387px;
	height:352px;
	background:#cccccc;
}
.home-2-2{
	position:relative;
	left:1px;
	top:1px;
	background:#ffffff;
	width:385px;
	height:350px;
	font-family:arial;
	font-size:12px;
}
.home-2-3{
	padding:20px;
}

.home-3-1{
	position:absolute;
	top:277px;
	left:397px;
	width:410px;
	height:223px;
	background:#cccccc;
	font-family:arial;
	font-size:12px;	
}
.home-3-2{
	position:relative;
	left:1px;
	top:1px;
	background:#ffffff;
	width:408px;
	height:221px;
}
.home-3-3{
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.home-4-1{
	position:absolute;
	top:510px;
	left:397px;
	width:410px;
	height:119px;
	background:#cccccc;
	font-family:arial;
	font-size:12px;	
}
.home-4-2{
	position:relative;
	left:1px;
	top:1px;
	background:#ffffff;
	width:408px;
	height:117px;
}
.home-4-3{
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}

.home-spacer{
	width:807px;
	height:362px;
}


.textbox-container-1 {
	border:none; 
	background:url(../img/home/textbox-bg-left.gif) left no-repeat;
	height:24px; 
}
.textbox-container-2 {
	border:none; 
	background:url(../img/home/textbox-bg-right.gif) right no-repeat;
	height:24px; 
}  
.textbox {
	background:none;
	border:none;
	height:24px; 
	padding-top:5px; 
	padding-bottom:5px; 
	margin-left:4px;
	margin-right:4px;
	font-family:Arial;
	font-size:12px;
	width:200px;
}






.create-count-container {
	position:absolute;
	top:22px;
	left:670px;
	width:150px;
	font-family:arial;
	font-size:14px;
	color:#aaaaaa;
}
.create-count-title {
	display:inline;
	height:20px;
	padding:2px 0px 2px 0px;
	margin-right:4px;
}
.create-count-on {
	display:inline;
	height:20px;
	padding:2px 6px 2px 6px;
	background:#8D4A03;
	color:#ffffff;
	margin-left:2px;
}
.create-count-off {
	display:inline;
	height:20px;
	padding:2px 6px 2px 6px;
	background:#aaaaaa;
	color:#ffffff;
	margin-left:2px;
}

.create-login-td-1{
	font-size:12px;
	width:120px;
	height:28px;
}
.create-login-td-2{
	width:210px;
	height:28px;
}


.account-changepassword-logout-container{
	position:absolute;
	top:25px;
	left:600px;
	font-family:arial;
	font-size:12px;
}


.preview-shadow {
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000000;
}

.preview-div {
	z-index:101;
	position:absolute;
	top:50px;
	left:50%;
	text-align:center;
	border:1px #ff0000 solid;
}

.preview-div-2 {
	background:#ffffff;
	border:1px #000000 solid;
}

.preview-close-notice{
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-70px;
	margin-top:-15px;
	width:140px;
	height:18px;
	border:1px #000000 dashed;
	background:#ffffff;
	font-family:arial;
	font-size:12px;
}

.error-text{
	background:#894b00 url(../img/error-icon.gif) 10px 50% no-repeat;
	color:#fff;
	padding-left:60px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	font-size:14px;
	margin:10px;
}

.button-100 {
	width:100px;
	height:25px;
	background:url(../img/button-bg-100.gif);
	color: #fff;
	text-transform: lowercase;
	text-align:center;
	border: 0;
	font-size: 14px;	
	padding-bottom:1px;
}
.button-150 {
	width:150px;
	height:25px;
	background:url(../img/button-bg-150.gif);
	color: #fff;
	text-transform: lowercase;
	text-align:center;
	border: 0;
	font-size: 14px;	
	padding-bottom:1px;
}
.button-200 {
	width:200px;
	height:25px;
	background:url(../img/button-bg-200.gif);
	color: #fff;
	text-transform: lowercase;
	text-align:center;
	border: 0;
	font-size: 14px;	
	padding-bottom:1px;
}

.account-tab-on{
	background:#ffffff;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	border-top:1px #cccccc solid;
	font-size:16px;
	padding:10px;
}
.account-tab-off{
	background:#ededed;
	border-left:1px #dedede solid;
	border-right:1px #dedede solid;
	border-top:1px #dedede solid;
	border-bottom:1px #cccccc solid;
	color:#666666;
	font-size:12px;
	padding:10px;
}
.account-label-container {
	border:1px #cccccc solid;
	padding:10px;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:left;      
}

.create-template-container-off{
	border:1px #dedede solid;
	background:#f3f3f3;
	font-size:12px;
	width:220px;
	height:230px;
}
.create-template-container-on{
	border:1px #894b00 solid;
	background:#f3f3f3;
	font-size:12px;
	width:220px;
	height:230px;          
}

div.template-description {
	border-top: 1px #dcdcdc solid;
	padding: 10px;
	margin-top: 20px;
}
	div.template-description h2 {
		padding: 10px 0px;
	}

table.csl-colour-picker tr td div {
	width: 12px;
	height: 12px;
	display: inline;
	cursor: pointer;
}
table.csl-colour-picker tr td div img {
	width: 12px;
	height: 12px;
}
table.csl-colour-picker-preview {
	width: 216px;
	height: 60px;
}
div.csl-colour-picker-colour {
	width: 206px;
	height: 50px;
	display:block;
}

  .home-text-1{
    margin-left:10px;
    font-size:22px;
  }
  .home-text-2{
    margin-top:-5px;
    font-size:36px;
  }
  .home-text-3{
    margin-top:20px;
    font-size:18px;
  }
  .home-text-4{
    margin-top:20px;
    font-size:12px;
  }
  .home-text-5{
    margin-top:20px;
    margin-bottom:0px;
    font-size:18px;
  }
  .home-text-6{
    position:relative;
    left:-47px;
    top:104px;
  }
  .home-text-7{
    position:absolute;
    left:20px;
    top:20px;
    width:345px;
    height:310px;
    overflow:auto;
  }  
.home-text-8{
  display:inline;
  width:165px;
  font-size:22px;
}
.home-text-9{
  display:inline;
  width:200px;
  text-align:right;
  font-size:12px;
  padding-top:0px;
  padding-bottom:3px;
}  
.home-text-10{
width:167px; font-size:22px;
}  
.home-example-container-1{
  background:url(img/home/inspiration-border-top.gif) top left repeat-x;
}  
.home-example-container-2{
  background:url(img/home/inspiration-border-bottom.gif) bottom left repeat-x;
}  
.home-example-container-3{
  background:url(img/home/inspiration-border-left.gif) top left repeat-y;
}  
.home-example-container-4{
  background:url(img/home/inspiration-border-right.gif) top right repeat-y;
}  
.home-example-container-5{
  background:url(img/home/inspiration-corner-TL.gif) top left no-repeat;
}  
.home-example-container-6{
  background:url(img/home/inspiration-corner-TR.gif) top right no-repeat;
}  
.home-example-container-7{
  background:url(img/home/inspiration-corner-BL.gif) bottom left no-repeat;
}  
.home-example-container-8{
  background:url(img/home/inspiration-corner-BR.gif) bottom right no-repeat;
}  
.home-example-container-9{
  padding:10px;
}   



#select-clipart-container {
	width: 630px;
	height: 280px;
	overflow: auto;
}
	#select-clipart-container div.clipart {
		width: 120px;
		height: 100px;
		float: left;
		padding: 10px;
		cursor: pointer;
		border: 1px #dedede solid;
		background: #f3f3f3;
		text-align: center;
		margin: 0 10px 10px 0;
	}
	#select-clipart-container div.clipart-over {
		width: 120px;
		height: 100px;
		float: left;
		padding: 10px;
		cursor: pointer;
		border: 1px #894b00 solid;
		background: #f3f3f3;
		text-align: center;
		margin: 0 10px 10px 0;
	}
	#select-clipart-container img {
		border: 0px;  
	}
	div.clipart-parent-folder {
		width: 118px;
		height: 98px;
		padding-top: 75px;
		background: url(../img/directory-parent.gif) center 15px no-repeat;
	}
	div.clipart-folder {
		width: 118px;
		height: 98px;
		padding-top: 75px;
		background: url(../img/directory.gif) center 15px no-repeat;
	}
	td.clipart-file {
		width: 118px;
		height: 98px;
		display: table-cell;
		vertical-align: middle;
		background: url(../img/loading.gif) center no-repeat;
	}
	div.clipart-loading {
		height: 280px;
		background: url(../img/loading.gif) center no-repeat;
	}