/*
STYLE SHEET FOR [x] WEB SITE
Created by Andy McEniry
www.digital-precision.co.uk
*/

/*  DEFAULT ITEMS  //////////////////////////////////////////////////*/
   
* { /* Resets margin & padding of all elements */
	margin:0px;
	padding:0px;}

* img { /* Takes borders off of all images as standard */
	border:0px;}

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

p {
	margin:0px 0px 10px 0px;
	text-align:justify;}

body {
	margin:20px auto;
	margin-bottom:20px;
	background:#777 url(images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;	
	text-align:center; }
	
.clearboth {
	float:left;
	clear:both; }
	
.rss {
	line-height:16px;
	background:url(images/rss.jpg) no-repeat;
	margin:5px 10px 10px 0px;}
	
.rss p {
	font-size:90%;
	margin-left:20px;
	text-align:left;
	color:#888;}

hr {
	height:1px;
	border-top:1px dashed #431;
	margin:5px 0px 10px 0px;}

/*  WRAPPER  //////////////////////////////////////////////////*/	

#wrapper{
	margin:auto;
	width:770px;
	min-height:400px;
	text-align:left;}



/*  SIDEBAR //////////////////////////////////////////////////////*/
	
#sidebar {
	float:left;  display:inline;
	width:195px;  min-height:300px;
	margin:0px 15px 0px 0px;	color:#333;
	text-transform:capitalize;}

#sidebar img {
	float:left; display:inline;
	height:120px;
	border-left:1px solid #fff;
	border:1px solid #333;
	margin:10px 0px 20px 0px;}
	
#sidebar .flash {
	float:left; display:inline;
	height:120px;
	border-left:1px solid #fff;
	border:1px solid #333;
	margin:10px 0px 20px 0px;}
	
#mainareaproj .flash {
	float:right; display:inline;
	height:120px;
	border-left:1px solid #fff;
	border:1px solid #333;
	margin:10px 0px 20px 20px;}
	
#sidebar .flashcont {
	float:left; display:inline;
	height:180px;
	border-left:1px solid #fff;
	border:1px solid #333;
	margin:10px 0px 20px 0px;}
	
#sidebar p.contact {
	font-size:100%;	font-weight:bold;
	color:#333;
	text-transform:none;
	margin-left:10px; }

#sidebar ul{
	clear:both;
	color:#333;
	margin:0px 0px 20px 15px;}

#sidebar ul li{
	font-weight:bold;
	font-size:100%;
	margin:3px 0px 3px 0px;}



/* MAIN AREA ///////////////////////////////////////////////////////////*/

#homepage {
	float:left;  display:inline;
	width:778px;
	margin:10px 0px;}
	
#homepage p {
	font-size:100%;
	color:#333;
	margin:10px 20px 20px 20px;
	line-height:1.3em;}
	
#homepage p:hover {
	color:#000;}
	
#homepage img {
	float:left;  display:inline;
	margin:0px 20px 20px 0px;
	border:1px solid #333;}
	
#homepage .flash {
	float:left; display:inline;
	height:215px; z-index:100; 
	border-left:1px solid #fff;
	border:1px solid #333;
	margin:0px 20px 10px 0px;}
	
#mainarea {
	float:left;  display:inline;
	width:528px;
	margin:0px 15px;}
	
#mainareaform {
	float:left;  display:inline;
	width:548px;
	margin:0px 0px 0px 10px;}
	
#mainareaform p {
	font-size:100%;clear:both;
	color:#333;
	margin:10px 0px 20px 0px;
	line-height:1.3em;}
	
#mainarea p {
	font-size:100%;clear:both;
	color:#333;
	margin:10px 0px 20px 0px;
	line-height:1.3em;}
	
#mainarea p:hover {
	color:#000;}
	
#mainarea ul{
	clear:both;
	color:#333;
	margin:-10px 0px 20px 25px;}

#mainarea ul li{
	font-weight:normal;
	font-size:100%;
	margin:0px;}
	
