/* ----------------------------- */
/*   Gryware Main Website    */
/* ----------------------------- */

body {
	color: black;
	background-color: #222222;
	font: normal 12px 'Trebuchet MS', Verdana, 'Lucida Grande', Tahoma, Helvetica, Sans-Serif;
	line-height: 16px;
}

a {
	color: #08a0f8;
	font-weight: normal;
	text-decoration: underline;
}
a img {
	border: none;
}
a:hover, a:focus {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}
.hidden {
	width: 1px; 
	height: 1px; 
	margin-left: -10000px; 
	visibility: hidden; 
	display: none;
}
em {
	font-weight: bold;
	color: #777777;
}

img.inline {
	vertical-align: middle;
}
.success {
	color: #408000;
	font-weight: bold;
}
.warning:before {
	content:url(images/warning.png)" ";
	vertical-align:middle;
}
.error {
	color: #CC0000;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

strong {
	font-weight: bold;
	text-decoration: underline;
}
h4 {
	margin-left: 55px;
}

/*   SKIP LINKS   */
/* ********************************** */

#header_login  {
	background-color: black;
	margin: -15px auto 0 auto;
	text-align: right;
	height: 35px;
	color: white;
	font-weight: bold;
}
#header_login  p {
	font-variant:small-caps;
	vertical-align: middle;
	font-size: 15px;
	padding-top: 5px;
}
#header_login  p label span {
	color: #0697b6;
}
#header_login  p input {
	margin-left: 10px;
	margin-right: 35px;
	background-color: #474747;
	height: 16px;
	border: #929292 1px dotted;
	color: white;
}
#header_login  p input[type=submit] {
	height: 21px;
	border: #929292 1px solid;
}

/*   HEADER   */
/* ********************************** */
#global_background {	
	width: 983px;
	margin: 0 auto;
}
#header {
	min-height: 126px;
	background:transparent url(images/header.jpg) no-repeat;
}

#global {
	color: black;
	background-color: #e9e9de;
	width: 980px;
	margin: 0 auto;
}

/*  Menu   */
#menu {
	background: #e9e9de url(images/menu.jpg) repeat-x;
	color: black;	
	margin: -16px auto 0 -1px;
	height: 36px;
	font-variant:small-caps;
	font-size: 13px;
	font-weight: bold;
}
#menu  ul{
	list-style: none;
	vertical-align: middle;
	height: 36px;
	padding-top: 10px;
	margin-left: -24px;
	width: 980px;
}

#menu ul li {
	display: inline;
	color : #000000;
	margin-right: 22px;
	vertical-align: middle;
	height: 36px;	
}

#menu ul li a {
	color : #000000;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:focus {
	color: #0697b6;
}

#submenu {
	background: transparent url(images/submenu.jpg);
	width: 644px;
	height: 176px;
	margin-left: -1px;
	position: relative;
}
#submenu p {
	margin-left: 30px;
}
#submenu p img {
	width: 136px;
	height: 90px;
}
#submenu a {
	position: absolute;
	top: 7px;
	height: 130px;
	width: 100px;
	font-size: 0px;
}

/*  Content   */

#content {
	color: black;
	background-color: #e9e9de;
	min-height: 500px;
}
#content h2 {
	color: #777777;
	font:25px Georgia,Verdana,sans-serif;
	font-variant:small-caps;
	line-height: 23px;
	margin: 25px;
}
#gallerie {
	background: transparent url(images/gallerie.jpg);
	width: 298px;
	height: 200px;
	margin: 15px 0 15px 1px;
}
#gallerie p {
	padding-top: 52px;margin-left: -7px; width: 300px; overflow: visible;
}
#gallerie p img {
	height: 95px;
	width: 95px;
	padding: 1px;
}
#content h2 span {
	color: #0697b6;
}
#right_content {
	float: right;
	width: 305px;
	margin: 15px;
}
#content p{
	padding-left: 10px;
	padding-right: 10px;
}
#content fieldset, #content h3 {
	margin-left: 20px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}
.little {
	font-size: 9px;
}
.italic {
	font-style: italic;
}

#ban {
	background-color: #151615;
	min-height: 50px;
}
#ban p {
	padding-top: 15px;
	padding-bottom: 10px;
}

/*   FOOTER  */
/* ********************************** */

#footer {
	position: relative;
	clear: both;
	color: black;
	background-color: #e9e9de;
	min-height: 160px;
}

#copyright {
	background-color: #b7b7b4;
}
#copyright p {
	padding-top: 15px;
	padding-bottom: 10px;
	font:12px Georgia,Verdana,sans-serif;
	font-variant:small-caps;
	font-weight: bold;
	text-align: center;
}