/*
	960 Grid System
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Reset
------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* `Basic HTML
------------------------------------*/
body {
	background: url("http://gandrweb.com/images/interface/bg.png") repeat;
	border-top: 5px solid #051624;
	color: #FFF;
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding: 0 0 40px;
}

a { color: #FFF; }
a:hover { text-decoration: none; }
a:focus { outline: 1px dotted; }


/* `Headings
------------------------------------*/
h1 {
	font-family: Georgia, serif;
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 20px;
	display: inline;
}

h2 {
	font-size: 23px;
	font-weight: normal;
	display: inline;
	position: relative;
	top: -28px;
	margin-left: 25px;
	text-align: right;
}

h3 { font-family: 'Palatino','Baskerville',Georgia,Times,serif; font-size: 21px; font-style: italic; font-weight: normal; letter-spacing: .5px; margin-bottom: 10px; }
h4 { font-size: 16px; font-weight: lighter; }

p { text-align: center; }
/* `Lists
------------------------------------*/
ul { list-style: disc; }
li { margin-left: 30px; }


/* `Containers
------------------------------------*/
.container {
	margin: 0 auto;
	width: 960px;
}


/* `Grid >> Global
------------------------------------*/
.grid_10, .grid_12, nav {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.alpha { margin-left: 0;  }
.omega { margin-right: 0; }

.grid_10 { width: 780px; }
.grid_12 { width: 940px; }
.prefix_1  { padding-left: 80px;  }
.suffix_1  { padding-right: 80px;  }

/* `Clear
------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

header { margin-bottom: 25px; }
header p { color: #105d71; margin-top: -28px; margin-left: 275px; text-align: left; }

header h2 { color: #1a9abb; }
header h2, header p { font-family: 'Palatino','Baskerville',Georgia,Times,serif; text-shadow: 0 0 15px rgba(255,255,255,0.2);}

/*header + p { text-align: right; }*/

article { background: #04101B; background: rgba(0,0,0,0.4); margin-bottom: 25px; padding-top: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 10px rgba(255,255,255,0.1); -moz-box-shadow: 0 0 10px rgba(255,255,255,0.1); -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.1); }

nav {
	border-bottom: 1px dashed #999;
	border-top: 1px dashed #999;
	margin: 25px 10px 25px 0;
	padding: 10px;
	width: 760px;
}

header nav { border: none; margin-bottom: 0; margin-top: 20px; padding: 0; width: 100%;}

header + p a.button { display: block; text-align: left; }

.button {
	background-color: #96C81F;
	color: #071C2D;
	display: inline-block;
	font-family: "Myriad Pro",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 7px 12px 4px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.button:hover { background-color: #F60750; color: #EAECED; -moz-box-shadow: 0 0 10px rgba(255,255,255,0.2); }

dl {
	background: #051624;
	color: #1a9abb;
	float: right;
	list-style: none;
	margin-bottom: 15px;
	padding: 0 10px 5px 10px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 10px rgba(255,255,255,0.1);
	-moz-box-shadow: 0 2px 10px rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 2px 10px rgba(255,255,255,0.1);
}

dt, dd { float: left; }

dt, dd { display: inline; }

dd { margin-left: 15px; }

dd a { color: #105d71; display: inline-block; }

dd a:hover { color: #1a9abb; }