/* CSS Document */

body{
	font-family: Arial,sans-serif;
	line-height: 1.33;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

p {
	font-size: 12px;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	margin-bottom: 5px;
	font-weight: 100;
	padding-top: 3px;
	font: verdana;
	font-style:normal;
}

strong {
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
}


a{
	color: #CCCCCC;
	text-decoration: none;
}

a:link{
	color: #CCCCCC;
	text-decoration: none;
}

a:visited{
	color: #CCCCCC;
	text-decoration: none;
}

a:hover{
	color: #00CCFF;
	text-decoration: none;
	cursor: default;
}

h1 {
	font: verdana;
	font-size: 14px;
	color: #00CCFF;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	line-height: 105%;
	margin-bottom: 10px;
	font-weight: 100;
	font-style:normal;
}


h2{
	font-size: 12px;
	color: #00CCFF;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	margin-bottom: 5px;
	font-weight: 100;
	padding-top: 3px;
	font: verdana;
	font-style:normal;
	}



ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/**********************************************/
/* Classes                                 */
/***********************************************/


img.transparent {
	filter:alpha(opacity=60);
	opacity:.60;
}

img.transparent2 {
	filter:alpha(opacity=85);
	opacity:.85;
}

img.transparent3 {
	filter:alpha(opacity=70);
	opacity:.70;
}

.grey {
color:#999999;
}

.orange{
color: #FF9966;
font-size:110%;
}

.darkblue{
color: #000033;
font-size:110%;
}

.lightblue{
color: #00FFFF;
font-size:110%;
margin-top:25px;
}

.copyright {
font-size: 10px;
text-align: right;
padding-right: 10px;
vertical-align: bottom;
}

.rightalign {
text-align: right;
margin-right: 6px;
}
.centre {
text-align: center;
}

.textmargins {
margin-left: 10px;
margin-right: 10px;
}

.textmargins_cyan {
margin-left: 10px;
margin-right: 10px;
color:#00CCFF;
}

.smallertext {
font-size: 10px;
}


/**********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	height:600px;
	background-image: url(images/condensation_new.jpg);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
}

#masthead{
	padding: 0px 0px 0px 0px;
	width: 800px;
	height:40px;
	position: relative;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #CCCCCC;
	background-color:#999999;
	border-bottom-color:#FFFFFF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

#content {
	width: 800px;
	height: 400px;
	margin-top: 40px;
	position: relative;
	
	}

#text {
	width: 480px;
	position: absolute;
	height: 420px;
	top: 90px;
	left: 40px;
	background-image: url(images/text_back.jpg);
	background-repeat: no-repeat;
	filter:alpha(opacity=90);
	opacity:.90;
}

#text2 {
	width: 480px;
	position: absolute;
	height: 420px;
	top: 90px;
	left: 40px;
	background-image: url(images/text_back.jpg);
	background-repeat: no-repeat;
}

#siteInfo{
	width: 800px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 560px;
	background-color:#999999;
	border-top-color:#FFFFFF;
	border-top-width: 4px;
	border-top-style: solid;
	}
	
	
#top {
	height:22px;
	width:150px;
	position: absolute;
	top: 90px;
	left: 585px;
	cursor:pointer;
	filter:alpha(opacity=90);
	opacity:.90;
	
}

#middle{
	height:22px;
	width:150px;
	position: absolute;
	top: 125px;
	left: 585px;
	cursor:pointer;
	filter:alpha(opacity=80);
	opacity:.80;
	
}

#bottom {
	height:22px;
	width:150px;
	position: absolute;
	top: 160px;
	left: 585px;
	cursor:pointer;
	filter:alpha(opacity=80);
	opacity:.80;
	
}

#btmright {
	height:290px;
	width:230px;
	position: absolute;
	top: 220px;
	left: 545px;
}

#btmright2 {
	height:290px;
	width:230px;
	position: absolute;
	top: 220px;
	left: 545px;
	filter:alpha(opacity=90);
	opacity:.90;
	
}

#btmright3 {
	background-image: url(images/inspire_manu.jpg);
	background-repeat: none;
	height:290px;
	width:230px;
	position: absolute;
	top: 220px;
	left: 545px;
	filter:alpha(opacity=90);
	opacity:.90;
	
}

	
	
/**********************************************/
/*Old Navbar Divs                                 

#home {
height:70px;
width:70px;
position:absolute;
background-position: 0px 0px;
background-image: url(images/home.gif);
background-repeat: no-repeat;
overflow: hidden;
border: solid 1px #333333;
text-align: centre;
display: block; 
filter:alpha(opacity=80);
opacity:.80;
padding: 0;
margin: 0;
top: 20px;
left: 600px;
}

#home a {
height:70px;
width:70px;
border: 0px;
text-indent: -999px;
margin:0;
padding:0;
display: block;
filter:alpha(opacity=80);
opacity:.80;
cursor: pointer;

}

#home a:hover {
height:70px;
width:70px;
position:absolute;
display: block;
background-position: 0px 70px;
background-image: url(images/home.gif);
cursor: pointer;
text-align: centre;
filter:alpha(opacity=80);
opacity:.80;
}

#inspiration {
height:70px;
width:70px;
position:absolute;
background-position: 0px 0px;
background-image: url(images/gallery.gif);
background-repeat: no-repeat;
overflow: hidden;
border: solid 1px #333333;
text-align: centre;
display: block; 
filter:alpha(opacity=80);
opacity:.80;
top: 90px;
left: 0px;
padding: 0;
margin: 0;
top: 100px;
left: 600px;
}

#inspiration a {
height:70px;
width:70px;
border: 0px;
text-indent: -999px;
margin:0;
padding:0;
display: block;
filter:alpha(opacity=80);
opacity:.80;
cursor: pointer;
}

#inspiration a:hover {
height:70px;
width:70px;
position:absolute;
display: block;
background-position: 0px 70px;
background-image: url(images/gallery.gif);
cursor: pointer;
text-align: centre;
filter:alpha(opacity=80);
opacity:.80;
}


#contact {
height:70px;
width:70px;
position:absolute;
background-position: 0px 0px;
background-image: url(images/contact.gif);
background-repeat: no-repeat;
overflow: hidden;
border: solid 1px #333333;
text-align: centre;
display: block; 
filter:alpha(opacity=80);
opacity:.80;
padding: 0;
margin: 0;
top: 180px;
left: 600px;
}

#contact a {
height:70px;
width:70px;
border: 0px;
text-indent: -999px;
margin:0;
padding:0;
display: block;
filter:alpha(opacity=80);
opacity:.80;
cursor: pointer;
}

#contact a:hover {
height:70px;
width:70px;
position:absolute;
display: block;
background-position: 0px 70px;
background-image: url(images/contact.gif);
cursor: pointer;
text-align: centre;
filter:alpha(opacity=80);
opacity:.80;
}


#portfolio {
	width:100px;
	position:absolute;
	left:620px;
	top:38px;
	height:15px;
	border: solid;
	border-width:1px;
	border-color:#999999;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/portfolio.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	border-color: #999;
	overflow:hidden;
}

#portfolio a:hover {
	text-align: center;
	vertical-align: middle;
	background-image:url(images/portfolio.jpg);
	background-position: 0 15px;
	display:block;
	cursor: pointer;
	}
	
#portfolio a {
	display: block;
	height: 15px;
	width: 100px;
	text-indent:-9999px;
	}
													*/
	/***********************************************/