﻿body, div, ul, li, h1, h2, h3, h4, h5, h6, form, textarea, p, td {
	margin:0pt;
	padding:0pt;
	font-family: Verdana;
	font-size:10px;
}

a {color:#FFFFFF; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:0; display:inline;}

.red-text {
	color: #FF0000; 
	font-style: italic; 
}

#wrapper {
	position:relative;
	left:0px;
	top:0px;
	width:830px;
	height:580px;
	display: block;
	color:#fff;
}

#di-topleft {
	width:188px;
	height:179px;
	background: url(images/di-topleft.jpg);
	float: left;
}

#line-horz {
	float: left;
	width:351px;
	height:100px;
	background:url(images/line-horz.jpg);
}

#di-logo {
	float: left;
	width:247px;
	height:100px;
	background:url(images/di-logo.jpg);
}

#di-big {
	position:relative;
	width:186px;
	height:289px;
	float:left;
	background: url(images/di-big.jpg);
}

#right-side {
	float: right;
	width:43px;
	height:415px;
	background:url(images/right-side.jpg);
}

#menu-left {
	float: right;
	width:83px;
	height:26px;
	background:url(images/menu-left.jpg);
}

#home  img{
	float: right;
	width:54px;
	height:26px;
	background:url(images/home.jpg) no-repeat;
}

#home:hover img{
	float: right;
	width:54px;
	height:26px;
	background:url(images/home-over.jpg) no-repeat;
}

#profile {
	float: right;
	width:58px;
	height:26px;
	background:url(images/profile.jpg) no-repeat;
}

#profile:hover {
	float: right;
	width:58px;
	height:26px;
	background:url(images/profile-over.jpg) no-repeat;
}

#airbrushing {
	float: right;
	width:100px;
	height:26px;
	background:url(images/airbrushing.jpg) no-repeat;
}

#airbrushing:hover {
	float: right;
	width:100px;
	height:26px;
	background:url(images/airbrushing-over.jpg) no-repeat;
}

#photographs {
	float: right;
	width:94px;
	height:26px;
	background:url(images/photographs.jpg) no-repeat;
}

#photographs:hover {
	float: right;
	width:94px;
	height:26px;
	background:url(images/photographs-over.jpg) no-repeat;
}

#projects {
	float: right;
	width:76px;
	height:26px;
	background:url(images/projects.jpg) no-repeat;
}

#projects:hover {
	float: right;
	width:76px;
	height:26px;
	background:url(images/projects-over.jpg) no-repeat;
}

#shop {
	float: right;
	width:49px;
	height:26px;
	background:url(images/shop.jpg) no-repeat;
}

#shop:hover {
	float: right;
	width:49px;
	height:26px;
	background:url(images/shop-over.jpg) no-repeat;
}

#contact {
	float: right;
	width:81px;
	height:26px;
	background:url(images/contact.jpg) no-repeat;
}

#contact:hover {
	float: right;
	width:81px;
	height:26px;
	background:url(images/contact-over.jpg) no-repeat;
}

#line-vert {
	float: right;
	width:4px;
	height:315px;
	background:url(images/line-vert.jpg);
}

#contentWrapper {
	position:absolute;
	left:190px;
	top:119px;
	width:590px;
	height:320px;
	overflow: auto;
}

#smoke-left {
	position:absolute;
	left:0px;
	top:179px;
	width:188px;
	height:401px;
	background:url(images/smoke-left.jpg);
}

#smoke-bottom {
	position:absolute;
	left:188px;
	top:415px;
	width:311px;
	height:165px;
	background:url(images/smoke-bottom.jpg);
}

#airbrush {
	position:absolute;
	left:499px;
	top:415px;
	width:330px;
	height:165px;
	background:url(images/airbrush.jpg);
}

#splash-home {
	position:absolute;
	top:25px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-home.jpg) top left no-repeat;
}

#splash-vision {
	position:absolute;
	top:175px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-vision.jpg) top left no-repeat;
}

#splash-profile {
	position:absolute;
	top:25px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-profile.jpg) top left no-repeat;
}

#splash-photographs {
	position:absolute;
	top:25px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-photographs.jpg) top left no-repeat;
}

#splash-projects {
	position:absolute;
	top:25px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-projects.jpg) top left no-repeat;
}

#splash-shop {
	position:absolute;
	top:25px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-shop.jpg) top left no-repeat;
}

#splash-contact {
	position:absolute;
	top:25px;
	left: 165px;
	width:144px;
	height:35px;
	background:url(images/splash-contact.jpg) top left no-repeat;
}

#splash-send {
	position:absolute;
	width:144px;
	height:35px;
	left: 120px;
	top: 219px;
}

input.submit {
	position:absolute;
	width:144px;
	height:35px;
	border:0;
	cursor:pointer;
	background:url(images/splash-send.jpg) top left no-repeat;
}

#content-gen{
	position:absolute;
	top: 62px;
	left:195px;
	width: 385px;
	margin: 0;
	padding: 0;
	height: 229px;
}

#content-vision{
	position:absolute;
	top: 211px;
	left:195px;
	width: 385px;
	margin: 0;
	padding: 0;
	height: 70px;
}

#content-contact{
	position:absolute;
	top: 61px;
	left:195px;
	width: 387px;
	margin: 0;
	padding: 0;
	height: 106px;
}

#contact-info1{
	position:absolute;
	width: 81px;
	margin: 0;
	padding: 0;
	left: 0;
	top: 110px;
}

#contact-info2{
	position:absolute;
	width: 250px;
	margin: 0;
	padding: 0;
	left: 91px;
	top: 110px;
}

#form-email{
	position:absolute;
	top: 35px;
	left: 175px;
	width: 120px;
	margin: 0;
	padding: 0;
	height: 107px;
}

#form-email-input{
	position:absolute;
	top: 31px;
	left:300px;
	width: 270px;
	margin: 0;
	padding: 0;
	height: 253px;
}
