@charset "UTF-8";

/*
---------------- General/Universal declarations (tag-specific)
*/

body
{
	background-image:url(images/BKGD.jpg);
	background-repeat:repeat;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1.3px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

table
{
	background-repeat:no-repeat;
}

div
{
	position:absolute;
}

a
{
	cursor:pointer;
}

img
{
	border:none;
}

input, textarea
{
	/*
	outline-style:none;
	resize: none;
	*/
}

input:focus
{
      background: #353535;
	  outline: 2px auto #c1b368;
}


textarea:focus
{
      background: #353535;
	  outline: 2px auto #c1b368;
}

input:-webkit-autofill
{
    color: #000;
}

textarea:-webkit-autofill
{
    color: #000;
}

/*
---------------- Pseudo declarations
*/


a:link
{
	color: #c1b368;
	text-decoration: none;
}

a:visited
{
	color: #c1b368;
	text-decoration: none;
}

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

a:active
{
	color: #FFFFFF;
	text-decoration: none;
}


/*
---------------- Misc. targeted declarations (by ID)
*/

#wrapper_DIV
{
	width:1024px;
	height:1024px;
	left:50%; 
	margin-left:-512px;
}

#largeWrapper_DIV
{
	width:1024px;
	height:1270px;
	left:50%; 
	margin-left:-512px;
}


#extraLargeWrapper_DIV
{
	width:1024px;
	height:1900px;
	left:50%; 
	margin-left:-512px;
}

#bg_DIV
{
	width:1024px;
	height:1024px;
	left:0px;
	top:0px;
}

#largeBg_DIV
{
	width:1024px;
	height:1270px;
	left:0px;
	top:0px;
}

#extraLargeBg_DIV
{
	width:1024px;
	height:1900px;
	left:0px;
	top:0px;
	background-color:#000;
}

#footer_DIV
{
	font-size: 10px;
	text-align: center;
	color: #777777;
	vertical-align: top;
	width:430px;
	height:160px;
	left:50%;
	bottom:10px;
	margin-left:-215px;
}

#lowerNavBar_DIV
{
	color: #444400;
	font-size: 11px;
	width:430px;
	height:20px;
	left:50%;
	margin-left:-215px;
}

#footerTag_DIV
{
	top:20px;
}




/*
---------------- Header declarations
*/

#header_DIV
{
	width:958px;
	height:30px;
	left:50%;
	top:0px;
	margin-left:-479px;
}

#headerMenu
{
	width: 958px;
	height: 30px;
	left:0px;
	background: url(images/TopNavigation.jpg) no-repeat;
	position: relative;
	margin: 0px auto;
	padding: 0px; 
}

#headerMenu li
{
	background: url() 0px 0px no-repeat;
	position: absolute;
	top: 0px;
	display: block;
	list-style: none;
	border:none;
}

#headerMenu a
{
	height: 30px;
	display: block;
	border: none 0px;
}

#headerMenu a:hover
{
	border: none 0px #000;
}

#headerMenu #Portfolio 
{
	width: 131px;
	left: 0px;
}

#headerMenu #About
{
	width: 130px;
	left: 131px;
	background-position: -131px 0px;
}
        
#headerMenu #Services
{
	width: 131px;
	left: 261px;
	background-position: -261px 0px;
}
        
#headerMenu #Skills
{
	width: 131px;
	left: 392px;
	background-position: -392px 0px;
}
        
#headerMenu #Clients
{
	width: 130px;
	left: 523px;
	background-position: -523px 0px;
}
        
#headerMenu #Contact
{
	width: 131px;
	left: 653px;
	background-position: -653px 0px;
}
        
#headerMenu #Home
{
	width: 174px;
	left: 784px;
	background-position: -784px 0px;
}

#headerMenu #Portfolio a:hover
{
	width: 131px;
	background: url(images/TopNavigation.jpg) 0px -30px no-repeat;
}

#headerMenu #About a:hover 
{
	width: 130px;
	background: url(images/TopNavigation.jpg) -131px -30px no-repeat;
}

#headerMenu #Services a:hover 
{
	width: 131px;
	background: url(images/TopNavigation.jpg) -261px -30px no-repeat;
}

#headerMenu #Skills a:hover 
{
	width: 131px;
	background: url(images/TopNavigation.jpg) -392px -30px no-repeat;
}

#headerMenu #Clients a:hover 
{
	width: 130px;
	background: url(images/TopNavigation.jpg) -523px -30px no-repeat;
}

#headerMenu #Contact a:hover 
{
	width: 131px;
	background: url(images/TopNavigation.jpg) -653px -30px no-repeat;
}

#headerMenu #Home a:hover 
{
	width: 174px;
	background: url(images/TopNavigation.jpg) -784px -30px no-repeat;
}




/*
---------------- Mid Navigation declarations
*/

#midNav_DIV
{
	width:923px;
	height:40px;
	left:52%;
	top:50px;
	margin-left:-476px;
}

#midNavMenu
{
	width: 923px;
	height: 40px;
	left:0px;
	position: relative;
	margin: 0px auto;
	padding: 0px;
}

#midNavMenu li
{
	background: url() 0px 0px no-repeat;
	position: absolute;
	top: 0px;
	border: thick #F00;
	display: block;
	list-style: none;
	border:none;
}

#midNavMenu div
{
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}

#midNavMenu a
{
	height: 40px;
	display: block;
	border: none 0px;
}

#midNavMenu a:hover
{
	border: none 0px #000;
}

#midNavMenu #Design 
{
	width: 115px;
	left: 0px;
	background: url(images/PortfolioMidBarNavigation.png) 0px 0px no-repeat;
}

#midNavMenu #Development
{
	width: 174px;
	left: 115px;
	background-position: -115px 0px;
	background: url(images/PortfolioMidBarNavigation.png) -115px 0px no-repeat;
}
        
#midNavMenu #Interactive
{
	width: 157px;
	left: 289px;
	background-position: -289px 0px;
	background: url(images/PortfolioMidBarNavigation.png) -289px 0px no-repeat;
}
        
#midNavMenu #MultiDisplay
{
	width: 180px;
	left: 446px;
	background-position: -446px 0px;
	background: url(images/PortfolioMidBarNavigation.png) -446px 0px no-repeat;
}
        
#midNavMenu #VideoGFX
{
	width: 142px;
	left: 626px;
	background-position: -626px 0px;
	background: url(images/PortfolioMidBarNavigation.png) -626px 0px no-repeat;
}
        
#midNavMenu #Software
{
	width: 155px;
	left: 768px;
	background-position: -768px 0px;
	background: url(images/PortfolioMidBarNavigation.png) -768px 0px no-repeat;
}




/*
---------------- Services Mid Navigation declarations
*/

#midNavServices_DIV
{
	width:592px;
	height:72px;
	left:52%;
	top:440px;
	margin-left:-296px;
}

#midNavServicesMenu
{
	width: 592px;
	height: 72px;
	left:0px;
	position: relative;
	margin: 0px auto;
	padding: 0px;
}

#midNavServicesMenu li
{
	background: url() 0px 0px no-repeat;
	position: absolute;
	top: 0px;
	border: thick #F00;
	display: block;
	list-style: none;
	border:none;
}

#midNavServicesMenu div
{
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}

#midNavServicesMenu a
{
	height: 72px;
	display: block;
	border: none 0px;
}

#midNavServicesMenu a:hover
{
	border: none 0px #000;
}

#midNavServicesMenu #WebDesign 
{
	width: 56px;
	left: 0px;
	background: url(images/ServicesMidBarNavigation.png) 0px 0px no-repeat;
}

#midNavServicesMenu #WebDevelopment
{
	width: 56px;
	left: 107px;
	background-position: -107px 0px;
	background: url(images/ServicesMidBarNavigation.png) -107px 0px no-repeat;
}
        
#midNavServicesMenu #GraphicDesign
{
	width: 56px;
	left: 214px;
	background-position: -214px 0px;
	background: url(images/ServicesMidBarNavigation.png) -214px 0px no-repeat;
}
        
#midNavServicesMenu #MotionGraphics
{
	width: 56px;
	left: 321px;
	background-position: -321px 0px;
	background: url(images/ServicesMidBarNavigation.png) -321px 0px no-repeat;
}
        
#midNavServicesMenu #VideoEditing
{
	width: 56px;
	left: 428px;
	background-position: -428px 0px;
	background: url(images/ServicesMidBarNavigation.png) -428px 0px no-repeat;
}
        
#midNavServicesMenu #SoftwareDesign
{
	width: 56px;
	left: 535px;
	background-position: -535px 0px;
	background: url(images/ServicesMidBarNavigation.png) -535px 0px no-repeat;
}


/*
---------------- BRAIN declarations
*/

.brainDiv
{
	left: 320px;
	top: 100px;
}

.brainWatermarkDiv
{
	left: 320px;
	top: 100px;
	filter:alpha(opacity=30);
	opacity:0.3;
	-moz-opacity:0.3;
}

.brainMatterDiv
{
	left: 322px;
	top: 100px;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.brainLabelDiv
{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.brainID_Div
{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	text-align:center;
	line-height:24px;
}

.idText
{
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:20px;
}

.idPercent
{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}

.idPercentSmall
{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
}



/*
---------------- Portfolio declarations
*/

#portfolioWrapperDiv
{
	top:470px;
  	width:580px;
	height:206px;
	left:50%;
	margin-left:-290px;
}

#portfolioDiv
{
	top:130px;
	width:940px;
	height:560px;
	left:50%;
	margin-left:-470px;
	background-color:#000;
	border:none;
	border-color:#c5b706;
}

#portfolioTitleDiv
{
	width:600px;
	height:24px;
	left:50%;
	margin-left:-300px;
	text-align:center;
	font-size:20px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	letter-spacing:0.2px;
}

.portfolioTitleDivTop
{
	top:80px;
}

.portfolioTitleDivBottom
{
	top:430px;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.portfolioTitleXML
{
	color:#FFF;
}

#portfolioTitleName
{
	color:#c1b368;
}

#portfolioTitleElement
{
	color:#999933;
}

.portfolioTitleAttribute
{
	color:#575757;
}

#portfolioContainer
{
	vertical-align:middle;
	text-align:center;
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

#portfolioItemTitleDiv
{
	top:20px;
	width:940px;
	height:20px;
	left:50%;
	margin-left:-470px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

#portfolioItemFooterDiv
{
	bottom:50px;
	width:940px;
	height:20px;
	left:50%;
	margin-left:-470px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#portfolioVideoDiv
{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}

.portfolioThumb_DIV
{
	text-align:center;
	filter:alpha(opacity=20);
	opacity:0.2;
	-moz-opacity:0.2;
}




/*
---------------- Dictionary declarations
*/

#dictionaryDIV
{
	top:570px;
	width:600px;
	left:50%;
	margin-left:-300px;
}

.dicClassDiv
{
	text-align:justify;
}

.defTitleClassDiv
{
	top:0px;
}

.defTitleSpanClass
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#c1b368;
}

.defNounSpanClassDiv
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	font-style:italic;
}

.defClassDiv
{
	top:30px;
	line-height:20px;
}

.defPhoneticSpan1Class
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}

.defPhoneticSpan2Class
{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color:#999933;
}

.defSpanClass
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:12px;
	color:#FFF;
}



/*
---------------- About type declarations
*/

#aboutCopy_DIV
{
	width:800px;
	height:560px;
	top:80px;
	left:50%;
	margin-left:-400px;
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	vertical-align:middle;
	letter-spacing:0.1px;
	text-align:justify;
}

#leftColumn_DIV
{
	width:45%;
	height:100%;
	left:0px;
}

#rightColumn_DIV
{
	width:45%;
	height:100%;
	right:0px;
}

.aboutHeader
{
	font-size:16px;
	font-weight:bold;
	color:#c1b368;
	line-height:32px;
}

.aboutCompanyName
{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.aboutDefaultCopy
{
	font-size:14px;
	color:#DEDEDE;
	line-height:24px;
	text-align:justify;
}

.aboutEmphasized
{
	font-size:15px;
	font-weight:bold;
}

/*
---------------- Services type declarations
*/

#instructionCopy
{
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}


/*
---------------- Skill type declarations
*/

.skillHeader
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:22px;
	letter-spacing:5px;
	color:#c1b368;
}

#skillID_Div
{
	width:800px;
	height:100px;
	top:240px;
	left:50%;
	margin-left:-400px;
}

#technicalID_DIV
{
	width:25%;
	left:0px;
	top:0px;
	filter:alpha(opacity=20);
	opacity:0.2;
	-moz-opacity:0.2;
}

#creativeID_DIV
{
	width:25%;
	right:0px;
	top:0px;
	filter:alpha(opacity=20);
	opacity:0.2;
	-moz-opacity:0.2;
}

#skillDefinitions_Div
{
	width:1000px;
	height:1000px;
	top:350px;
	left:50%;
	margin-left:-500px;
}

#leftSkillDefinitions_DIV
{
	width:32%;
	height:100%;
	left:0px;
	top:0px;
}

#ctrSkillDefinitions_DIV
{
	width:32%;
	height:100%;
	left:333px;;
	top:100px;
}

#rightSkillDefinitions_DIV
{
	width:32%;
	height:100%;
	right:0px;
	top:0px;
}

#rightSkillDefinitions_DIV a:hover
{
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

.skillsDef
{
	text-align:justify;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}


/*
---------------- Class-named declarations
*/

.titleText
{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#FFFFFF;
}

.emphasis1
{
	font-size: 24px;
	color: #c1b368;
	font-weight: bold;
	letter-spacing:8px;
}

.emphasis2
{
	font-size: 48px;
	color: #c1b368;
	font-weight: bold;
}


/*
---------------- Client type declarations
*/

#clientList_DIV
{
	width:900px;
	height:600px;
	top:100px;
	left:50%;
	margin-left:-450px;
}

.clientOdd
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	letter-spacing: 0.7px;
	line-height: 28px;
}

.clientEven
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 22px;
	color: #c1b368;
	font-weight:bold;
	text-align:center;
	letter-spacing: 0.7px;
	line-height: 28px;
}



/*
---------------- Contact type declarations
*/

#officePic_DIV
{
	top:460px;
	left:280px;
}

.formName
{
	width:116px;
	height:26px;
	left:0px;
	top:9px;
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 18px;
	color: #c1b368;
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	letter-spacing: 0.7px;
}

.formFieldSmallDiv
{
	width:240px;
	top:2px;
	height:29px;
	left:120px;
}

.formField
{
	width:220px;
	top:2px;
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
	height:28px;
	letter-spacing: 0.7px;
	background:#000;
	border-color:#333;
	border-width:1px;
	border-style:solid;
}

.formArea
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align:left;
	vertical-align:top;
	width:580px;
	height:140px;
	letter-spacing: 0.7px;
	background:#000;
	border-color:#333;
	border-width:1px;
	border-style:solid;
}

.formFieldLargeDiv
{
	width:550px;
	top:2px;
	height:146px;
	left:120px;
}

.formBGSmall
{
	width:200px;
	height:35px;
	left:120px;
}

.formBGLarge
{
	width:540px;
	height:150px;
	left:120px;
}

.formButton
{
  	position: relative;
  	overflow: hidden;
  	display: block;
  	position: absolute;
  	top: 0;
	left: 0;
  	border: none;
  	float: left;
	width: 130px;
	height: 30px;
	font-size:0px;
}

#submitButton
{
	background-image:url(images/ContactFormButtons.jpg);
	background-position: -0px -0px;
}

#submitButton:hover
{
	cursor: pointer;
	background-position: -0px -30px;
}

#clearButton
{
	background-image:url(images/ContactFormButtons.jpg);
	background-position: -130px -0px;
}

#clearButton:hover
{
	cursor: pointer;
	background-position: -130px -30px;
}

#contactCompanyName
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#c1b368;
}

#contactCompanyAddress
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
}

#contactCompanyCity
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:12px;
	color:#c1b368;
}


#contactDirections1
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:12px;
	color:#c1b368;
}


#contactDirections2
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#captcha_DIV
{
	width:310px;
	height:60px;
}


#captchaLabel
{
	width:116px;
	left:0px;
	top:2px;
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #c1b368;
	text-align:right;
	vertical-align:middle;
	letter-spacing: 0.7px;
}

.captchaInput
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
	height:28px;
	letter-spacing: 0.7px;
	background:#000;
	border-color:#333;
	border-width:1px;
	border-style:solid;
	width:134px;
}

#captchaReLink
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	top:40px;
	left:120px;"
	width:400px;
	font-size:11px;
	color: #c1b368;
	text-align:left;
	vertical-align:middle;
	font-style:italic;
}

#contactMessageBox
{
	width:540px;
	height:150px;
	top:200px;
	margin-left:240px;
	text-align:center;
	vertical-align:middle;
}

#contactMessageText
{
	font-family:Helvetica,Arial,"Trebuchet MS", sans-serif;
	font-size: 16px;
	color: #c1b368;
	text-align:center;
	vertical-align:middle;
	letter-spacing: 0.7px;
	line-height:12px;
}