/* CSS Document */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#1E1E1E;
	height:100%;
	min-height:100%;
	
}

html, body {
height: 100%;
} 

h1, h2, h3, h4, h5 {
	font-size:18px;
	padding:0px;
	margin:0px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	line-height:15px;
	margin-top:2px;
}

h5 a {
	color:#e33f95;
	text-decoration:none;
}


h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	line-height:20px;
	margin-top:5px;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	line-height:20px;
	margin-top:5px;
}

h3 a {
	color:#A3C352;
	text-decoration:none;
}




/* LINK CLASSES */

a.introlink_small { font-family: Verdana; font-size:12px; color: #FFFFFF; text-decoration:underline; }
a.introlink_small:link { text-decoration:underline; }
a.introlink_small:hover { text-decoration:none; }
a.introlink_small:visited { text-decoration:underline; }
a.introlink_small:active { text-decoration:underline; }

#site-content a { font-family: Verdana; font-size:12px; color:#D21788; text-decoration:underline; }

#services-content-left a { font-family: Verdana; font-size:12px; color:#D21788; text-decoration:none; }
#services-content-left a:hover { font-family: Verdana; font-size:12px; color:#D21788; text-decoration:underline; }

#work-content-left a { font-family: Verdana; font-size:12px; color:#D21788; text-decoration:none; }
#work-content-left a:hover { font-family: Verdana; font-size:12px; color:#D21788; text-decoration:underline; }

a.site-intro-work { font-family: Verdana; font-size:12px; color:#e33f95; text-decoration:underline; }
a:hover.site-intro-work { font-family: Verdana; font-size:12px; color:#e33f95; text-decoration:none; }

#site-intro-contact a { font-family: Verdana; font-size:12px; color:#A3C352; text-decoration:underline; }
#site-intro-contact a:hover { font-family: Verdana; font-size:12px; color:#A3C352; text-decoration:none; }

#site-outro a { font-family: Verdana; font-size:11px; color:#A3C352; text-decoration:underline; }

/* TEXT CLASSES */

.outro-text {
 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
}

.body-text {
 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
}

.big-bullets {
 font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; letter-spacing:0px;
}

/* GENERAL NAMED CLASSES */

#main-container {
	float:left;
	clear:both;
	width:100%; 
	overflow:auto;
	height:auto;
}

#background-container {
	position:absolute; 
	clear:both;
	left: 50%;
	margin-left: -490px;
	width:980px; 
	height:auto;
	background-image:url(../graphics/shadowsides.jpg);
	background-repeat:repeat-y;
}

#inner-container {
	float:left;
	margin-left:15px;
	width:950px; 
	overflow:auto; 
	height:auto;
	display:inline;
}

#site-banner{
	float:left; 
	width:100%; 
	height:271px; 
	background-image:url(../graphics/topbanner.jpg);
	margin:0px;
	padding:0px;
}

#site-content { 
	float:left; 
	width:950px; 
	height:auto;
}



/* -- Other General Classes -- */

.centerText {
	text-align:center;
	text-align:-moz-center;
	#text-align:center;
}

#mainnav{
	float:left; height:25px; width:auto; margin-top:237px; margin-left:263px; display:inline; padding-top:5px;
}



.mainnav-item {
	float:left; width:auto; min-width:55px; height:25px; margin-right:24px; display:inline; cursor:pointer;
	text-align:-moz-center; #text-align:center; 
}

.mainnav-item-ul {
	float:left; width:auto; min-width:55px; height:25px; margin-right:24px; display:inline; cursor:pointer;
	background-image:url(../graphics/pink_underline.gif); 
	background-repeat:no-repeat; background-position:center bottom;
	text-align:-moz-center; #text-align:center; 
}

.mainnav-item-text {
	float:left; width:auto; height:25px;
}

.mainnav-item-underline {
	float:left; clear:both; width:100%; min-width:55px; height:8px; margin-top:-4px; background-image:url(../graphics/pink_underline.gif); 
	background-repeat:no-repeat; background-position:center; z-index:100;
}

/* GLOBAL PAGE CLASSES */

.content-item-title {
	float:left; width:90%; height:25px; margin-bottom:20px;
}

.content-left-link {
	float:left; width:175px; height:auto; margin-left:22px; margin-bottom:14px; display:inline; 
}


