/* 

STYLE SHEET FOR [fengshui] WEB SITE
Created by Name Surname
www.domain.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



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

* {
	margin: 0;
	padding: 5;
		}

body {
	font-family:Tahoma, Verdana, sans-serif;
	font-size:0.7em;
	background-color:#000000;
		}
		
/*  --------- 2. structure  --------- */

#outerwrap {
	margin:0 auto;
	/*margin-top:34px;*/
	width:920px;
	background-color:#000000;
	background:url(../images/bg_shadows.png) repeat-y;
		}
#outerwrapend {
	padding: 5px;
	margin:0 auto;
	display:block;
	height:12px;
	background:url(../images/bg_shadows_bottom.gif) no-repeat top;
	width: 820px;
		}		
#wrapper {
	margin:0 auto;
	width:900px;
	background:#000000;
}

	
span.highlight{
	color:#33CCFF;
	}
	
span.highlight1{
	color:#CCCCCC;
	}	
	
.category{
	max-width:780px;
	display:inline;
	float: left;
	padding-bottom: 56px;
	}
#masthead {
	background-image:url(../images/header.jpg);
	margin: 0 auto;
	padding: 0;
	width:800px;
	height:250px;
	}
#logo{
	float:left;
	}
	
.rule{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	clear:both;
	}
		
#strap {
	margin:0;
	padding:0;
	margin-bottom:0px;
}	
#strap p{
	margin:1px;
	line-height: 22px;
	background: url(../images/title.gif) no-repeat;
	padding-bottom: 5px;
}
#logo {
	margin:0;
	padding:0;
}	

#banner {
	display:block;
	margin:2px;
	padding:1px;
	height:130px;
	width: 780px;
}

#banner img {
	float:left;
	}
	
#banner ul{
	list-style:none;
	float: right;
	position: relative;
	top: 100px;
	}

.hiddenTxt{
	text-indent:-9999px;	
}	
		
#navContainer {
	margin:0 auto;
	width:650px;
	float: left;
	padding-top: 5px;
		}
		
#intro{
	margin: 0;
	padding: 0;
	width:630px;
	float: left;
	margin-top: 10px;
	clear: both;
	}
	
#intro img{
	float:left;
	padding-right: 20px;
	padding-left: 10px;
	}
	
#intro p{
	padding-left: 10px;
	text-align: left;
	padding-bottom: 10px;
	color: #FFFFFF;
	}
	
#sunny {
	width:175px;
	float: right;
	padding-right: 15px;
	text-align:right;
}

#sunny img{


	}
#sunny p{
	padding-left: 5px;
	font-size: 10px;
}


#content {
	clear:both;
	position: relative;
	margin:0;
	padding:10px;
	width:780px;
	min-height: 300px;
}
#col1{
	padding:0;
	width: 780px;
	max-width: 800px;
	padding-top: 20px;
	margin: 0 auto;
	min-width: 740px;
}
#desc{
	float:left;
	clear: both;
	padding-left: 5px;
}

#desc a{
	color:#666666;
	}
	
#desc a:hover{
	color:#ffffff;
	background-color:#33CCFF;
	}

	

	
.heading{
	background:url(../images/home_main_articles_heading.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	padding-bottom: 5px;
}


#col3{
	float:left;
	margin:10px;
	padding:5px;
	width: 220px;
	background-color:#d8c9aa;
	display: block;
}

#info{
	width: 650px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
#info p{
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	}
#info p a{
	color:#666666;
}
#info img{
	float:left;
	padding-right: 20px;
	}
	
.projectHeading{
	background:url(../images/home_projects_heading.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	padding-bottom: 5px;
}
.project{

}

.project img{
	float:none;
	padding: 5px;
	text-align: center;

}

.project p{
clear: left;
	font-size: 0.8em;
	font-weight: 420;
	padding-bottom: 3px;
}
.projectDate{
	float:left;
	color:#FF6600;
	font-size: 0.8em;

}
.projectTitle{
	width: 80px;
	float:left;
	color: #000000;
	font-weight: 800;
	font-size: 0.9em;
}
.projectIcon{

}
.projectRightCol{

}


.projectRightCol img{
float:left;
padding: 5px;

}
.projectLink{
color:#ffffff;
	font-size: 0.9em;
	font-style: italic;
	text-decoration: underline;
}

.projectLink2{
color:#ffffff;
	font-size: 0.8em;
	width:50px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}


#footer {
	margin:0 auto;
	padding:0;
	margin-top:25px;
	text-align:center;
	width: 800px;
	clear: both;
}
#footer p{
	margin:0;
	padding:0;
	padding-bottom: 35px;
	padding-top: 45px;
	line-height:1em;
	font-size:0.7em;
}
.separator {
		
		text-align:center;
		}
		
.seperator1 {
text-align:center;
padding-top: 10px;

		}
		

hr {
	margin:10px;
	padding: 0px;
}


.img-wrapper {
 float: left;
 padding: 0px;
 margin: 0px;
 display:inline;
 max-height: 180px;
}

.img-outer {
	float: left;
	margin: 5px;
 /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
	/*background:url(../images/image_box_top.gif) no-repeat top right;*/
  padding: 3px;
	padding-top:5px;
	float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
	padding-top:0px;
}
/* ---------- 3. links and navigation ---------- */
a{
	color:#999999;
	}
	
 a:hover{
	color:#ffffff;
	background-color:#66CCFF;
	}


#navContainer {
		}

#navContainer a {
	display:inline;
	width:100px;
	height:33px;
	overflow:hidden;
	margin-left: 10px;
		}

#navContainer ul {
	list-style-type:none;
	height:33px;
	margin:0;
		}
/*add r to reactivate div*/
#navContainer li {
	display:inline;
	padding:0;
	margin:0;
	padding-bottom: 5px;
	float: left;
		}
		
#navContainer li#home{
	float:right;
	}


#navContainer li#otherwork{
	float:right;
	}


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

h1, h2, h3, h4, p, ul {
		}

h1 {
		}

h2 {
	color:#CC3333;
		}

h3 {font-style: normal;
	color: #ffffff;
	font-weight:500; /*heavier font*/
	font-family: Verdana, Arial, Helvetica, sans-serif, " x-small Lucida Sans";
		}
		
h4 {
font-size:18px;
text-decoration: none; 
	font-style: normal;
	font-weight:normal;
	color: #666666;
	font-family:"Georgia", Times New Roman, Times, serif
		}
		
h5 {
	text-decoration: none;
	font-style: normal;
	color: #ffffff;
	font-weight: 430;
	font-family: Verdana, Arial, Helvetica, sans-serif, "x-small Lucida Sans";
}

p {
	color:#CCCCCC;
		}

ul {
	list-style-type: none;
	padding: 5px;
		}

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

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centering bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}