* {
	margin:0;
	padding:0;
	
}


body {
	background: #31589a url(/images/layout/bg.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#banner {
	height:200px;
	width:845px;
	margin-left:auto;
	margin-right:auto;
	background: url(/images/layout/top.jpg) no-repeat top left;
}

#main {
	background-color:#ffcc00;

}

#flash {
	margin-left:auto;
	margin-right:auto;
	width:550px;height:220px;
}

#content h3	 {
	padding:0;
	margin:0;
	margin-bottom:10px;
	padding-top:5px;
	height:20px;
}

#content {
	width:590px;
	margin-left:auto;
	margin-right:auto;
	padding-right:255px;
	/* padding-top:35px; */
	background: url(/images/layout/legs.jpg) no-repeat top right;
	min-height:220px;
	_height:220px;

}

#content p {
	font-size:14px;
	margin:1em 0;
}

#content ul {
	list-style:none;
	margin-left:20px;
}

#content ul li {
	background:  url(/images/layout/bullet.jpg) no-repeat top left;
	line-height:23px;
	text-indent:20px;
	font-size:14px;
}

#footer {
	background: url(/images/layout/shadow.jpg) repeat-x top left;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	color:#8a9cbb;
	text-align:right;
	padding:10px;
}

#footer a {
	color:#8a9cbb;
	text-decoration:none;
}

#footer a:hover {
	color:#fff;
}

a {
	text-decoration:none;
	color:#425372;
}
a:hover {
	color:#fff;
}

.bigbox {
	height:90px;
	width:195px;
	font-size:80px;
	color:#77a2ef;
	text-align:center;
	background: url(/images/layout/bigboxbg.jpg) repeat-x top left;
	border: 1px solid #7f9db9;
	margin-right:2px;
}

#price {
	font-size:30px;
	margin-top:10px;
}

#calcbyselector {
	margin-top:5px;
}

input, textarea, select	 {
	color:#ccdeff;
	background: #31569a url(/images/layout/bigboxbg.jpg) repeat-x top left;
	border: 1px solid #7f9db9;
}

.integer {
	text-align:right;
	padding-right:4px;
	width:30px;
}

label {
	cursor:pointer;
}

/*------------------------------------------------- nav menu ------------------------------------------*/



#nav {
	margin:0;
	padding-top:170px;
	margin-left:0;
	top:10px;
	position:relative;
}
#nav li {
	height:20px;
	position:absolute;
	text-indent:-900em;
	list-style:none;
	float:left;
}

#nav li a {
	text-decoration:none;
	display:block;
	height:20px;
}

#nav li ul {
	margin:0;
	padding:0;
	position:absolute;
	display:none;
	border:1px solid #2b445f;
	background: #2b445f url(/images/menubg.jpg) top left no-repeat;
	width:150px;
	left:0;
	text-indent:0px;
}

#nav li ul li {
	position:relative;
	text-indent:0px;
	font-size:12px;
	width:150px;
	margin:0;
	height:20px;
}

#nav li ul li a {
	color:#fff;
	height:20px;
	padding-left:10px;
}

#nav li ul li a:hover {
	color:#fff;
	background-color:#2b445f;
	background-image:none;
}

#nav li:hover ul, #nav li.over ul {
	display:block;
}

#create {
	background: url(/images/layout/create_off.jpg) top left no-repeat;
	width:113px;	
	left:0px;
}

#create a:hover, #create.over, #create.currentpage {
	 background: url(/images/layout/create_off.jpg) bottom left no-repeat; 
}

#installation {
	background: url(/images/layout/installation_off.jpg) top left no-repeat;
	width:85px;	
	left:145px;
}

#installation a:hover, #installation.over, #installation.currentpage {
	background: url(/images/layout/installation_off.jpg) bottom left no-repeat;
}

#suggested {
	background: url(/images/layout/suggested_off.jpg) top left no-repeat;
	width:112px;	
	left:260px;
}

#suggested a:hover, #suggested.sfhover, #suggested.currentpage {
	background: url(/images/layout/suggested_off.jpg) bottom left no-repeat;
}

#gallery {
	background: url(/images/layout/gallery_off.jpg) top left no-repeat;
	width:54px;	
	left:400px;
}