/* HOME PAGE CLASSES */

#site-intro-home {
	float:left; 
	width:100%; 
	height:280px; 
	background-image:url(../graphics/topfloor_one.jpg);
}


#home-intro-left {
	float:left; width:330px; height:190px; margin-left:41px; margin-top:42px; display:inline;
}

#home-intro-left-title {
	float:left; width:280px; height:35px; margin-left:25px; margin-top:7px;
}

#home-intro-left-img {
	float:left; clear:both; width:auto; height:auto; margin-left:3px; margin-top:10px; display:inline;
}

#home-intro-left-link {
	float:left; width:280px; height:auto; clear:both; margin-left:25px; margin-top:-25px; #margin-top:-25px; display:inline;
}

#home-intro-right {
	float:left; width:515px; height:190px; margin-left:20px; margin-top:42px; display:inline;
}

.home-intro-right-item {
	float:left; clear:both; width:480px; height:25px; margin-left:15px; margin-top:10px; display:inline;
}


.home-intro-right-bullet{
	float:left; width:25px; height:25px; background-image:url(../graphics/intro-bullet.jpg); 
	background-repeat:no-repeat; background-position:center; display:inline;
}

.home-intro-right-comment {
	float:left; width:420px; height:25px; margin-left:8px; margin-top:2px; display:inline;
}

#home-content-left{
	float:left; width:527px; height:auto; background-image:url(../graphics/home-content-bg.jpg); background-repeat:repeat-y; margin-left:40px; margin-top:5px; margin-bottom:5px; display:inline;
}

.home-content-left-content {
	float:left; width:510px; height:auto; margin-bottom:25px; text-indent:2px;
}



.home-content-left-linklist {
	float:left; width:170px; height:25px; margin-bottom:3px;
}


#home-content-right{
	float:left; width:338px; height:auto;
	margin-left:20px; margin-top:5px; margin-bottom:5px; display:inline;
}


#home-currentjob-pic {
	float:left; width:338px; height:261px; clear:both; margin-left:0; margin-top:-10px; z-index:100; display:inline; background-image:url(../graphics/current-job-bg.jpg);
}

#home-currentjob-text {
	float:left; clear:both; margin-top:10px; margin-left:7px; width:318px; display:inline;
}

/* SERVICES PAGE CLASSES */

#site-intro-services {
	float:left; 
	width:100%; 
	height:335px; 
	background-image:url(../graphics/topfloor_services.jpg);
}

#services-content-left {
	float:left; width:210px; height:auto;
	margin-left:40px; margin-top:30px; margin-bottom:5px; display:inline; 
}

#services-content-right{
	float:left; width:490px; height:auto; 
	background-image:url(../graphics/services-content-bg.jpg); 
	background-repeat:repeat-y; 
	margin-left:0px; margin-top:30px; margin-bottom:30px; display:inline; 
}

.services-content-item {
	float:left; width:483px; height:auto; display:inline; 
	margin-left:38px; padding-bottom:30px; margin-bottom:30px;
	background-image:url(../graphics/content-divider.jpg);
	background-position:bottom;
	background-repeat:no-repeat; 
}

.services-content-maintext {
	float:left; width:483px; height:auto; text-indent:0px; display:inline; 
}


/* WORK PAGE CLASSES */

#site-intro-work {
	float:left; 
	width:100%; 
	height:335px; 
	background-image:url(../graphics/topfloor_work.jpg);
	background-repeat:no-repeat;
}

#work-intro-left{
	float:left; width:455px; height:210px; margin-left:75px; margin-top:50px; display:inline;
}

#work-recent-title {
	float:left; width:auto; height:25px; clear:both;
}

#work-recent-txt {
	float:left; width:455px; height:auto; margin-top:20px; clear:both; color:#FFFFFF;
}

#work-recent-link {
	float:left; width:455px; height:auto; margin-top:15px; clear:both;
}

#work-recent-pic{
	float:left; margin-left:65px; margin-top:52px; display:inline;
}

#work-content-left {
	float:left; width:210px; height:auto;
	margin-left:40px; margin-top:30px; margin-bottom:5px; display:inline; 
}

