/* EMBS Style Sheet - E. Moshurchak Oct 2006

   This version uses a background image for the logo and must be used
   with the correct header  */

body {margin:0px; padding:0px; font: 1.0em verdana, arial, sans-serif; }

div#container {position: relative; min-width:800px; max-width:1000px; margin-left:auto; margin-right:auto; background-color:#ECF2C9;}

.clearthefloats {clear:both;}

/* Note: IE6 has a bug where elements disappear when the browser window is resized */
/* If you comment out the line above, the entire container element as well as the  */
/* header, footer, and both side columns disappear */
/* Eliminating the container div solves the problem but loses the background for   */
/* the body and columns  */

	/******* GENERAL ********/

/* <u> tag is deprecated in XHTML */
.ul {
	text-decoration: underline;
	}

.justified 	{
	text-align: justify;
	}

p.caption {
	color: #663;
	text-align: center;
	}

.centered {
	text-align: center;
	}

img.floatl {
	float: left;
	margin: 0 10px 6px 0;
	vertical-align: text-center;
	}

img.floatr {
	float: right;
	margin: 0 0 6px 6px;
	vertical-align: center;
	}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 5px 0; 
	}

	/******* HEADER ********/

#header {
    height:70px; 
    text-align:center; 
    background-color:#FFC; 
    background: #FFC url(../images_pres/embs2.gif) center center no-repeat;
	border-bottom:1px #663 solid;
	padding-top:10px;
	}
	
#header h1 {
	width:18em; 
    margin-top:0; 
    margin-right:auto; 
    margin-left:auto; 
    font: 1.2em bold "comic sans MS", arial, sans-serif;  
    text-align:center; 
    padding:0 0 .1em; 
    border-top:2px solid #069; 
    border-bottom:1px solid #069;
    }

	/******* NAVIGATION - LEFT COLUMN ********/

#nav {
    position:absolute; 
    left:0px; top:60px; 
    width:150px;
	padding:0; 
	margin:20px 0 0 0;
	}
	
#nav ul {
    border:0; 
    margin:12px 1.25em 12px 1.25em; 
    padding:0;
	list-style-type:none; 
	font-weight:bold; 
	font-size:.75em;
	}
	
#nav li {
    margin-bottom:.5em;	
    border-bottom:2px dotted #960; 
    margin:0;
	padding:.3em; 
	text-indent:.5em;
	}
	
#nav li:first-child {
	border-top:2px dotted #663;
	}

#nav a {
    text-decoration:none; 
    color:#663;
    }
    
#nav a:hover {
	color:#B7A758;
	}

/* a hack for IE Win only \*/
* html div#nav ul {
	border-top:2px dotted #960;
	}
/*end of hack */

	/******* CONTENT AREA ********/

#content {
    margin:20px 170px 0 150px; 
    padding: 0 1em;
    }
    
#content h1 {
    font-size:1.2em; 
    font-variant:small-caps;  
    margin-top:1em;
	font-family:'comic sans MS', verdana, sans-serif; 
	color:#663;
	text-align:center;
	}
	 
#content h2 {
    font-size:1.0em; 
    font-variant:small-caps;  
    margin-top:1em;
	font-family:'comic sans MS', verdana, sans-serif; 
	color:#663; 
	line-height:.75;
	} 

p {
    font-size:.8em; 
    margin-top:0; 
    margin-bottom:.5em;
    }
    	
.bolder {font-weight:bold;}

.ul {text-decoration: underline;}

#content li {font-size:.75em;}

#content hr {height:1px; clear:both;}

#content div#mainimage img {border:1px solid #663;}

#content div#mainimage {
    width:180px; 
    float:left;  
    margin:0 10px 4px 0;
    }
    
#content #mainimage p {
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }

#services {
    float:left; 
    margin:0 0 0 10px;
    }
    
