*{ margin: 0; padding: 0; }* 
body {
	font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.64em;
	color: #444;
	background-color: #bababa;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a { color: #299DCA;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
.blue { color: #299DCA; }
.white { color: #fff; }
p { margin: 0 0 15px 0; }
h1 {
	font-family: Georgia, Arial, Sans-Serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
#content {
	width: 920px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#logo { float: left; border-bottom: 5px solid #7DD0F1; height: 58px; width: 330px; }
#logopic {
	height: 175px;
	width: 300px;
	position: relative;
	left: 580px;
	z-index: 10;
	top: -50px;
}
#logopic2 {
	height: 100px;
	width: 200px;
	position: absolute;
	z-index: 10;
	float: left;
	clear: left;
	margin-left: 50px;
}
#logopic img {
}
#menu { float: right; width: 584px; padding: 10px 0; margin: 19px 0 5px; border-bottom: 5px solid #e0e0e0; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a {
	color: #808080;
	border-left: 1px solid #e0e0e0;
	background-color: #fff;
	background-image: url(../images/menuarrow.jpg);
	background-repeat: no-repeat;
	background-position: 3px 23px;
	margin-top: 0;
	margin-right: 23px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 10px;
}
#menu li a:hover { color: #000; border-left: 1px solid #7DD0F1; }
#intro {
	clear: both;
	color: #333;
	height: 215px;
	background-color: #ccc;
	background-image: url(../images/head-imagination.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
	#intro h1 {
	background: #666666 url(../images/h1bg.jpg) repeat-x bottom;
	display: inline;
	color: #7DD0F1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 500;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
	#intro p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#introweb {
	clear: both;
	color: #333;
	height: 215px;
	background-color: #ccc;
	background-image: url(../images/head-alone.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
	#introweb h1 { margin: 0; background: #666666 url(../images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#introweb p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#introport {
	clear: both;
	color: #333;
	height: 215px;
	background-color: #ccc;
	background-image: url(../images/portfolio.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
	#introport h1 { margin: 0; background: #666666 url(../images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#introport p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#introabout {
	clear: both;
	color: #333;
	height: 215px;
	background-color: #ccc;
	background-image: url(../images/head-meet.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
	#introabout h1 { margin: 0; background: #666666 url(../images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#introabout p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#introprice {
	clear: both;
	color: #333;
	height: 215px;
	background-color: #ccc;
	background-image: url(../images/head-stare.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
	#introprice h1 { margin: 0; background: #666666 url(../images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#introprice p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#introcont {
	clear: both;
	color: #333;
	height: 215px;
	background-color: #ccc;
	background-image: url(../images/head-jump.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
	#introcont h1 { margin: 0; background: #666666 url(../images/h1bg.jpg) repeat-x bottom; display: inline;  color: #7DD0F1; padding: 2px 5px; }
	#introcont p { margin: 0; color: #808080; font-weight: bold; font-size: .9em; }
	
	#login { font-size: .9em; margin: 45px 0 0; }
	#login a { color: #616161; background: #8BE1FA; padding: 4px 20px 6px; border-bottom: 1px solid #616161; }
	#login a:hover { color: #fff; background: #8BE1FA url(images/loginhover.gif) no-repeat; }
#left {
	clear: left;
	float: left;
	width: 535px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 34px;
	padding-bottom: 0;
	padding-left: 15px;
}
	#left img { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 15px 5px 0;}
	#left ul {
	padding-left: 30px;
	margin-top: -10px;
	margin-bottom: -20px;
}
	#left li {
	margin-bottom: -5px;
}
	#articles { margin: 40px 0 0 0; }
	#articles li  {
	border-top: 1px solid #cecece;
	list-style: none;
	float: left;
	width: 240px;
	background: #eee url(../images/newslist.jpg) repeat-x bottom;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
		#articles li a { background: url(../images/menuarrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px; }
		#articles li.last { margin: 0; }
#right { position: relative; top: -80px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: .9em; background: #fff; }
#right ul{
	padding-left: 25px;
}
#right li{
	border-bottom-color: #38A4CE;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	width: 150px;
	padding-left: 0px;
	list-style-type: none;
}
	#right img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left a { background: #EFFCFF; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
#footer {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 5px;
	font-size: .9em;
	color: #9b9b9b;
	background-color: #9b9b9b;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
	#footer a { color: #9b9b9b; background: #fff; font-weight: bold; }
	.right{ float: right; padding: 7px 0 0 15px; }
