* {margin: 0; padding: 0;}
html body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	background: #fff;
}
div#header {
	color: #fff;
	text-align: center;
	background: url(../img/bg.gif) repeat-x center left;
}
div#header div {
	background: url(../img/clouds.png) repeat-x bottom center;
}
#header, #header div {	width: 100%; height: 470px; }
#header h1 {
	font-size: 2.2em;
	text-shadow: #22415c 0 1px 3px;
	width: 80%;
	margin: 0 auto 10px auto;
	padding-top: 130px;
	font-weight: 600;
}
#header p {
	font-size: 1.3em;
	text-shadow: #22415c 0 1px 0;
	padding: 0 10px;
}

p a, #request p a:visited {color: #09F; text-decoration: none; }

h2 {color: #505050; font-size: 1.7em; font-weight: normal; padding-bottom: 20px;}
h2 span {display: block; font-size: 0.7em !important;}
#domains h2 {padding: 0; margin: 0;}
#domains h2 br {display: none;}

#request p {margin-bottom: 15px; padding: 0 15px;}

div#domains { width: 100%; margin: 0 auto; text-align: center; padding-top: 20px; overflow: hidden;}

#domains p {padding: 10px 15px 40px 15px; margin: 0;}

div.domain {
	width: 22%; min-width: 180px;
	margin: 0 10px 15px 10px;

	background: #404040;
	text-shadow: #000 0 -1px 0;
	color: #fff;

	font-size: 1.2em;
	height: 70px;
	float: left;
	line-height: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

div.selected {background: #ffa200 !important; text-shadow: #cd8200 0 -1px 0;}


div#request {width: 100%; max-width: 960px; margin: 50px auto 50px auto;}
div#req_header {text-align: center;}


form { }
fieldset { border: 0; }

.clearfix:after, #nav_main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




@media only screen
and (min-width : 600px) 
and (max-width : 799px) {
	div#domains {max-width: 620px;}
}

@media only screen 
and (max-width : 599px) {
	div#domains {max-width: 400px;}
	#header h1 {max-width: 280px; padding-top: 100px;}
	#header div p { padding: 0 10px;}
	#header div p br {display: none;}
}

@media only screen 
and (max-width : 399px) {
	div#domains {max-width: 300px;}
	#domains h2 br {display: inline;}
	.domain {width: 100% !important; margin: 0 0 15px 0 !important;}
	#header h1 {padding-top: 60px; padding-bottom: 20px;}
	#header div p { padding: 0 10px;}
	#header div p br {display: none;}
}


@media only screen 
and (min-width : 800px) {
	div#domains {max-width: 960px;}
}