body,html {
    background: #000; 
    margin: 0 auto 0 auto;
    font-family: Helvetica;
}
h1,h2,h3,h5 {
    color: #ff0033;
}
h4 {
    font: bold 18px Helvetica;
    color: #ff0033;
}
h6 {
    font: 12px Helvetica;
    color: #ccc;
    text-align: center;
}
#centeredBox {
    margin: 0 auto 0 auto;
    width: 1024px;
    height: 100%;
}
.topBar {
    height: auto;
    margin: 0 auto 0 auto;
	background: #33ffff;
}
.topBarBox {
    width: 1024px;    
    margin: 0 auto 0 auto;
	background: #33ffff;
    text-align: right;
}
.topBarText {
    width: 300px;
	background: #33ffff;
    text-align: right;
    margin: 40px 220px 0 0; 
    float: right;
}
.topBarText a, .topBarText a:visited, .topBarText a:link, .topBarText a:active {
    color: #000;
    text-decoration: none;
	font : bold 23px Helvetica;
}
.topBarText a:hover {
    color: #ff0033;
	font : bold 23px Helvetica;
} 
.topBarLogo {
    position: relative;
    top: 0;
    left: 815px;
    width: 205px;
	background: #33ffff;
    text-align: right; 
    outline: none;
}
.topBarLogo a, .topBarLogo a:visited, .topBarLogo a:link, .topBarLogo a:active {
    color: #000;
    text-decoration: none;
	font : 15px Helvetica;
	padding: 0 20px 0 0;
	outline: none;
}
.topBarLogo a:hover {
    color: #33ffff;
	font : 15px Helvetica;
	outline: none;
}
.topBarLogo img {
border: none;
padding-top: 8px;
}
#headerBox {
    background: url('../images/x17agency_logo.png')  no-repeat;
    width: 580px;
    height: 160px;
	margin: 60px auto 0 auto;
}
.head-navMain {
    width: 797px;
	margin: 30px auto 0 227px;
    font: bold 20px Helvetica;
    float: left;
}
.head-navMain a, .head-navMain a:visited, .head-navMain a:link, .head-navMain a:active  {
	color: #000;
	background: #33ffff;
	text-decoration: none;
	padding: 3px 6px 0 6px;
	border: 3px solid #666;
}
.head-navMain a:hover {
	color: #000;
	background: #ff0033;
}
.theForm {
    width: 265px;
    margin: 60px 0px 50px 525px;
    padding-top: 5px;
    font: 20px Helvetica;
}
.theForm a, .theForm a:visited, .theForm a:link, .theForm a:active  {
	color: #ff0033;
	font-size: 14px;
	text-decoration: none;
	padding: 0 15px 0 2px;
}
.theForm a:hover {
    font-size: 14px;
	color: #33ffff;
}
.theCell {
    width: 240px;
	margin-bottom: 6px;
	color: #ff0033;
	padding-top: 18px;
}
.theCella {
    width: 240px;
	margin-bottom: 4px;
	color: #ff0033;
	padding-top: 0px;
}
.username {
	float: left;
    text-align: left;
	padding: 3px;
}
.user {
    width: 250px;
    padding: 4px;
    font: 16px Helvetica;
    color: #000;
    border: 1px solid #ff0033;
    background-color: none;
} 
.password {
	float: left;
    text-align: left;
	padding: 3px;
}
.pass {
    width: 250px;
	padding: 4px;
	font: 16px Helvetica;
    color: #000;
    border: 1px solid #ff0033;
}
.remember {
	font-size: 14px;
    color: #ff0033;
    margin-top: 10px;
}
.login {
    width: 150px;
	margin: 15px 0 0 0;
} 
input.submitlogin {
	width: auto;
	height: auto;
	padding-top: 1px;
	cursor: pointer;
	background: #ff0033;
	font: 20px Helvetica;
    color: #000;
    border: 3px solid #666;
}
.footertext {
    width: 794px;
    margin: 10px auto 0 230px;
    text-align: left;
	font : 20px Helvetica;
    color: #33ffff;
}
.footermain {
    width: 1024px;
    margin: 10px auto 0 auto;
	background: #000;
    text-align: center;
}
.footermain a, .footermain a:visited, .footermain a:link, .footermain a:active {
    color: #ff0033;
    text-decoration: none;
	font : 15px Helvetica;
	padding: 0 20px 0 0;
}
.footermain a:hover {
    color: #33ffff;
	font : 15px Helvetica;
}


