/*
brown: #2e0c00
sand: #DED3AD
red: #d68e79
blue: #A0CAC3
*/



body
	{
/* 	height: 100%; */
	margin: 0;
	padding: 0;
	}


h1, h2, h3, h4
	{
	font-family: century, georgia, garamound, sans-serif;
	}

h2, #window h1
	{
	font-size: 34px;
	}

div.title p, #contact_filters, #submit_container
	{
	font-size: 14px;
	}

#filters
	{
	font-size: 13px;
	}

ul.bubble p, #window p
	{
	font-size: 14px;
	}

#contact2 textarea, #feedback p
	{
	font-size: 22px;
	}

#boring_stuff
	{
	font-size: 16px;
	}

.phone, #mail, #feedback p.success
	{
	font-size: 18px;
	}


p, ul, ol
	{
	font-family: geneva, verdana, helvetica, arial, sans-serif;
	}

.tooltip
	{
	font-style: normal;
	font-weight: normal;
	border-bottom: dotted 1px #DED3AD;
	cursor: help;
	}

.loading
	{
/* 	margin: 107px 0 0 0; */
position: absolute;
top: 160px;
left: 205px;
	}

#main
	{
	height: 145px;
	border-top: solid 3px #DED3AD;
	background: #DED3AD;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 900px;
	}

#featured
	{
	background: #2e0c00 url(../images/back_main.gif) repeat-x bottom left;
	height: 118px;
	}

#featured h2
	{
	margin: 4px 0 12px 0;
	}

#featured h2 a:link, #featured h2 a:visited, #featured h2 a:hover, #featured h2 a:active
	{
	color: #DED3AD;
	text-decoration: none;
	}

#contact
	{
	height: 38px;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	background: #DED3AD url(../images/back_contact.gif) repeat-x bottom left; 
	overflow: hidden;
	}

#contact h2 a:link, #contact h2 a:visited, #contact h2 a:hover, #contact h2 a:active
	{
	color: #2e0c00;
	text-decoration: none;
	}

h1
	{
	display: block;
	position: absolute;
	bottom: 145px;
	left: 0;
	width: 100%;
	height: 350px;
	background: url(../images/back_h1.gif) repeat-x bottom left;
	margin: 0;
	padding: 0;
	}

h1 a
	{
	text-decoration: none;
	display: block;
	width: 414px;
	height: 350px;
/* 	background: url(../images/h1.png) no-repeat top left; */
	}

#welcome
	{
	position: absolute;
	bottom: 152px;
	left: 316px;
	display: block;
	width: 605px;
	height: 398px;
/* 	background: url(../images/welcome.png) no-repeat bottom left; */
	}

#welcome a.close:link, #welcome a.close:visited, #welcome a.close:hover, #welcome a.close:active
	{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 66px;
	height: 62px;
/* 	background: url(../images/close.png) no-repeat top left; */
	}

.hidden, #designs li a span
	{
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 	}


div.title
	{
	float: left;
	width: 397px;
	text-align: right;
	line-height: 29px;
	}

div.title h2
	{
	margin: 0;
	padding: 5px 0 0 0;
	color: #DED3AD;
	font-weight: normal;
	}

div.title p
	{
	color: #d68e79;
	line-height: 170%;
	margin: 7px 0 0 0;
	}

#contact div.title p
	{
	color: #2e0c00;
	}

#contact h2
	{
	margin: 2px 0 0 0;
	padding: 0;
	}


/* ********************** */
/*       filters          */
/* ********************** */

#filters
	{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	width: 350px;
/* 	border: solid 1px red; */
	height: 35px;
}

#filters li
	{
	display: block;
	float: right;
	margin: 0 0 0 8px;
	height: 18px;
	} 

#filters li.selected
	{
/*	background: #d68e79 url(../images/back_filters_left.gif) no-repeat top left; */
	}

