@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}

* html #wrap {
	height:100%
}


body {
	background:url(../images/bg.gif);
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

body a {
	color:#00aef0;
	text-decoration:none;
}

body a:hover {
	color:#333333;
	text-decoration:underline;
}

body p {
	margin:0 0 15px 0;
}

body small {
	font-size:10px;
	color:#999999;
}

body h1 {
	background:url(../images/welcome.gif) no-repeat;
	width:195px;
	height:297px;
	display:block;
	text-indent:-9999px;
	margin:0 0 20px 0;
	padding:0;
}

body h2 {
	margin:0 0 5px 0;
	padding:0;
	font-size:16px;
	clear:both;
}

body h3 {
	background: url(../images/news.png);
	width:107px;
	height:10px;
	text-indent:-9999px;
	display:block;
	margin:0 0 5px 0;
	padding:0;
}

#wrap {
	background: url(../images/flower.png);
	width:435px;
	margin:0 auto;
	min-height: 100%;
	padding:0 0 0 185px;
}

.white {
	width:210px;
	background:#FFFFFF;
	padding:50px 20px;
	min-height: 100%;
	float:left;
}

.white ul {
	margin:0 0 15px 0;
	padding:0 0 0 15px;
	list-style:disc;
}

.sales {
	background:url(../images/sales.png);
	width:70px;
	height:53px;
	margin:-5px 0 0 -72px;
	position:absolute;
}

.webdesign {
	background: url(../images/webdesign.png);
	width:80px;
	height:54px;
	margin:0 0 0 -80px;
	position:absolute;
}

.logodesign {
	background: url(../images/logodesign.png);
	width:80px;
	height:54px;
	margin:165px 0 0 -80px;
	position:absolute;
}

.line {
	border-bottom:1px dashed #666666;
	clear:both;
}


.logo {
	background:url(../images/logo.png) no-repeat;
	width:137px;
	height:64px;
	display:block;
	text-indent:-9999px;
	margin:20px 0 0 10px;
}

.navi {
	float:left;
	width:185px;
	margin:50px 0 0 0;
}

.navi ul {
	padding:0;
	margin:0;
	list-style:none;
}

.navi li {
	margin:0 0 1px 0;
}

.home a {
	background:url(../images/button-home.gif) no-repeat;
	width:55px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.home a:hover, .homeselected {
	background:url(../images/button-home-r.gif) no-repeat;
	width:55px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.services a {
	background: url(../images/button-services.gif) no-repeat;
	width:78px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.services a:hover, .servicesselected {
	background:url(../images/button-services-r.gif) no-repeat;
	width:78px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.portfolio a {
	background: url(../images/button-portfolio.gif) no-repeat;
	width:87px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.portfolio a:hover, .portfolioselected {
	background:url(../images/button-portfolio-r.gif) no-repeat;
	width:87px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.contact a {
	background: url(../images/button-contact.gif) no-repeat;
	width:95px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.contact a:hover, .contactselected {
	background:url(../images/button-contact-r.gif) no-repeat;
	width:95px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.form {
	width:204px;
	margin:2px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #999999;
	padding:3px;
	border:none;
}

.submit {
	margin:0 0 10px 0;
}

.works {
	margin:10px 0 0 0;
}

.works ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

.works li {
	float:left;
	padding:0 7px 7px 0;
}

.works img {
	border:none;
}

.newsbar {
	background:url(../images/newsbar.gif) repeat-y;
	width:210px;
	padding:10px 20px;
	margin:0 0 15px -20px;
	color:#FFFFFF;
}

.newsbar span {
	color:#b9d5d5;
}

.newsbar ul {
	margin:0;
	padding:0;
}

.newsbar li {
	list-style:none;
}

.newsbar a {
	color:#b9d5d5;
	text-decoration:none;
	font-weight:bold;
}

.newsbar a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.button {
	padding:10px 0 0 0;
}

.line {
	width:210px;
	float:left;
	border-bottom:#333333 solid 2px;
	margin:0 0 15px 0;
}