@charset "UTF-8";
/* Designed & Developed by Kevin "Methodologi" Williams */

/*@import url('fancy.css');
/*@import url('ui.css');
/*@import url('validate.css');

/*----------------------- Generic ----------------------------------*/
body {
	background: url(../img/bg.jpg) top center no-repeat #080b12;
	margin:0;
	padding:0;
	border:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	font-size:11px;
	line-height:18px;
}

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
i {display:none; font-style:normal;}
h1 a, h1, h1 a:hover {background:url(../img/logo.png) no-repeat 0 0; display:block; width:287px; height:70px;}

a img {border: none;}
a:active, a:focus
  {outline:0;}

a:link {text-decoration: none;/*color: #0000ff;*/}
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }

#container {
	width:900px;
	margin: 0 auto;
}
#portfolio-container {
	width:900px;
	height:1280px;
	margin: 0 auto;
}
#top-spacer {
	width:900px;
	height:30px;
	float:left;
	margin:0 0 0 0;
}
.nav-spacer {
	width:219px;
	height:38px;
	float:left;
	margin:0 0 0 0;
}
#navigation {
	/*background: url(../img/nav.png) no-repeat;*/
	width:462px;
	height:38px;
	float:left;
	margin:0 0 0 0;
}
.nav-shadow-spacer {
	width:219px;
	height:22px;
	float:left;
	margin:0 0 0 0;
}
#nav-shadow {
	background: url(../img/nav-shadow.png) no-repeat;
	width:462px;
	height:22px;
	float:left;
	margin:0 0 0 0;
}
#content-area {
	width:860px;
	/*height:400px;*/
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
.logo-spacer {
	/*width:306px;
	height:70px;
	float:left;
	margin:0px 0 0 0;*/
	padding:14px 0 0 0;
}
#slim-logoholder {
	width:860px;
	height:70px;
	float:left;
	margin:0px 0 0 0;
	padding:14px 0 0 0;
	/*border:1px solid #f00;*/
}
#logoholder {
	width:780px;
	height:70px;
	float:left;
	margin:8px 0 0 0;
	padding:0px 0 0 0;
	/*border:1px solid #f00;*/
}

/*---------------------- TEXT -------------------------------------------*/
.headline {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px	
}
.subheadline {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px	
}
.generic {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height:18px;
}
/*-----------------------Spacers----------------------------------*/
.slot {width:900px; height:40px; float:left; margin:0 0 0 0; }

/*----------------------- Main Navigation -------------------------------*/
ul#topnav { 
        width:462px; 
        list-style:none; 
        height:38px; 
		margin:0px 0px 0 -40px;
		float:left;
} 

 

ul#topnav li { 
        display:inline; 
} 

ul#topnav li a { 
        height:38px; 
        float:left;
        text-indent:-9999px; 
} 

ul#topnav li#topnav_1 a { 
        width:55px; 
        background:url(../img/nav-set.png) no-repeat 0 0; /* X and Y position at 0 */ 
} 

 

ul#topnav  li#topnav_1 a:hover { 
        background-position:0 -38px; /* Y position -40px for Over instance image */ 
} 
 

ul#topnav  li#topnav_1 a.current { 
        background-position:0 -76px; /* Y position -80px for Current instance image */ 
} 

ul#topnav li#topnav_2 a { 
        width:80px; 
        background:url(../img/nav-set.png) no-repeat -55px 0; /* X and Y position at 0 */ 
} 

 

ul#topnav  li#topnav_2 a:hover { 
        background-position:-55px -38px; /* Y position -40px for Over instance image */ 
} 

 

ul#topnav  li#topnav_2 a.current { 
        background-position:-55px -76px; /* Y position -80px for Current instance image */ 
}

ul#topnav li#topnav_3 a { 
        width:65px; 
        background:url(../img/nav-set.png) no-repeat -135px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_3 a:hover { 
        background-position:-135px -38px; /* Y position -40px for Over instance image */ 
} 
 

ul#topnav  li#topnav_3 a.current { 
        background-position:-135px -76px; /* Y position -80px for Current instance image */ 
} 


ul#topnav li#topnav_4 a { 
        width:75px; 
        background:url(../img/nav-set.png) no-repeat -200px 0; /* X and Y position at 0 */ 
} 
 

ul#topnav  li#topnav_4 a:hover { 
        background-position:-200px -38px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_4 a.current { 
        background-position:-200px -76px; /* Y position -80px for Current instance image */ 
} 


ul#topnav li#topnav_5 a { 
        width:50px; 
        background:url(../img/nav-set.png) no-repeat -275px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_5 a:hover { 
        background-position:-275px -38px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_5 a.current { 
        background-position:-275px -76px; /* Y position -80px for Current instance image */ 
} 



ul#topnav li#topnav_6 a { 
        width:65px; 
        background:url(../img/nav-set.png) no-repeat -325px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_6 a:hover { 
       background-position:-325px -38px; /* Y position -40px for Over instance image */ 
} 

 

ul#topnav  li#topnav_6 a.current { 

        background-position:-325px -76px; /* Y position -80px for Current instance image */ 

}