#gallery a:hover, #gallery.sfhover, #gallery.currentpage {
	background: url(/images/layout/gallery_off.jpg) bottom left no-repeat;
}

#contact {
	background: url(/images/layout/contact_off.jpg) top left no-repeat;
	width:79px;	
	left:480px;
}

#contact a:hover, #contact.sfhover, #contact.currentpage {
	background: url(/images/layout/contact_off.jpg) bottom left no-repeat;
}



/*----------------------------------------------end nav menu ------------------------------------------*/

/*----------------------------------------------xhtml elements ------------------------------------------*/
table {
	font-size:0.8em;
}

#cartlist {
	font-size:12px;
}
#cartlist td, th {
	padding: 0.3em;
}

.button {
	border:1px solid #ccc;
	width:auto;
	cursor:pointer;
}

.under {
	border-bottom: 1px solid #2c3f5f;
}

.under2 {
	border-bottom: 2px solid #2c3f5f;
}



/*----------------------------------------------image treatment ------------------------------------------*/

/* .error is for warinings like emails not being sent properly etc */
.error {
	color: #f00;
}

/*----------------------------------------------turn off print stuff ------------------------------------------*/
#printlogo {
	display:none;
}

/* -----------Photo Gallery------------- */
.thumbnail {
	width:290px;
	background: url(/images/nothumb.jpg) top left no-repeat;
	float:left;
}
.thumbnail p {
	font-weight: bold;
	position: relative top left;
	float:left;
}

.thumbnail img {
	padding:0;
	float:left;
	margin: 0 10px 10px 0;  /* top right bottom left */
	width:80px;
	height:60px;
}

.fullphoto { 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


.fullphoto img {
	border:1px solid #31589a;
	background: #2e446b url(/images/loading.jpg)  no-repeat 50% 50%;
}

.photo {
	border:1px solid #31589a;
	background: #2e446b url(/images/loading.jpg)  no-repeat 50% 50%;
}

/*
.album {
	float: left;
	border: none;
	width:500px;
}
.album p {
	font-weight: bold;
	position: relative top left;
}

.album img {
	border: solid gray 1px;
	float: left;
}
*/

.galleryshow {
	float: right;
	position: absolute top right;
	border:none;
	width:190px;
}
.galleryshow input#criteria, select {
	position: absolute top left;
	border:1px solid #ccc;
	overflow:hidden;
	width:120px;
}
.galleryshow input#show {
	position: absolute top right;
	border:1px solid #ccc;
	overflow:hidden;
	width:60px;
}


/* ---------- end Gallery ---------------- */

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
	width:350px;
	margin-bottom:0;
}

.sIFR-flash {
	visibility: visible !important;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.cart {
	border-top:2px solid #31589a;
	text-align:right;
	font-size:12px;
}

.gstinc {
	color:#000099;
	border-bottom: 2px solid #2c3f5f;
}

/* ---------- EXAMPLES ------------- */


#fonts {
	width:100%;
	margin-top:10px;
}

.examplefont {
	width:170px;
	height:20px;
	border:1px solid #000;
	cursor:pointer;
	margin:3px;
	float:left;
}

#foregrounds {
	width:50%;
	float:left;
	margin-top:10px;
}

.exampleforeground {
	width:20px;
	height:20px;
	border:1px solid #000;
	cursor:pointer;
	margin:3px;
	float:left;
}

#backgrounds {
	width:50%;
	float:left;
	margin-top:10px;
}

.examplebackground {
	width:20px;
	height:20px;
	border:1px solid #000;
	cursor:pointer;
	margin:3px;
	float:left;
}

#textinput {
	width:95%;
	float:left;
	margin-top:10px;
}

#signtextinput {
	width:100%;
	margin:4px;
	padding:2px;
}

#previewsignbutton {
	width:150px;
	margin-top:20px;
	font-weight:bold;
}

#continuebutton {
	width:150px;
	margin-top:20px;
}

#buttons {
	width:100%;
	clear:both;
	margin-top:10px;
}


.selected {
	border:2px solid #000;
}


/*--------- my code -----*/

#signdiv {
	width:550px;
}