blockquote {
    width:400px; 
//	float:both; 
	text-align: justify;
    font-size:.6em;
	border-top:3px dotted #960; 
	border-bottom:2px dotted #960;
	margin-top:20px; 
	margin-left: auto;
	margin-right: auto;
	padding:6px 10px;
	}
	
blockquote p {
    margin:0; 
	font-size: inherit;
    font-style:italic;
	text-align: right;
    }
    
#content a {
    color:#C60; 
    text-decoration:underline;
    }
    
#content a:hover {
    color:#960; 
    text-decoration:none;
    }

#content ul {padding: 0 0 0 30px;}

#content li {list-style-type:none;}

	/******* RIGHT COLUMN ********/

#rightcolumn {
    position:absolute; 
    width:170px; 
    top:60px; right:0px;  
	margin:32px 0 0 0; 
	padding:1em 0; 
	border-top:2px solid #663; 
	border-bottom:1px solid #663;
	}
	
#rightcolumn p {font-size:.75em;}

#rightcolumn img {
    border:none; 
    margin: 5px 10px 2.5px 0;
    }
    
#rightcolumn #newslinks ul {
    list-style-type:none; 
    font-size:.85em;
	padding-left:10px; 
	margin:0 6px 0 0;
	}
	
#rightcolumn #newslinks li {
    margin-top:.5em; 
    margin-bottom:.5em;
    }
    
#rightcolumn a {
    color:#663; 
    text-decoration:underline;
    }
    
#rightcolumn a:hover {
    color:#B7A758; 
    text-decoration:none;
    }
    
#rightcolumn li {padding:2px 0;}

#rightcolumn li.morelink {font-style:italic;}

#rightcolumn h3 {
    text-align:center; 
    font-size:.8em; 
    color:#663;
	margin-bottom:0px; 
	padding-top:3px; 
	border-top:2px dotted #663;
	}

	/******* FOOTER ********/

#footer {
    width:100%; 
    padding:4px 0; 
    font-size:.9em; 
    text-align:center;
	background-color:#FFC; 
	border-top:1px solid #663;
	border-bottom:2px solid #663; 
	margin-top:1.5em;
    }
    
#footer ul {margin:2px 0;}

#footer li {
    display:inline; 
    color:#663; 
    border-left:1px solid;
	padding:0 5px 0 9px;
	}
	
#footer li:first-child {border-left:0;}

#footer ul li a {
    text-decoration:none; 
    color:#663;
    }
    
#footer ul li a:hover {
    text-decoration:underline; 
    color:#B7A758;
    }
    
#footer ul.fineprint li {color:#663;}

#footer ul.fineprint li a {color:#663;}

#footer ul.fineprint li a:hover {color:#B7A758;}
	

	/******* CONTACT ********/

.centered {text-align:center;}

	/******* PRINT ********/

#printimage img {
	border:1px solid #663;
	}

#printimage {
    width:265px; 
    float:left;  
    margin:0 8px 4px 0;
    }
    
#printimage p {
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }

	/******* DESIGN ********/
	
#samples img {border:1px solid #663;}

#samples {
    width:377px; 
    float:left;  
    margin:0 8px 4px 0;
    }
    
#content div#samples p {
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }
    
	/******* WEB ********/
	
.iceberg img {
	float: left;
	border:1px solid #663;
	}

.iceberg {
    width:300px; 
    float:left;  
    margin:0 8px 4px 0;
    }
    
.iceberg p {
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }

	/******* PRODUCTIVITY ********/
	
#productivity img {border:1px solid #663;}

#productivity {
    width:263px; 
    float:left;  
    margin:0 8px 4px 0;
    }
    
#productivity p {
    font-size:.65em; 
    margin:0px 5px; 
    color:#663;
    }
    
	/******* COMPUTER ********/

#computer img {
	border:1px solid #663;
	}

#computer {
	width:250px; 
	float:left;  
	margin:0 8px 4px 0;
	}

#computer p {
	font-size:.65em; 
	margin:0px 5px; 
	color:#663;
	}