@import url(base.css);


/* COMMON
================================================= */


body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	background:rgb(235,235,230) url(../images/rough.png) repeat-x top left;
	font-size:14px;
	line-height:20px;
	color:rgb(150,150,130);
}

a:link,
a:visited {
	text-decoration:none;
	color:rgb(0,102,255);
}

a:hover,
a:active {
	text-decoration:underline;
	color:rgb(0,102,255);
}

img {
	border:none;
}

object {
	display:block;
}

h2, h3, h4, h5, h6 {
	font-family: "sommet-rounded-1","sommet-rounded-2",sans-serif;
	padding:0 20px;
	margin:40px 0 0 0;
	font-weight:normal;
	color:rgb(120,120,100);
}

h2 {
	font-size:28px;
	line-height:40px;
}

h3 {
	font-size:28px;
	line-height:40px;
}

p {
	padding:0 20px;
	margin:0 0 10px 0;
}

ul {
	padding:0 20px;
	margin:0 0 20px 20px;
}

strong {
	font-weight:bold;
	color:rgb(120,120,100);
}

form {
	padding:40px 20px 20px 20px;
}

form label {
	display: block;
	font-size: 18px;
	line-height:40px;
	color:rgb(120,120,100);
	margin:0;
}

form input#name,
form input#hyjddr-hyjddr {
	border-radius:3px;
	border:1px solid rgb(225,225,220);
	font-size:14px;
	line-height:20px;
	color:rgb(150,150,130);
	padding:3px;
	margin:0;
}

form input#send-it {
	margin:15px 0 0 0;
}


/* STRUCTURE
================================================= */


#wrap {
	width:940px;
	text-align:left;
	margin:30px auto 0 auto;
}

#wrap-inner {
	float:left;
	padding:20px;
	background:rgb(255,255,255) url(../images/chart.png) no-repeat 45px 310px;
}

#wrap-inner-error {
	float:left;
	padding:20px;
	background:rgb(255,255,255);
}

.container {
	margin:0 auto;
	width:960px;
	text-align:left;
}

.column-full {
	float:left;
	width:100%;
	clear:both;
}

article {
	float:left;
	width:450px;
}

#contact section {
	float:left;
	width:450px;
}


/* STYLE
================================================= */


header {
	border-bottom:1px solid rgb(225,225,220);
}

header section.title {
	float: left;
	padding:20px 0 0 20px;
}

header section.title h1 {
	width:100px;
	height:83px;
	position:relative;
}

header section.title h1 span {
	background:url(../images/wurkit.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}

header section.owner {
	background:url(../images/dan.png) no-repeat right;
	text-align:right;
	float: right;
	padding:0 0 0 0;
	margin: 0 30px 20px 0;
}

header section.owner ul {
	list-style:none;
	margin:0;
	padding:0 70px 30px 0;
}

header section.owner p {
	margin:0;
	padding:30px 70px 0 0;
}

#description h2 {
	font-size:48px;
	line-height:60px;
}

#description .general {
	border-bottom:1px solid rgb(225,225,220);
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.8);
	padding:0 0 30px 0;
}

#description .specific {
	border-bottom:1px solid rgb(225,225,220);
	padding:40px 0 30px 0;
}

#description .specific p {
	padding-left:470px;
}

#description strong.orange { color:rgb(255,155,0); }
#description strong.green { color:rgb(30,205,10); }
#description strong.purple { color:rgb(155,0,255); }
#description strong.red { color:rgb(255,5,0); }

#design-thoughts {
	border-bottom:1px solid rgb(225,225,220);
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.8);
	padding:0 0 40px 0;
}

#contact {
	border-bottom:1px solid rgb(225,225,220);
	padding:0 0 30px 0;
}

article .video {
	padding:0 20px;
}

#promotion p.ala {
	background:url(../images/ala.png) no-repeat left;
	margin: 20px 0 0 20px;
	padding: 10px 0 10px 40px;
}

#promotion p.drawar {
	background:url(../images/drawar.png) no-repeat left;
	margin: 0 0 10px 20px;
	padding: 10px 0 10px 40px;
}

footer {
	text-align:center;
	padding: 30px 0;
	color:rgb(150,150,140);
	font-size:12px;
}