/* basics */

*{margin:0; padding:0;}

html {
	background:#12233F;
	}	

body {
	background: #fff url(../../img/gbl/body-bg.jpg) 0 0 repeat-x;
	text-align: center;
	font: 13px arial,helvetica,clean,sans-serif;
	margin:0; padding:0;
	}
	
h1, h2, h3, h4, h5, h6,
p,
blockquote,
form,
label, dl, ul, ol,
fieldset,
address {
    margin: 0 0 1em 0;
	}
		
h1, h2, h3, h4, h5, h6 {
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	margin: 0 0 10px 0; padding: 0;
	}

h1 {
	font-size: 172%;
	color:#000;
	font-weight:normal;
	}

h2 {
	font-size: 148%;
	color:#000;
	font-weight:normal;
	line-height:18px;
	}

h3 {
	font-size: 148%;
	color:#bea032;
	}

h4 {
	font-size: 122%;
	}

.goldcolor {
 color: #bea023;
 }
 
 .goldcolorbold {
 color: #bea023;
 font-weight: bold;
 }
 
.grey {
 color: #a8a9a7;
 font-style: italic;
 font-weight: bold;
 }
 
 
/* images and misc. */

img{ border: none; }
img a{border:none;}

img.floated{ float: left; border: none; margin:0 25px 10px 0;}
img.floated.alt{ float: right; border: none; margin:0 0 10px 25px; }

blockquote{ margin:15px; padding:0 12px 0 12px;}

code{ margin:10px; font-family:"Courier New", Courier, monospace;}
	
.clear { clear:both;}

hr {margin:15px 0 12px;}	


/* links */

a{ color:#666; text-decoration:underline; border: none;}
a:hover{color:#000;text-decoration: underline; border: none;}



/* container */


#container {
	width: 900px;
	position: relative;
	margin: 0 auto; padding:0;
	text-align: left;
	}
	
	#container-inner {
		margin:0; padding:0;
		}
	
/* header */

#header {
	background:url(../../img/gbl/header-bg.jpg) 0 0 no-repeat;
	width:900px; height:95px;
	margin:0; padding:30px 0 0;	
	}
	
	#header-inner {
		width:850px;
		margin:0 0 0 25px;
		}
	
		#header a {
			margin:0 0 0 21px; padding:0;
			}

/* main menu */


#menu {
	height:42px;
	margin:-42px 0 0 0;
	}
	
	#menu-inner {
		width:820px;
		margin:0 30px 0 50px;
		}

		#menu ul { 
			margin: 0 5px 0 0; padding:0;
			list-style: none;
			line-height: 1;
			float:right;
			}

			#menu li { 
				float: left;
				margin:0; padding:0;
				}
			
				#menu a {
					display: block;
					text-decoration:none;
					color:#fff;
					padding:10px;
					overflow:hidden;
					outline:none;
					}
					
					#menu a:hover { 
						color:#bea032;
						}
					
						#menu li ul { 
							margin: 0 5px 0 0; padding:0 0 5px 0;
							list-style: none;
							line-height: 1;
							float:right;
							position: absolute;
							background: #000;
							width: 11em;
							left: -999em; 
							}
								
							#menu li ul li { 
								}
								
								#menu li ul li a { 
									padding:5px 10px;
									}
								
									#menu li:hover ul, #menu li.sfhover ul {
										left: auto;
										z-index:5000;
										}	
						
			#menu li.active a {
				color:#bea032 !important;
				}
				
				#menu li.active ul li a {
					color:#fff !important;
					}
					
					#menu li.active ul li a:hover {
						color:#bea032 !important;
						}
		

/* content */

#content {
	width: 900px; 
	background: url(../../img/gbl/content-bg.jpg) 0 0 repeat-y;
	position:relative;
	}	
	
	body.splash #content {
		width: 900px; height:455px;
		background: url(../../img/gbl/content-bg.jpg) 0 0 repeat-y;
		position:relative;
		}

	#content-inner {
		width:720px;
		margin:0 50px; padding:35px 40px 10px;
		}
		
		body.splash #content-inner {
			width:850px; height:468px;
			margin:0 25px; padding:0;
			}
	
		#content-inner p {
			text-align:justify;
			}
			
		#content-feature {
			height: 329px;
			width: 474px;
			float: right;
			}
			
		#content-inner ul, #content-inner ol {
			margin-left:30px;
			}
			

/* footer */

