/*----------------------------+
 | Site: Glory Construction   |
 +----------------------------*/

 
@import url("reset.css");


/* Core layout 
======================================================================*/
body {background:#f3f4f4 url(../images/core/concept02-bg.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
#banner-container {background:url(../images/core/banner-bg.jpg) center no-repeat; width:auto; height:110px;}
#banner {width:910px; margin:0 auto;}
#container {width:910px; margin:0 auto;}
#p-home #flash, #p-home object#flash { display: block !important; width: 910px; height: 336px !important; }

#content-container {width:910px; padding:0; margin:0; background:#fff url(../images/core/shine.jpg) right top no-repeat;}
#cta-left {float:left; width:155px; padding:15px 30px 30px 30px;}
#content {float:left; width:665px; padding:15px 30px 30px 0;}
#footer {background:#222; padding:10px 25px 10px 25px; width:860px;}

#view_portfolio_button { height: 0; line-height: 0; position: relative; }
#view_portfolio_button a {
  display: block;
  height: 54px;
  left: 630px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 220px;
  width: 268px;
  z-index: 1000;
}

#p-home #view_portfolio_button a { top: 290px; }



/* Gallery layout 
----------------------------------------------------------------------*/
#gallery-window { background: #fff; width: 600px; height: auto; text-align: center; margin: 0; display: block; clear: both; margin-bottom: 20px; border: 20px solid #A3A3A3; }
#gallery-container {width:660px; margin: 0; padding: 0; }
#gallery-container ul { list-style-type: none; background: none; margin: 0; padding: 0; display: inline; }
#gallery-container ul li { width: 120px; display: inline-block; float:left; margin-right: 10px; margin-bottom: 10px; padding: 0; list-style-type: none; }
#gallery-container ul li img {border:4px solid #A3A3A3;}



