/* CSS Document
ubergeekentertainment.com 

colors: 
Darkest background blue:		060638
ü lavender:						767692 
Nav lavender					9c9cb2

 */
 
/* type and color settings */
body {
background-color: #060638;
color: #fff;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
margin:0;
padding:0;
background: #060638 url(../images/wrapper.jpg) no-repeat;
background-position: top; 
}

h1 {
font-size: 20px; 
font-weight:normal;
padding: 10px 0 0 5px;
margin:0;
line-height:30px;
}

h2 {font-size: 23px;}
h3 {font-size: 18px;font-weight:normal;}
h4 {font-size: 14px; font-weight:normal;}
h5 {font-size:10px; line-height:11px font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#6c3906;}
a, a:link {font-weight:bold; outline:none; border:none;}
a:hover  {font-weight:bold; outline:none; border:none;}
p {
font-size: 14px;
padding-top:0;
margin-top:0;
line-height:130%;
font-weight:normal;
}
.tuck {padding-top:0; margin-top:0}
.red {color:#fa0}
.border {border:1px solid #000;}

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

/*  display framework */
#container {
width: 900px;
margin: 0 auto;
padding: 0px;
}

#container #content {
margin: 120px 0 0 50px;
padding:0;
text-align:left;
} 

#container #content #fiber{
	padding:0;
	margin:0;
	background: none;
	background-image: url(../images/carbon-fiber.jpg);
	background-repeat: no-repeat;
}

#container #content #contactbg{
	padding:0;
	margin:0;
	background: none;
	background-image: url(../images/contact-identity.jpg);
	background-repeat: no-repeat;
}

#container #content table #text {
margin: 0;
padding: 0;
overflow:auto;
text-align:left;
color:#fff;
height:364px;}
 

#container #content table #text #sub{
margin:10px 10px 10px 10px;
}


#container #content table table {
border:none;padding:0;margin:0;}

#container #content table table table {
border:none;padding:0;margin:0;}

#container #footer {
text-align:center;
letter-spacing:.3em;
color:#354b83;
font-weight:normal;
font-size:11px;
margin:0 70px 20px 0;
} 

#container #footer a{
color:#334c8d;
text-decoration:none;}

#container #footer a:hover{
color:#fff;
text-decoration:underline;} 

/* ---------------------------------------- navigation box*/
#navcontainer {
margin: 0 0 70px 50px;
text-align: center;
}
#navcontainer ul {
list-style-type: none;
text-align: center;
margin:0;
padding: 7px 25px 0 0;
position: relative;
color: #9c9cb2;
}
#navcontainer li {
display: inline;
text-align: center;
margin:0;
}
#navcontainer li a {
font-size:16px;
padding: 2px 13px;
text-decoration: none;
color: #9c9cb2;
letter-spacing:.7em;
outline:none;
}
#navcontainer li a:hover {
color:#fff;
}
#current a:link, #current a:visited, #current a:hover {
color: #fff;
font-weight:bold;
}


/* lists */
#content ul {
padding-top:0;
margin-top:0;
}
  
/* ---------------- contact form styling */  
.fText, .fTextArea, .fTextHear {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;padding:3px;
background-color:#9c9cb2 !important;
border:1px solid #000;
width:350px;
height:20px;
margin: 0 0 5px 0;
}

.fTextArea {background-color:#9c9cb2 !important; width:434px;height:90px;}
.fText:focus, .fText.sffocus, .fTextHear:focus, .fTextHear.sffocus, .fTextArea:focus, .fTextArea.sffocus {
background:#fff !important;
color:#000 !important;
}

#sentit {text-align:center; color:#fff;}
