html {
	background: url(img/bground.gif) repeat-x #6b7e96;
}

#all {
	width:780px;
	margin:0 auto;
	font:normal normal normal 14px/20px Arial, Helvetica, sans-serif;
	color:#666666;
}

a {
	color:#333333;
}

.sites h3{
	padding-top: 5px
}

#header {
	height:120px;
}

#header h1 {
	margin-top:20px;
	display:block;
	width:440px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	background: url('../images/logo.png') left center no-repeat;
}

#header p {
	float:right;
	position:relative;
	top:-80px;
	font:italic normal normal 18px/20px Georgia, serif;
	color:#999999;
	text-align:right;
}

ul#menu li {
	font:normal normal normal 14px/20px Arial, Helvetica, sans-serif;
	display:inline;
	padding:10px 10px;
	cursor:pointer;
	color:#8da7c5;
	position:relative;
}

ul#menu li.jFlowSelected {
	border:1px solid #ffffff;
	background: #ffffff url('../images/list-background.jpg') center center repeat-x;
}

ul#menu li em {
	background: url(img/bubble.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -60px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}


#works {
	margin-top:8px;
	padding:20px;
	background:#ffffff;
}

#works div h2 {
	padding:10px 0;
	font-size:1.6em;
	color:#8da7c5;
}
#works h3 a{font-size:1.2em; color:#6b7d94; text-decoration:none}
#works h3 a:hover{ text-decoration:underline}

#works div p { margin-bottom:10px}

#works div.container {width:740px;}
#works div.sites {
			width:100%;
			background-color:#dbe1e9;
			margin-bottom:10px;
			}
#works div.container img {margin:0 10px 0 0; float:left;}

#works .container ul { float:left}

#works .container li {
	background: transparent no-repeat url(img/object_07.png);
	padding-left:20px;
}

#works .container li.first{background:none}

#footer {
	display:block;
	width:780px;
	height:80px;
}

#footer p {
	padding-top:20px;
	color:#fff;
}

.left{float:left}
.clearall {clear:both}
.white_text{color:#FFFFFF}

/**  Form **/

form {
	padding: 5px;
}
#formwrapper {
	width: 300px;
}
label {
display:block
}
form label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
textarea {	border: 1px solid black; }
textarea:focus, input:focus { border: 1px dotted black; }
textarea.error, input.error { border: 1px dotted red; }
form .gray * { color: gray; }
p {margin:0 0 0 4px}

input.submitblue {background-color:#6b7d94; border: 1px solid #8da7c5; color:#fff;}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}