#filters li a:link, #filters li a:visited, #filters li a:hover, #filters li a:active
	{
	text-decoration: none;
	color: #d68e79;
	padding: 0 5px 0 5px;
	}

#filters li.selected a
	{
	/* background: transparent url(../images/back_filters_right.gif) no-repeat top right; */
	background: #d68e79;
	color: #2e0c00;
	}

#filters li a:hover, #filters li a:active
	{
	text-decoration: underline;
	}

#filters li.selected a:hover, #filters li.selected a:active
	{
	text-decoration: none;
	}







/* ********************** */
/*   contact_filters      */
/* ********************** */

#contact_filters
	{
	margin: 0 0 0 428px;
	padding: 13px 0 0 0;
	list-style: none;
	clear: right; 
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	}

#contact_filters li
	{
	display: block;
	float: left;
	margin: 0 13px 0 0;
	overflow: hidden;
	} 

#contact_filters li.selected
	{
/*	background: #d68e79 url(../images/back_filters_left.gif) no-repeat top left; */
	}

#contact_filters li a:link, #contact_filters li a:visited, #contact_filters li a:hover, #contact_filters li a:active
	{
	text-decoration: none;
	color: #2e0c00;
	padding: 0 5px 0 5px;
	}

#contact_filters li.selected a
	{
/*	background: transparent url(../images/back_filters_right.gif) no-repeat top right; */
	background: #2e0c00;
	color: #DED3AD;
	}

#contact_filters li a:hover, #contact_filters li a:active
	{
	text-decoration: underline;
	}

#contact_filters li.selected a:hover, #contact_filters li.selected a:active
	{
	text-decoration: none;
	}



/* ********************** */
/*          form          */
/* ********************** */


#contact2, #contact1
	{
/* 	margin: 44px 0 0 428px;  */
	margin: 44px 0 0 428px; 
	}

#contact2
	{

	}

#contact1 .phone, #contact1 #mail
	{
	line-height: 22px;
	color: #2e0c00;
	display: block;
	float: left;
	margin: 3px 0 0 0;
	height: 100px;
	}

#contact1 .phone
	{
	background: url(../images/phone.gif) no-repeat top left;
	margin-right: 10px;
	padding: 25px 25px 0 110px;
	}
	
#contact1 #mail
	{
	background: url(../images/mail.gif) no-repeat top left;
	padding-left: 135px;
	padding: 21px 10px 0 143px;
	}

#contact2 p
	{
/* 	width: 95%; */
/*
	width: 500px;
	padding: 0 0 0 0;
	line-height: 100%;
	margin: 0;
	padding: 0;
*/
padding: 0;
margin: 0;
	}

span.error
	{
	color: #c52828;
	background: url(../images/error.gif) no-repeat left;
	padding: 0 0 0 18px;
	}

span.error a
	{
	text-decoration: none;
	color: #2e0c00;
	border-bottom: dotted 1px #2e0c00;
	}

span.error a:hover, span.error a:active
	{
	border-bottom: solid 1px #2e0c00;
	}

#contact2 textarea
	{
/* 	width: 100%; */
	width: 500px;
	background: #d68e79;
	border: none;
	margin: 0 0 3px 0;
	padding: 0;
	height: 62px;
	line-height: 30px;
	color: #2e0c00;
	}

#submit_container
	{
	display: block;
	width: 500px;
	float: left;
	
	overflow: hidden;
	color: #d68e79;
	line-height: 100%;
	margin: 0;
	padding: 0;
	}

#submit_container input
	{
	float: right;
	}

#submit_container span
	{
	display: block;
	float: left;
	width: 350px;
	height: 20px;
	}





/* ********************** */
/*       designs          */
/* ********************** */

#designs
	{
	margin: 0 0 0 417px;
	padding: 11px 0 0 0;
	list-style: none;
	}

#designs li
	{
	position: relative;
	display: block; 
	float: left;
	margin: 0 13px 0 0;
	}

