/*
 * LAYOUT STYLES
 *
 */
 
/** body **/

	html, body { 
		height:100%;
		}
		
	body {
		margin:0; padding:0;
		background: url(../images/background.jpg) top left repeat;
		}
		
/** header **/

	#header {		
		height: 325px;
		width: 800px;
		margin: 0; padding: 0;
		background: url(../images/header.jpg) top center no-repeat;
  		}
	
/** main (container for everything else) **/
  
	#main {
		padding: 0;
		margin: 0 auto;
		width:800px;
		}

/** content **/

	#content {
		width:768px;
		overflow:hidden;
		background: url(../images/body.jpg) bottom center repeat-y;
		padding: 0;
		margin-left: 16px;
		}
		
	#left {
		width: 582px;
		float: left;
		padding: 0;
		margin: 0;
		}
		
	#left-inner {
		margin: 1em 0 1em 5px;
		}
	
	#right {
		width: 181px;
		float: left;
		padding: 0;
		margin: 0;
		font-size: 90%;
		background: url(../images/background_sidebar.jpg) top right no-repeat;
		}

	.right-inner {
		margin: 0.5em 1.2em;
		}	

	.side-inner {
		margin: 5em 1.2em 0;
		}	
		
	.content {
		padding: 0.25em 1.2em;
	}

	.center {
		text-align: center;
		padding: 1em 0 0;
	}
		
/** footer **/

	#footer {
		text-align: center;
		background: url(../images/footer.jpg) top center no-repeat;
		color: #ffffcc;
		font-size: 80%;
		height: 175px;
		}
	
	#footer-inner {
		padding: 4.75em 1em 0;
		}
	
	#footer ul {
		padding: 0;
		margin: 0;
		}
	
	#footer li {
		font: 1.05em/1.05em Arial, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		display: inline;
		padding: 0 1px 0 4px;
		border-left: 1px solid #ffffcc;
		}
	
	#footer li.first { border: none; padding-left: 0;}
	
	#footer a:link, #footer a:visited { color:#ffffcc; text-decoration:none; }
	#footer a:hover, #footer a:active { color:#ffcc00; text-decoration:underline; }

/*
 * CUSTOM STYLE ELEMENTS
 *
 * Individual custom style elements 
 * pertaining to views, pages and blocks.
 *
 */
 
/** bubble **/

	.ad {
		color: #663300;
		width: 530px;
		padding: 1.5em 0;
		margin-left: 1.65em;
		text-align: center;
		}
	
	.ad ul {
		list-style-type: none;
		padding: 1.75em; margin: 0;
		background: url(../images/ad.jpg) top center no-repeat;
		}
	
	.ad li {
		padding: 0.5em 0;
		}
			
	.bubble {
		color: #663300;
		width: 502px;
		padding: 1em 0;
		margin-left: 1.65em;
		}
		
	#technology .bubble {
		display: none;
		}
		
	#technology #tab_f {
		display: block;
		}
		
	.bubble ul {
		list-style-type: none;
		padding: 0; margin: 0;
		background-color: #ffd973;
		border-left: 3px solid #ffffcf;
		border-right: 3px solid #ffffcf;
		}

	.bubble li {
		padding: 0.5em 1.5em;
		}
		
	.top {
		background: url(../images/list_top.jpg) top left no-repeat;
		height: 15px;
		overflow: hidden;
		}

	.bottom {
		background: url(../images/list_bottom.jpg) top left no-repeat;
		height: 15px;
		overflow: hidden;
		}
		
	.inline li {
		display: inline;
		margin-left: 0.5em;
		}
		
	.list li {
		list-style-type: disc;
		padding-left: 0;
		margin-left: 2.5em;
		}
		
/** fonts **/

  	body, font {
		font: 10pt/1.5 Arial, sans-serif;
		color: #663300;
		}
	
/** headings **/

	.heading {
		padding: 0.5em 0 0;
		}

	h1 {
		font: 1.4em/1.4em Helvetica, Arial, sans-serif;
		font-weight: bold; 
		}
	
	h2 {
		font: 1.1em/1.1em Helvetica, Arial, sans-serif;
		font-weight: bold;
		}

	h3 {
		font: 1em/1em Helvetica, Arial, sans-serif;
		font-weight: bold;
		}
				
/** block-level elements **/

	p.contact {
		margin: 0 0 1em;
		}
		
/** links **/

	a:link,a:visited { color: #663300; text-decoration: underline; outline: none; }
	a:hover,a:active { color: #ffffcc;; text-decoration: none; outline: none; }
	
/** images **/

	.thumb {
		background-color:#ffffcc;
		padding: 3px;
		border: 1px solid #663300;
		margin-top: 0.3em;
		}

	.button {
		background-color:#ffffcc;
		padding: 2px;
		border: 1px solid #d9b264;
		margin-top: 0;
		}
					
	.image {
		border: 1px solid #663300;
		}
		
	.logo {
		margin: 0.5em 0 0.5em 1em;
		}
		
	.mail {
		margin-top: 1em;
		}
		
/** form **/

	.row {
		padding-bottom: 3px;
		}

	.form {
		padding: 0.5em 0;
		}

	#message, #name, #email, #phone {
		font: 10pt/1.5 Helvetica, Arial, sans-serif;
		color: #663300;
		background-color: #ffffcc;
		border: 1px solid #663300;
		width: 150px;
		}

/** arrows **/
		
	.arrow-up {
		background: url(../assets/uparrow.gif) center left no-repeat;
		padding-left: 1em;
		float: right;		
		}
		
	.arrow {
		background: url(../assets/arrow.gif) center left no-repeat;
		padding-left: 1em;		
		}
	
/** technology popup **/

	.popup {
		padding: 0; margin: 0;
		background-image: url(../images/background_procedure.jpg);
		height: 300px;
		width: 500px;
		}	
	
	.popup-inner {
		padding:1em 2em 0;
		font-size: 80%;
		line-height: 130%;
		}

	.popup ul {
		padding:0; margin: 0;
		}	
	
	.popup li {
		padding:0; margin-left: 1em;
		}
	
/** smile gallery **/

	#gallery-top {
		padding: 0; margin: 0;
		background: url(../images/gallery-top.jpg) top center no-repeat;
		height: 62px;	
		}

	#gallery-content {
		padding: 0; margin: 0;
		line-height: 0;
		font-size: 0;
		}	

	#gallery-bottom {
		padding: 0; margin: 0;
		background: url(../images/gallery-bottom.jpg) top center no-repeat; overflow: hidden;
		height: 32px;	
		}