#footer {
	font-size: 85%;
	background:#12233F;
	width:100%; 
	margin:0; padding:0;
	text-align:left;
	}
	
	#footer-inner {
		margin:0 auto; padding: 11px 0 0 0; 
		color: #fff;
		background: url(../../img/gbl/footer-inner-bg.jpg) 0 0 no-repeat;
		width:900px; height:104px;
		}
		
		#footer p {
			width:350px;
			margin:13px 0 0 46px;
			float:left;
			}
			
		#footer a {
			color:#fff;
			text-decoration:underline;
			}
			
			#footer a:hover {
				color:#bea023;
				text-decoration:none;
				}

			#footer .footer-menu {
				width: 454px;
				float:right;
				margin:13px 46px 0 0;
				text-align:right;
				}
				
				.footer-menu ul {
					list-style:none;
					float:right;
					}
					
					.footer-menu li {
						margin:0; padding:0;
						float:left;
						}
						
						.footer-menu a {
							text-decoration:none !important;
							border-right:1px solid #fff;
							padding:1px 5px;
							}
							
							.footer-menu a.last {
								border:none;
								padding-right:0;
								}

#footer, li.active a {
				color:#bea032 !important;
				}
		

/* forms */								

#contact-form {
	width:445px;
	float:left;
	}
	
#contact-info { 
	width:230px;
	float:right;
	margin:0; padding:0;
	}

#contact-info-company, #contact-info-design {
	border:1px solid #eee;
	margin:0 14px 15px 0; padding:8px 8px 0 8px;
	width:200px;
	}
	
form {
	width: 100%;
	margin: 0 0 20px 0; padding: 0;
	clear: both;
	}

	fieldset {
		margin: 0 0 10px 0 !important; padding: 10px;
		border: 1px solid #eee;
		}

	.compact fieldset {
		margin: 0 0 10px 0; padding: 0 0 10px 0;
		border: none; border-bottom: 1px solid #CFC9A8;
		}

		legend {
			display: none;
			}

		.inline-labels .fieldgroup, .fieldgroup label {
			display: block;
			float: left;
			margin: 0 0 5px 0;
			width: 49%;
			}

		.fieldgroup.extended label {
			width: 100%;
			}

			 .prelabel, .inline-labels .prelabel {
				width: 32%;
				float: left;
				padding: 2px 0;
				}

			.fieldgroup input, .fieldgroup textarea, .fieldgroup select {
				float: left;
				width: 62%;
				margin: 0; padding: 0;
				}			

			.fieldgroup.extended input, .fieldgroup.extended textarea, .fieldgroup.extended select {
				float: left;
				width: 95%;
				margin: 0; padding: 0;
				}

.fieldgroup {
	width: 100%;
	float: left;
	padding: 0;
	}

	#content .btnset {
		padding: 0 0 10px 0; margin: 0;
		position: relative;
		}
		
		#content .btnset ul {
			margin: 0; padding: 0;
			list-style: none;
			}
		
			#content .btnset ul li {
				margin: 0; padding: 0;
				list-style: none;
				float: left;
				}
				
			.btnset a, .btnset button {
				display: block;
				display: inline; 
				float: left;
				margin: 0 3px 0 0;
				background-color: #f5f5f5;
				border: 1px solid #dedede;
				border-top: 1px solid #eee;
				border-left: 1px solid #eee;
				font-size: 92%;
				line-height: 130%;
				text-decoration: none !important;
				color: #565656;
				cursor: pointer;
				padding: 4px 8px;
				}
		
			.btnset button {
				width: auto;
				overflow: visible;
				padding: 4px 7px 3px 7px;
				}
		
			.btnset button[type] {
				padding: 5px 7px 5px 7px;
				line-height: 16px;
				}

			.btnset button img, .btnset a img {
				margin: 0 0 -3px 0 !important;
				padding: 0;
				border: none;
				width: 16px;
				height: 16px;
				}
		
			.btnset a:hover {
				background: #f4f4f4;
				color: #666;
				}

			#content .btnset a.important {
				color: #fff; background: #AF2B2B;
				border-color: #990000;
				}

			#content .btnset a.important:hover {
				color: #fff; background: #AF1515;
				border-color: #cc0000;
				}
	
.tip {
	clear: left;
	margin: 0 0 10px 0; color: #666;
	font-size: 85%;
	}

label em, .required {
	color: red;
	}

.legend {
	color: #666;
	margin: 0 0 10px 0; padding: 0;
	background: #fff;
	}
	
.fieldgroup .set input, .fieldgroup .set select {
	width: auto;
	margin-right: 5px;
	}