body { font-family:Arial, Helvetica, sans-serif; font-size:65%; color:#333; margin:0; padding:0; }

a, a:hover, img { text-decoration:none; color:#03F; border:none; outline:0; }

#wrapper { width:1024px; margin:0 auto; text-align:center; }

#header { float:left; width:100%; margin-top:14px; }
#header h1 { font-size:1.5em; float:left; margin:30px 0 0 50px; padding:0; }
#logo { float:left; }

#navigation { float:left; width:100%; }
#navigation ul { margin:0; padding:0; list-style-type:none; }
#navigation ul li { float:left; }

#content { clear:left; text-align:left; padding:10px 20px; font-size:1.2em; }

#colourChosen { float:left; margin:4px 0 0 5px; background:#cde6fd; width:26px; height:26px; border:1px #333 solid; }
.showScreenshots { font-size:0.9em; float:left; margin:10px 0 0 10px; }

#scrollThrough { float:left; width:100%; }
.exampleSharebars { width:100%; text-align:center; cursor:pointer; }
.exampleSharebars h3 { color:#06F; margin:3px 0; padding:0; }

#exampleSites { float:left; width:100%; margin-bottom:40px; }
#exampleSites a { float:left; margin:20px 25px; border:1px #e7e7e7 solid; }

#feedbackLink { float:right; margin-top:20px; margin-right:20px; }
#feedbackLink h3 { float:left; text-decoration:underline; color:#06F; margin-top:16px; }
#feedbackLink p { float:left; color:#06F; margin-right:10px; margin-top:18px; }

#homeBottom { float:left; width:980px; padding:10px 0 0 0; margin-left:5px; margin-bottom:40px; }
#homeBottom ul { float:left; width:140px; margin:0; padding:0; list-style-type:none; }
#homeBottom ul li { margin:3px 0; background-image: url(../images/checkmark.gif); background-repeat: no-repeat; background-position: 0; padding-left: 22px; }

#videoHolder { width:640px; float:left; background:url(../images/timer.gif) no-repeat top center; height:498px; border:1px #333 solid; }

.msg-warn { border-color: #d7e059; background: #f3f7aa url("../images/msg-warn.png") no-repeat center left; background-position:+15px; color: #6c6600; padding:2px 15px 2px 40px; font-size:1.4em; }

/* Forms styling */
.step { font-size:1.4em; color:#06F; font-weight:bold; }
.form .button { margin-top:10px; }
label, input[type="text"] { float:left; display:block; }
label { margin-right: 5px; margin-top:8px; }
.field{ width:100%; overflow:auto; margin:5px 0px; }
br { clear:left; }

/* stylish buttons with rounded corners */
.button {border: 1px solid #00487a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #0567ad url("../images/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer;}
	.button:hover,
	.button:focus,
	.button:active {border-color: #272727; background: #2a2a2a url("../img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

.select {
	float:left;
	width: 258px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 1.3;
	margin-top: 4px;
	margin-bottom: 8px;
}

.input {
	float:left;
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 1.3;
	margin-top: 4px;
	margin-bottom: 8px;
}
.inputLarge {
	float:left;
	width: 400px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 1.3;
	margin-top: 4px;
	margin-bottom: 8px;
}
.textbox {
	float:left;
	width: 250px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 1.3;
	margin-top: 4px;
	margin-bottom: 8px;
}
.textboxLarge {
	float:left;
	width: 400px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 1.3;
	margin-top: 4px;
	margin-bottom: 8px;
}