/* OTHER MAIN PAGES */

.content {
    margin: 0 auto 0 auto;
    width: 1024px;
    height: auto;
} 
.head-nav {
    width: 770px;
	margin: 0 256px 0 auto;
    font: bold 20px Helvetica;    
}
.head-nav a, .head-nav a:visited, .head-nav a:link, .head-nav a:active  {
	color: #000;
	background: #33ffff;
	text-decoration: none;
	padding: 3px 6px 0 6px;
	border: 3px solid #666;
	float: right;
}
.head-nav a:hover {
	color: #ff0033;
}
.footer {
    height: 16px;
    width: 1024px;
    text-align: center;
	font : 15px Helvetica;
    color: #ff0033;
	margin: 0 auto 10px auto;
}
.footer a, .footer a:visited, .footer a:link, .footer a:active {
    color: #ff0033;
    text-decoration: none;
	font : 15px Helvetica;
}
.footer a:hover {
    color: #009999;
	font : 15px Helvetica;
} 


/* ABOUT PAGE */

.textAbout {
    width: 630px;
	height: auto;
    font : 18px Helvetica;
    color: #009999;
    text-align: justify;
	margin: 0 auto 0 auto;
}


   /* CONTACT X17 */
     
.textContact {
    width: 260px;
	height: auto;
	margin: 160px auto 200px auto;
    font : 20px Helvetica;
    color: #009999;
    text-align: justify;
}
.textContact a, .textContact a:visited, .textContact a:link, .textContact a:active  {
    font : italic 18px Helvetica ;
	color: #009999;
	text-decoration: none;
	padding: 2px 15px 2px 5px;
	border: solid 3px #666;
	text-align: left;
}
.textContact a:hover {
	color: #ff0033;
	border: solid 3px #666;
	text-align: left;
}


   /* REGISTER TO LOG IN */

.table {
   width: 850px;
   height: auto;
   margin: 0 auto 0 174px;
}   
.registerText {
	color : #ccc; 
	font: bold 15px Helvetica;
	text-decoration: none;
}
.registerText3 {
	color: #ccc;
	font: 15px Helvetica;
	margin: 1px;
	text-decoration: none;
}
.registerText2 {
	color: #009999;
	font: 12px Helvetica;  
	margin: 1px;
	text-decoration: none;
}
.registerForm {
	width: 1024px;
	height: 620px;
	margin: 0 auto 15px auto;
}


   /* FORGOT PASS? */
		
.textForgot {
    width: 500px;
	height: 450px;
    font : 15px Helvetica;
    color: #009999;
    text-align: justify;
	margin: 80px auto 80px auto;
}
.theform-input {
   font: bold 13px Helvetica;
   color: #009999;
   height: auto;
   padding-left: 2px;
   margin: 0 0px 0 0px;
}
.theCell-forgot {
    width: 300px;
	margin: 5px 0 15px 0;
	float: left;
	font:  bold 13px Helvetica;
	color: #009999;
    text-align: left;
}
.theCell-forgot2 {
    width: 110px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
	font: italic bold 13px Helvetica;
	color: #009999;
    text-align: left;
}
.username-forgot {
    width: 140px;
	margin-bottom: 15px;
	float: left;
	font:  bold 13px Helvetica;
	color: #009999;
    text-align: left;
	margin-right: 3px;
}

   /* ALERT! */
   
.textAlert {
    width: 500px;
	height: 400px;
    font : 15px Helvetica;
    color: #009999;
    text-align: justify;
	margin: 80px auto 80px auto;
	line-height: 18px;
}   
.textAlert a, .textAlert a:visited, .textAlert a:link, .textAlert a:active  {
    font : italic 18px Helvetica ;
	color: #ff0033;
	text-decoration: none;
}
.textAlert a:hover {
	color: #009999;
}
.formError {
    color: red;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}