/* Careers layout 
----------------------------------------------------------------------*/
.jobs-container {background:#f2f2f2 url(../images/core/highlight-bg.jpg) bottom repeat-x; border:1px solid #e2e2e2; padding:10px; margin:0 0 10px 0;}
.jobs-container img {float:right;}



/* Team Racing layout 
----------------------------------------------------------------------*/
#racing-container {background:#4e4e4e url(../images/core/racing-bg.jpg) bottom repeat-x; border:1px solid #2f2f2f; padding:10px 10px 20px 10px; text-align:center;}
.team-racing h1 {color:#fff; background:url(../images/flags.gif) no-repeat 178px 0; padding:10px 0 0 0; height:50px;}
.team-racing h3 {color:#fff; font:16px Arial, Helvetica, sans-serif; padding:10px 0 25px 80px;}
.team-racing p {color:#bbb;}
.racing-img-container {background:url(../images/core/darkimg-bg.jpg) repeat-x; width:130px; height:130px; padding:7px; margin:22px 22px 0 0; float:left;}
.racing-img-container img {border:4px solid #fff;}

.team-racing hr {border:none; border-bottom:1px solid #383838; margin:10px 0 15px 0; height:1px;}

#sponsor-form {text-align:left; padding:0 0 0 120px;}

.team-racing form.form label {display: inline-block; width: 120px; float:left; color:#bbb;}
.team-racing form.form input,.team-racing form.form select,.team-racing form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #383838;
	background: #838383;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
.team-racing form.form li.button input {width: auto; border: 0; background: #444; color: #fff; cursor: pointer;}





/* Banner Switch layout 
======================================================================*/
.profile #flash {background:url(../images/core/banner-profile.jpg) no-repeat; width:910px; height:267px;}
.services #flash {background:url(../images/core/banner-services.jpg) no-repeat; width:910px; height:267px;}
.portfolio #flash {background:url(../images/core/banner-portfolio.jpg) no-repeat; width:910px; height:267px;}
.faq #flash {background:url(../images/core/banner-faq.jpg) no-repeat; width:910px; height:267px;}
.future-projects #flash {background:url(../images/core/banner-projects.jpg) no-repeat; width:910px; height:267px;}
.careers #flash {background:url(../images/core/banner-careers.jpg) no-repeat; width:910px; height:267px;}
.team-racing #flash {background:url(../images/core/banner-sponsor.jpg) no-repeat; width:910px; height:267px;}
.contact #flash {background:url(../images/core/banner-contact.jpg) no-repeat; width:910px; height:267px;}





/* Navigation layout 
======================================================================*/
#navigation {width:910px; height:47px; position: relative; z-index: 100;} 

ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:39px;}
ul#nav li a:hover {background-position:0 -47px!important;}

ul#nav li#home a {background:url(../images/navigation/home.jpg) no-repeat 0 0; width:73px;} 
ul#nav li#profile a {background:url(../images/navigation/profile.jpg) no-repeat 0 0; width:79px;} 
ul#nav li#services a {background:url(../images/navigation/services.jpg) no-repeat 0 0; width:95px;} 
ul#nav li#portfolio a {background:url(../images/navigation/portfolio.jpg) no-repeat 0 0; width:94px;} 
ul#nav li#faq a {background:url(../images/navigation/faq.jpg) no-repeat 0 0;width:74px;} 
ul#nav li#future-projects a {background:url(../images/navigation/future-projects.jpg) no-repeat 0 0;width:147px;} 
ul#nav li#careers a {background:url(../images/navigation/careers.jpg) no-repeat 0 0;width:91px;} 
ul#nav li#team-racing a {background:url(../images/navigation/glory-team-racing.jpg) no-repeat 0 0;width:169px;} 
ul#nav li#contact a {background:url(../images/navigation/contact.jpg) no-repeat 0 0;width:88px;}

a {color:#820024; text-decoration:none;}
a:hover {text-decoration:underline;}

#footer a {color:#b7b7b7; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:none;} 

 /* Glory Team Racing
======================================================================*/
h1.gtr-header { background: url('../images/core/gtr-logo.gif') no-repeat 0 0; display: block; height: 66px; margin: 0 auto .5em; overflow: hidden; text-indent: -9999px; width: 200px; }


 /* Font Style
======================================================================*/
h1 {color:#820024; font:20px Arial, Helvetica, sans-serif; padding:0 0 15px 0;}
h2 {color:#000; font:20px Arial, Helvetica, sans-serif; padding:0 0 15px 0;}
h3 {color:#333; font:16px Arial, Helvetica, sans-serif; padding:0 0 15px 0;}
h4 {color:#666; font:14px Arial, Helvetica, sans-serif; padding:0 0 5px 0;}
h5 {color:#000; font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 5px 0;}

p {color:#000; padding:0 0 10px 0; line-height:17px;}
#footer p {color:#999; font-size:10px;}

#content ul {padding:0 0 15px 15px;}
#content li {list-style:square; padding:0 0 5px 10px; color:#000;}

.text-black {color:#000;}
.date {color:#820024;}



/* Extras 
======================================================================*/
ul.contact-details {list-style:none; padding:0 0 30px 0;}
ul.contact-details li {padding:0 0 5px 20px; list-style:none;}

ul.contact-details li#phone {background:url(../images/phone.jpg) no-repeat 0 0;}
ul.contact-details li#fax {background:url(../images/fax.jpg) no-repeat 0 0;}
ul.contact-details li#email {background:url(../images/email.jpg) no-repeat 0 0;}

.float-left {float:left; margin:0 15px 5px 0;}
.float-right {float:right; margin:0 0 5px 15px;}

hr {border:none; border-bottom:1px solid #ccc; margin:10px 0 15px 0; height:1px;}



 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none!important; }

form.form li { margin-bottom: 5px; list-style: none!important; }

form.form label {
	display: inline-block;
	width: 150px;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #e2e2e2;
	background: #f3f4f4;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #820024;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #fff;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}