#mainarea ul li{
	font-weight:normal;
	font-size:100%;
	margin:0px;}
	
#mainarea ul li:hover {
	color:#000;}
	
#mainareaproj ul{
	clear:both;
	color:#333;
	margin:-10px 0px 20px 25px;}

#mainareaproj ul li{
	font-weight:normal;
	font-size:100%;
	margin:0px;}
	
#mainareaproj ul li:hover {
	color:#000;}

#mainarea .listcol {
	float:left;  display:inline;
	width:auto; 
	margin:0px 50px 20px 0px;}
	
#mainarea .listcol ul {
	margin:0px 0px 0px 25px;}
	
#mainareaproj .listcol {
	float:left;  display:inline;
	width:auto;  
	margin:0px 50px 20px 0px;}
	
#mainareaproj .listcol ul {
	margin:0px 0px 0px 25px;}

/* NAVBAR //////////////////////////////////////////////*/
	
#navbar {
	width:770px;
	line-height:2.5em;
	text-align:right;}

#navbar p {
	font-size:110%;
	font-weight:bold;
	text-align:right;
	margin:0px;}	


	
/* FOOTER ////////////////////////////////////////////////////*/
	
#footer {
	clear:both;
	width:770px;
	height:22px;
	line-height:1.7em;
	margin-top:0px;
	border:1px solid #000;}
	
#footer_main {
	float:left;}
	
#footer_latin {
	float:right;}

#footer p {
	font-size:85%;
	font-weight:bold;
	color:#000;
	margin:0px 10px;}
	
img.projects {
	float:right; display:inline;
	border-left:1px solid #fff;
	border:1px solid #333;
	margin:10px 0px 20px 20px;}
	
#mainareaproj {
	float:left;  display:inline;
	width:528px;
	margin:0px 15px;}
	
#mainareaproj p {
	font-size:100%; clear:none;
	color:#333;
	margin:10px 20px 20px 0px;
	line-height:1.3em;}
	
#mainareaproj p:hover {
	color:#000;}
	
#mainareaproj h1 {
	font-size:125%; clear:none;
	color:#333;
	margin:10px 20px 20px 0px;
	line-height:1.3em;}




/* DP DROP MENU */

#dropmenu {
	width:760px; height:0px; 
	margin:0px; position:relative; 
	z-index:10; background:#f90;
	color:#fff; }
	
#dropmenu p {
	margin:2px 5px; line-height:18px;font-size:100%;}
	
#dropmenu_level_1  a:link, #dropmenu_level_1 a:visited, 
#dropmenu_level_2  a:link, #dropmenu_level_2 a:visited {
	color:#fff;
	text-decoration:none;font-size:90%;}
	
#dropmenu_level_1  a:hover, #dropmenu_level_1 a:active, 
#dropmenu_level_2  a:hover, #dropmenu_level_2 a:active {
	color:#C00;
	text-decoration:none;font-size:90%;}
	
#dropmenu_level_1 {
	float:right; display:inline;
	width:10px; background: #444; z-index:30;
	text-align:left; margin:5px;}

#dropmenu_border_1 {
	float:right; display:inline;position:absolute; right:0px;
	width:20px; height:auto; z-index:20; display:none;
	background: url(images/png_75.png) repeat;
	margin:10px 10px 0px 0px;}

#dropmenu_level_2 {
	float:right; display:inline;
	width:10px; z-index:30;
	text-align:left;
	background:#444;
	margin:5px; }

#dropmenu_border_2 {
	float:right; display:inline;position:absolute; right:0px;
	width:20px; height:auto; z-index:20; display:none;
	background: url(images/png_75.png) repeat;
	margin:10px 0px 0px 0px;}




/* NEWS */

.box { float: left; width: 300px; height: auto;  }
#boxContent { border: 1px solid #666; background:#aaa url(images/bgXX.jpg) repeat-x; } 

#boxContent { position: relative; left: -3px; top: -3px; }
#boxContainer { position: relative; background: #666; margin:3px 0px 0px 3px; }