ul#topnav li#topnav_7 a { 
        width:72px; 
        background:url(../img/nav-set.png) no-repeat -390px 0; /* X and Y position at 0 */ 
} 

 
ul#topnav  li#topnav_7 a:hover { 
       background-position:-390px -38px; /* Y position -40px for Over instance image */ 
} 

 
ul#topnav  li#topnav_7 a.current { 
        background-position:-390px -76px; /* Y position -80px for Current instance image */ 
}
/*----------------------- Content -------------------------------*/
.content-filler {
	width:45px;
	height:100%;
	float:left;
	margin:0 0 0 0;
}
#content-top {
	background: url(../img/top-strip.png) no-repeat;
	width:810px;
	height:10px;
	float:left;
	margin:0 0 0 0;
}
.strip {
	background: url(../img/strip.png) repeat-y ;
	width:810px;
	/*height:10px;*/
	float:left;
	margin:0 0 0 0;
}
#content-end {
	background: url(../img/bottom-strip.png) no-repeat;
	width:810px;
	height:10px;
	float:left;
	margin:0 0 0 0;
}
#movie {
	/*background: url(../img/splash-bg.png) no-repeat;*/
	width:790px;
	height:305px;
	float:left;
	margin:0 0 10px 10px;
}
#slides { width:790px; height:305px; float:left; margin:0 0 0 0;}
#blank-content-top {
	width:810px;
	height:10px;
	float:left;
	margin:0 0 0 0;
}
.blank-strip {
	width:810px;
	/*height:10px;*/
	float:left;
	margin:0 0 0 0;
}
#blank-content-end {
	width:810px;
	height:10px;
	float:left;
	margin:0 0 0 0;
}
/*-----------------------      ----------------------------------*/
.menu_list {
	width: 720px;
}
.menu_head {
	padding: 5px 15px;
	cursor: pointer;
	position: relative;
	margin:1px;
    text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-position:bottom;
	color:#ffffff; 
}
.menu_body {
	width:760px;
	display:none;
	overflow: hidden;	/* required for effect */
    /*background: #302e2c;*/
	padding:0px 36px 6px 24px;
	color:#c4bab1;
}
.menu_body a {
  color:#fff;
  /*display:block;
background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;*/
}
.menu_body a:hover {
  color: #fff;
  text-decoration:underline;
}
/*----------------------- HOME ----------------------------------*/
#home-content-area {
	width:900px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
#welcome-note {
	width:760px;
	height:auto;
	float:left;
	margin:0 0 0 15px;
	color:#fff;
	/*border:1px solid #f00;*/
}
.header { width:760px; height: 15px; float:left; margin:0 0 0 0; font:normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif; color:#fff; text-transform:uppercase; /*border:1px solid #f00;*/}
.note {
	width:620px;
	height:auto;
	float:left;
	margin:12px 0 0 8px;
	/*border: 1px solid #f00;*/
}
#login-area {
	width:120px;
	height:75px;
	float:left;
	padding:12px 0 0 8px;
	/*border: 1px solid #f00;*/
}
.login-box {
	width:120px;
	height:30px;
	float:left;
	margin:0 0 6px 0;
}
	
/*----------------------- COMPANY ----------------------------------*/
#company-content-area {
	width:900px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
/*----------------------- SERVICES -------------------------------*/
#services-content-area {
	width:900px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
/*----------------------- PORTFOLIO -------------------------------*/
#portfolio-content-area {
	width:900px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
.imageline {
	width:705px;
	height:110px;
	float:left;
	margin:0 0 0 15px;
}
.imageholder {
	width:100px;
	height:107px;
	float:left;
	margin:0 0 0 10px;
}
.listing {
	width:360px;
	height:auto;
	float:left;
	margin:0 auto;
	padding:0 16px 0 0;
	line-height:18px;
	text-align:center;
}
/*----------------------- NEWS -------------------------------*/
#news-content-area {
	width:900px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
/*----------------------- CAREERS -------------------------------*/
#careers-content-area {
	width:900px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
#career-left {
	width:350px;
	float:left;
	margin:10px 0 0 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#career-right {
	width:300px;
	float:left;
	margin:10px 0 0 100px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
.upload-area {
	width:290px;
	height:30px;
	float:left;
	margin:0 0 0 0;
}
/*----------------------- CONTACT -------------------------------*/
#contact-content-area {
	width:860px;
	float:left;
	margin:0 0 0 40px;
	/*border:1px solid #f00;*/
}
#contact-box {
	width:810px;
	float:left;
	margin:0 0 0 0;
	color:#ffffff;
}
#contact-box a:link {text-decoration: none;color: #fff;}
#contact-box a:visited {text-decoration: none;color: #fff;}
#contact-box a:hover {text-decoration: underline;color: #007698;}
#contact-box a:active {text-decoration: none;color: #fff;}

#contact-left {
	width:350px;
	float:left;
	margin:10px 0 0 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#contact-right {
	width:300px;
	float:left;
	margin:10px 0 0 100px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}