#designs li a:link, #designs li a:visited, #designs li a:hover, #designs li a:active
	{
	display: block;
	width: 107px;
	height: 87px;
/* 	background: #2e0c00 url(../images/thumb.gif) no-repeat top left; */
	}


ul.bubble
	{
	display: none;
	position: absolute;
	top: -452px;
	left: -214px;
/* 	width: 536px; */
	width: 495px; 	
	height: 516px;
/* 	background: url(../images/back_bubble.png) no-repeat top left; */
	margin: 0;
	padding: 0 0 0 41px;
	list-style: none;
	}

ul.bubble li
	{
	margin: 0;
	padding: 0;
	}


#designs li ul li a.close:link, #designs li ul li a.close:visited, #designs li ul li a.close:hover, #designs li ul li a.close:active
	{
	position: absolute;
	top: 0;
/* 	left: 470px; */
	left: 429px;
	display: block;
	width: 66px;
	height: 62px;
	background: url(../images/close.png) no-repeat top left;
	}







ul.bubble p.website_link_container
	{
	position: absolute;
	top: 35px;
	left: 50px;
	width: 400px;
	display: block;
	margin: 0;
	}

#designs li ul li a:link, #designs li ul li a:visited, #designs li ul li a:hover, #designs li ul li a:active
	{
	color: #fff;
	display: inline;
	position: static;
	padding: 0 0 0 0;
	background-image: none;
	background-color: transparent;
	text-decoration: none;
	}

#designs li ul li a.arrow
	{
	padding: 0 19px 0 0;
	background: transparent url(../images/arrow.gif) no-repeat right;
	}

#designs li ul li a.arrow:hover, #designs li ul li a.arrow:active
	{
	padding: 0 19px 0 0;
	text-decoration: underline;
	background: transparent url(../images/arrow.gif) no-repeat right;
	}




ul.bubble
	{

	}


ul.bubble p.image_container
	{
	padding: 0;
	margin: 57px 0 0 0;
	text-align: center;


/*
	display: block;
	width: 529px;
	margin: 57px 0 0 0;
	padding: 0;
	text-align: center;
*/

	}

ul.bubble p.image_container img
	{
/*	border: solid 3px #2e0c00; */
	}


ul.bubble p.info_container
	{
	position: absolute;
	top: 286px;
	height: 91px;
	left: 0;
	color: #BCC7AF;
	display: block;
	width: 445px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	line-height: 22px;
	text-align: right;
	overflow: hidden;
	}

ul.bubble p.info_container span
	{
	padding: 2px 4px 2px 0;
	}
	
ul.bubble p.info_container span.red
	{
/* 	background: url(../images/back_info_red.png); */
	margin: 0 0 0 1px;
	padding: 2px 4px 2px 4px;
	line-height: 23px;
	color: #DED3AD;
	}

ul.bubble p.info_container span strong
	{
	background: transparent url(../images/separator.gif) no-repeat right;
	padding: 0 7px 0 5px;
	}

ul.bubble p.info_container span.red:hover
	{
	background: #d68e79;
	}

*html ul.bubble p.info_container span
	{
	margin: 0 5px 0 15px;
	}


	
	
	
/* ********************** */
/*        boring          */
/* ********************** */
	
#boring_stuff_container
	{
	position: fixed;
	overflow: hidden;
	width: 900px;

	right: 0;
	top: 15px;
	margin: 0;

	}
	
#boring_stuff
	{
	margin: 0 0 0 785px;
	list-style: none;
	padding: 0;
	display: block;
	overflow: hidden;
	width: 900px;
	background: url(../images/back_window2.png);
	}

#boring_stuff li
	{
	display: block;
/* 	float: right; */
	float: left;
	margin: 0;
	padding: 0;
	}

#boring_stuff li a
	{
	display: block;
/* 	background: url(../images/back_boring.png); */
	padding: 5px 8px 5px 8px;
	float: left;
	color: #8BAFA9;
	text-decoration: none;
	text-align: center;
	}