#work-content-right{
	float:left; width:490px; height:auto; 
	background-image:url(../graphics/services-content-bg.jpg); 
	background-repeat:repeat-y; 
	margin-left:0px; margin-top:30px; margin-bottom:30px; display:inline; 
}

.work-content-item {
	float:left; width:615px; height:auto; display:inline; 
	margin-left:38px; padding-bottom:30px; margin-bottom:30px;
	background-image:url(../graphics/work-divider.jpg);
	background-position:bottom;
	background-repeat:no-repeat; 
}

.work-content-maintext {
	float:left; width:400px; height:auto; text-indent:0px; display:inline; 
}

.work-content-pic {
	float:left; width:194px; height:149px; margin-top:-7px; margin-left:4px; display:inline;
	background-image:url(../graphics/work_thumb_bg.jpg); background-repeat:no-repeat;
	background-position:top left;
}

.work-content-launchlink {
	float:left; clear:both; width:100px; height:auto; margin-top:20px; display:inline;
}

/* CONTACT PAGE CLASSES */

#site-intro-contact {
	float:left; 
	width:100%; 
	height:280px; 
	background-image:url(../graphics/topfloor_contact.jpg);
	background-repeat:no-repeat;
}

#contact-intro-left{
	float:left; width:455px; height:210px; margin-left:75px; margin-top:50px; display:inline;
}

#contact-recent-title {
	float:left; width:auto; height:25px; clear:both;
}

#contact-recent-txt {
	float:left; width:455px; height:auto; margin-top:20px; clear:both; color:#FFFFFF;
}

#contact-intro-right{
	float:left; margin-left:85px; margin-top:70px; display:inline; color:#FFFFFF;
}

.contact-field {
	float:left; clear:both; width:274px; height:27px; background-image:url(../graphics/contact_field.jpg); background-repeat:no-repeat;
}

.contact-textarea {
	float:left; clear:both; width:486px; height:153px; background-image:url(../graphics/contact_textarea.jpg); background-repeat:no-repeat;
}

.contact-tag {
	float:left; clear:both; width:274px; height:15px; margin-top:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;
}

.contact-send {
	float:left; clear:both; width:auto; height:auto; margin-top:10px; margin-left:430px; display:inline;
}

.contact-field input { width:270px; height:auto; border:none; background:none !important; text-indent:4px; padding-top:4px;  }

.contact-textarea textarea { width:476px; height:145px; border:none; background:none !important; text-indent:4px; padding-top:4px; overflow:auto; }


/* OUTRO CLASSES */

#site-outro {
 	float:left; 
	clear:both; 
	width:980px; 
	height:250px; 
	background-image:url(../graphics/footerfloor.jpg); 
	background-repeat:no-repeat;
}

.site-outro-left {
	float:left; width:575px; height:120px; margin-left:85px; margin-top:55px; display:inline; border:#FF0099 1px solid; background-color:#00FF33;
}

#site-outro-left-title {
	float:left; width:575px; height:25px;
}

#site-outro-left-content {
	float:left; width:575px; height:auto; margin-top:15px;
}

#site-outro-right {
	float:left; width:190px; height:120px; margin-left:60px; margin-top:55px; display:inline; border:#FF0099 1px solid;
}

#site-outro-right-title {
	float:left; width:190px; height:25px;
}

#site-outro-right-content {
	float:left; width:190px; height:auto; margin-top:15px;
}

/* FOOTER */


#footer-container {
	float:left;
	clear:both;
	width:100%; 
	height:auto;
	z-index:100;
}

#site-footer{
	float:left;
	clear:both;
	width:100%; 
	height:90px; 
	background-color:#1E1E1E;
}

#footer{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	margin-top:-12px;
	#margin-top:0px;
	padding-bottom:12px;
	margin-left:-23px;
}

#footer ul{
	list-style:none;	
	position:relative;
	left:-50%;
}

#footer li{
	float:left;
	position:relative;
}

#footer a{
	text-decoration:underline;
	margin:1px;
	float:left;
 	color:#A3C352;
	padding:0px 10px;
	text-align:-moz-left;
 	#text-align:left;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#footer a:hover { 
	color:#FFFFFF;
}

#copyright {
	float:left;
	clear:both;
	width: 400px;
	height:30px;
	margin-left:290px;
	margin-top:-5px;
	display:inline;
	text-align:center;
	text-align:-moz-center;
	#text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
}



