/* 

STYLE SHEET FOR THE CREATIVE MEDIA HEROES WEB SITE
Created by CreativeMediaHeroes
www.creativemediaheroes.co.uk

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	margin-top: 0;
	font: 11px/22px Georgia, serif;
	color: #666666;
	background-color: #C9D7A6;
	background-image: url(../images/bground-strip.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
		
/*  --------- 2. structure  --------- */

#wrapper {
	width:850px;
	margin: 0 auto 0 auto;
}
				
#area {
	width: 850px;
	background-color: #FAFBF6;
	border: 1px solid #999900;
	border-top: 0;
	}

#topstrip {
	height: 45px;
	width: 850px;
	background-color: #FAFBF6;
	background-image:url(../images/cmh-top.gif);
	background-position:right;
	border: 1px;
	background-repeat: no-repeat;
	}

.titlepic {
	background-color: white;
	height: 220px;
	background-image: url(../images/header-images/idea-words.jpg);
	border-top: 1px solid #47292B;
	background-repeat: no-repeat;
	}
	
#contentwrapper {
	width: 100%;
	height: auto;
	background-color: #FAFBF6;
	background-image: url(../images/bground-strip.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.leftcol {
	float: left;
	width: 170px;
	padding: 10px;
	/*background-color: #362C23;*/
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
} 

.midcol {
	float: left;
	height: 100%;
	width: 440px;
	left: 190px;
	padding: 10px;
	/*background-color: #FAFBF6;*/
	} 

.rightcol {
	float: left;
	height: 100%;
	width: 178px;
	padding: 10px;
	/*background-color: #807D38;*/
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	} 

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a {color: #99022F;
	text-decoration: none;
	font-weight: bold;
	}
		
a:hover {
	color:#666600;
	text-decoration: underline;
}

/*a.nav1 {
	width: 850px;
}*/


/* menu1 rollover */

#navbar {
	background-color: #990000;
	border-top: 1px solid #47292B;
	}

.nav1{
	font: bold 10px Verdana;
	height: 52px;
	line-height: 52px;
	margin: 0;
	}

.nav1 li{
	display:inline;
	list-style-type: none;
}

.nav1 li a{
	float: left;
	color: #FFF;
	padding: 0 15px 0 15px;
	/*display: block;*/
	text-decoration: none;
	border-right: 1px ridge black;
}

.nav1 li a:hover{
	color: white;
	background-color: #726F34;
}




.footermenu{
	float: left;
	margin: 0;
	padding: 0;
	font: bold 10px/20px Verdana;
	width: 850px;
	list-style-type: none;
}

.footermenu li a{
	color: #999;
	text-decoration: none;
	margin-top: 5px;
}

.footermenu li a:visited{
	color: #333;
}

.footermenu li a:hover, .footermenu li .current{
	color: #666;
}



/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}


h1, h2, h3, h4, p, ul {font-family: Verdana, sans-serif;
		}

h1 {color: #433D1B;
font-size: 14px;
		}

h2 {font-size: 12px;
	font-weight: bold;
		}

h3 {
		}
		
h4 {
		}

p {line-height: 12px;
		}

ul {
		}


/* ---------- 5. images ---------- */

a img {
	border: none;
	clear: both;
}
	
.thumbs {
	border: 1px solid #CCC;
	margin-bottom: 20px;
	clear: both;
	}
		
/* ---------- 6. tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
form {
		}
p {
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}
.border {
	border: 1px solid #333333;
}


/* ------ Round Corner boxes ------ */	
		
#sidebar {
width: 310px;
}


.box {
width: 170px;
/*background: url(../images/box/top-box-bs.jpg) no-repeat;*/
background-color: #fff;
border: 0, 1px 0, 1px solid #999;
padding: 9px;
}


.box:before {
content: url (../images/box/top-box-bs.jpg);
display: block;
line-height: 0.1;
margin: -10px -10px -22px -10px;
}


.box:after {
clear: both;
content: url(../images/box/box-btm.jpg);
display: block;
line-height: 0.1;
margin: 0 -10px -10px -10px;
}


.box h2 {
margin-top: 0;
}

.bs {
background: url(../images/box/top-box-bs.jpg) no-repeat;
}
.pro {
background: url(../images/box/top-box-pro.jpg) no-repeat;
}
.pre {
background: url(../images/box/top-box-pre.jpg) no-repeat;
}