#boring_stuff li a#primary
	{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
	border-right: solid 1px #7FA09B;
	width: 105px;
	background: url(../images/back_boring.png);
	}

#boring_stuff li a#primary:hover
	{
	color: #fff;
	}

#boring_stuff li a:hover, #boring_stuff li a:active
	{
	color: #fff;
	}
	
#boring_stuff_links
	{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	}
	
	
#remove_strip
	{
	background: url(../images/contract.gif) no-repeat bottom center;
	width: 5px;
	height: 14px;
	margin: 0;
	padding: 0;
	}

#remove_strip:hover
	{
	background: url(../images/contract_over.gif) no-repeat bottom center;
	}	
	
	
	
#window
	{
	position: fixed;
	margin: -235px 0 0 -350px;
	width: 700px;
	background: url(../images/back_window.png);
	display: none;
	overflow: hidden;
		
	
	position: fixed;
	right: 0;
	bottom: 148px;
	margin: 0;
	height: 300px;
	width: 100%;
	
	height: 0;
	

/*
	display: block;
	height: 300px;
*/
	}
	
	
	
#window h1, #window p, #winow ul
	{
	color: #fff;
	}

#window h1
	{
	background-image: none;
	display: inline;
	position: static;
/* 	border-right: solid 1px red; */
/* 	background: url(../images/back_window.png); */

	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
	}
	
#window div.left
	{
	padding: 5px 20px 0 20px;
	text-align: right; 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 300px;
	}	

#window div.right
	{
	height: 300px;
	overflow: auto;
	}

#window div.left p
	{
	padding: 0;
	margin: 15px 0 0 0;
	}

#window a
	{
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	border-bottom: dotted 1px #d68e79;
	}

#window a:hover, #window a:active
	{
	border-bottom: solid 1px #d68e79;
	}

#window p
	{
	line-height: 25px;
	padding: 15px 15px 0 10px;
	margin: 0 0 0 410px;
	}
	

#window a.close
	{
	position: absolute;
	top: -30px;
	right: -30px;
	display: block;
	width: 66px;
	height: 62px;
	background: url(../images/window_close.png) no-repeat top left;
	}
	
	

#feedback
	{
	width: 300px;
	height: 100px;
	background: url(../images/back_window.png);
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -150px;
	display: none;
	}

#feedback img
	{
	position: absolute;
	top: 35px;
	left: 20px;
	}

#feedback p
	{
	color: #fff;
	margin: 0;
	padding: 35px 0 0 65px;
	}
	
#feedback p.success
	{
	color: #fff;
	margin: 10px 0 0 0;
	padding: 15px 0 0 90px;
	background: url(../images/success.gif) no-repeat top left;
	display: block;
	height: 75px;
	}


#feedback a.close
	{
	position: absolute;
	top: -30px;
	right: -30px;
	display: block;
	width: 66px;
	height: 62px;
	background: url(../images/window_close.png) no-repeat top left;
	}
	
	
/* UGLY CSS HACKS -- I'm so ashamed :( */
/* ----------------------------------- */

/* Firefox hacks (I'm as suprised as you, firefox is usually so good!) */

#main, x:-moz-any-link {bottom: 17px;} 
#welcome, x:-moz-any-link {bottom: 169px;} 
h1, x:-moz-any-link {bottom: 162px; background: url(../images/back_h1_ff.gif) repeat-x bottom left;} 
html, x:-moz-any-link {background: #C9BC92 url(../images/back_body_ff.gif) repeat-x top left;} 

#main, x:-moz-any-link, x:default {bottom: 0px;}
#welcome, x:-moz-any-link, x:default {bottom: 152px;}
h1, x:-moz-any-link, x:default {bottom: 145px; background: url(../images/back_h1.gif) repeat-x bottom left;}
html, x:-moz-any-link, x:default {background: #96cac2 url(../images/back_body.gif) repeat-x top left;}