/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for Instant Creation #1
Created by:	Lorraine Humm lorraine@divine-creations.com
((List browsers test details here))
© Divine-Creations.Com Limited 2007			
================================================================
*/



body {
	font: 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0px;
	}
	
/*-- TEXT CLASSES --*/
	
p	{
	margin: 5px 0 5px 0;
	}
	
ul, ol {
	margin: 5px;
	}

h1 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0;
	color: #127fd6;
	}
	
h2 {font-size: 110%; font-weight: bold; margin: 0; padding: 0;}
h3 {font-size: 100%; font-weight: normal; margin: 0 0 10px 0; padding: 0;}
h4 {font-size: 100%; font-weight: bold; margin: 0;  }

	
/*-- PARENT POSITIONING DIV --*/

.container {
	width: 900px;
	margin: auto;
	background-color:#FFFFFF;
	}
	
/*-- LOGO AREA --*/
	
.mast {
	width: 100%;
	height: 110px;
	background: url(../images/structure/bg_mast.gif) repeat top left;
	margin: auto;
	}
	
.mastAlign {
	width: 900px;
	margin: auto;
	}
	
.mastLeft {
	float: left;
	}
	
.mastRight {
	float: right;
	
	}


/*-- COPY COLUMNS --*/

.content {
	float:left;
	width: 900px;
	margin-top: 20px;
	}
	
.left {
	width: 550px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.right {
	width: 312px;
	float: right;
	margin: 0;
	padding: 0;
	}
	
.left div, .right div {padding: 0 10px 10px 0px; float: left;}
	
/*-- FOOTER --*/
	
.footer {
	clear: both;
	width: 100%;
	height: 32px;
	background: url(../images/structure/bg_footer.gif) repeat-x top left;
	line-height: 35px;
	}
	
.footer div {
	width: 895px;
	padding-left: 5px;
	margin: auto;
	color: #fff;
	}

.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color: #fff;
	text-decoration: none;
	}
	
.footer a:hover {
	color: #fff;
	text-decoration:underline;
	}
	

/*links*/

a, a:link, a:active, a:visited {
	color: ;
	}
a:hover {color: ;}

html { height: 100%; margin-bottom: 1px; }

.clear {clear: both;}

.photo {
	border: 5px solid #ccc;
	padding: 1px;
	}