/* Created by emily on 7.3.08 */

* {
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
}

/*----------------------background-----------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Verdana", sans-serif;
	background-color:#666666;
	background-image:
	url('../images/bg.png');
	background-repeat: repeat-x;
}

/*-----------------logo---------------*/


#logo {
	position: absolute;
	left: 60px;
	top: 30px;
	margin: 0px;
	width: 200px;
	height: 180px;
	text-indent: -3000px;
	z-index: 5;
	outline: 0;
	background: transparent url(../images/design-logo.png) left top no-repeat;
}
* html #logo {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/design-logo.png",sizingMethod="scale"); 
}
#logo a {
	display: block;
	width: 200px;
	height: 120px;
}



/* --------------- banner and title --------------*/


#banner {
	position: absolute;
	display: block;
	background-repeat: repeat-x;
	background-position: 0px 120px;
	height: 70px;
	margin: 0;
	background-attachment:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 135px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 275px;
	background-image: url(../images/header.gif);
	width: 1200px;
}


/* --------------- top navigation --------------*/

#topnav1 {
	position: absolute;
	left: 275px;
	top: 3px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}	

#topnav2 {
	position: absolute;
	left: 375px;
	top: 3px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: url(../images/dottedline.png)  left no-repeat;
}
#topnav3 {
	position: absolute;
	left: 475px;
	top: 3px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: url(../images/dottedline.png)  left no-repeat;
}
p	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	line-height: 20px;
	list-style-position: outside;

}

a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #FFFFFF;
}
a:link {
	color: #CCCCCC;
}
a:active {
	color: #993333;
}
/* --------------- side navigation --------------*/


#sidenav {
	position: absolute;
	left: 60px;
	top: 215px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background:url(../images/dottedlineMAIN.png) right no-repeat;
}

p sidenav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	line-height: 20px;
	text-indent: 4px;
}

h1 {
	font-size: 10px;
	line-height: 25px;
	color: #CCCCCC;
	text-decoration: none;
	background-color: #669999;
	background-repeat: repeat-x;
	text-indent: 4px;
}

a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #CC6633;
}

	
/* --------------- main content window --------------*/

#main {
	position: absolute;
	left: 210px;
	top: 215px;
	width:500px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background:url(../images/dottedlineMAIN.png) right top no-repeat;
	border:none;
}
p main {
	position: absolute;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	left: 210px;
	top: 510;
	list-style-position: outside;
	list-style-type: square;
}

/* --------------- right content--------------*/

#right {
	position: absolute;
	left: 750px;
	top: 215px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-decoration: none;
	border:"none"

}
p main {
	position: absolute;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	left: 210px;
	top: 520;
	border:"none"
}

	
/* --------------- footer --------------*/

#footer {
	position: bottom;
	display: block;
	background-repeat: repeat-x;
	background-position: 0px bottom;
	height: 500px;
	background-attachment:relative;
	width: 30000px;
	top: 650px;
	vertical-align: middle;
	text-color: #CCCCCC;
	text-decoration: none;
	background-image: url(../images/footer.png);
	}
	
.footer {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
	display: block;
	color: #CCCCCC;
	text-decoration: none;
	position: relative;
	margin-right: 300px;
	margin-left: 300px;
	top: 680px;
}