@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; background-color:#000; background-image:url(../images/background.gif); background-repeat:no-repeat; background-position:center; height: auto;}

#bar {width: auto; height: 25px; background-color: #000; color:#999; }

#minibar{width: auto; height: 120px; margin: auto; background-image:url(../images/bg_header.png); background-repeat:repeat-x;}

#logo {width: auto; height: auto; float:left; margin-left: 20px;}

#navcontainer { width: 500px; height: 30px; margin:auto; list-style-type: none; padding-top: 25px; margin-left: 240px; }

#group {margin: auto; width: 750px; height:30px; list-style-type: none;}

#bargroup {margin: auto; width: auto; height:auto; padding-left: 20px;}

#websitebar {width: auto; height: 25px; float:left; padding-top:5px;}

#socialbar {width: auto; height: 25px; float: right; padding-right: 20px; padding-top: 5px;}

#About
{display:inline;
  width: 45px;
  height: 29px;
  background:url(../images/aboutlrg.png) no-repeat 0 0;
  list-style-type: none;
  
 
}

#About:hover
{ 
  background-position: 0 -33px;
}

#About span
{
display: none;
  position: absolute;	
}

#About.current {background-position: 0 -33px;}

#Menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	text-align:center;
	list-style-type: none;
	top: 69px;
	
}

#Process
{
  display: inline;
  width: 60px;
  height: 29px;
  background:url(../images/processlrg.png) no-repeat 0 0;
margin-left: 80px;
list-style-type: none;

}

#Process:hover
{ 
  background-position: 0 -34px;
}

#Process span
{
  display: none;
}

#Process.currentprocess {background-position: 0 -34px;}

#Services
{
  display: inline;
  width: 62px;
  height: 29px;
  background:url(../images/serviceslrg.png); no-repeat 0 0;
margin-left: 175px;
list-style-type: none;
}

#Services:hover
{ 
  background-position: 0 -34px;
}

#Services span
{
  display: none;
}

#Services.currentservices{ 
  background-position: 0 -34px;
}

#Portfolio
{
  display: inline;
  width: 68px;
  height: 29px;
  background:url(../images/portfoliolrg.png) no-repeat 0 0;
margin-left: 275px;
list-style-type: none;
}

#Portfolio:hover
{ 
  background-position: 0 -34px;
}

#Portfolio span
{
  display: none;
}

#Contact
{
  display: inline;
  width: 58px;
  height: 29px;
  background:url(../images/contactlrg.png) no-repeat 0 0;
margin-left: 370px;
list-style-type: none;
}

#Contact:hover
{ 
  background-position: 0 -33px;
}

#Contact span
{
  display: none;
}

#slidebox {width: 825px; height: auto; margin:auto;}

#message {width: 700px; height: auto; margin: auto;}

#bottom {width:auto; height:450px; background-color:#0d0f12; margin-top: 30px; clear:both;}

li {}

#aboutcompany { height: 200px; width: 300px; float: left; margin-bottom: 15px; margin-top: 15px; border-right:#1F1F1F solid thin; }

#company {height: 200px; width: 600px; float: right; margin-bottom: 15px; margin-top: 15px;  }


#connect {width: 900px; height: 200px; margin: auto; }

#bottomcontentbox {margin: auto; height: auto; width:905px;}

.aboutstrikecreative{font-family:Arial, Helvetica, sans-serif; color:#94BFD7; padding-top: 15px; padding-left: 20px; font-size:12px; }

.aboutstrikecontent{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding-left: 20px; padding-right: 20px; line-height: 1.5; padding-top: 5px; }

.aboutcompanyheader{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#94BFD7; padding-top: 15px; padding-left: 20px; }

.aboutcompanycontent {padding-left: 70px;}

#connectleft { float:left; width: 300px; height: 140px; border-top:#1F1F1F solid thin; border-bottom:#1F1F1F solid thin;}

#connectmid { float:left; width: 300px; height: 140px; border-top:#1F1F1F solid thin; border-bottom:#1F1F1F solid thin;}

#connectright { float:left; width: 300px; height: 140px; border-top:#1F1F1F solid thin; border-bottom:#1F1F1F solid thin;}

.connectleftheader {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#94BFD7; padding-top: 15px; padding-left: 20px; padding-top: 30px;}

.connectmidheader {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#94BFD7; padding-top: 15px; padding-left: 20px;  padding-top: 30px;}

.connectrightheader {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#94BFD7; padding-top: 15px; padding-left: 20px; padding-top: 30px;}

.connectleftcontent {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; padding-left: 20px; padding-right: 30px;}

.connectmidcontent {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; padding-left: 20px; padding-right: 30px;}

.connectrightcontent {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; padding-left: 20px; padding-right: 20px;}

#facebookbutton
{
  display: block;
  width: 157px;
  height: 28px;
  background: url(../images/facebookbutton.png) no-repeat 0 0;

}

#facebookbutton:hover
{ 
  background-position: 0 -27px;
}

#facebookbutton span
{
  display: none;
}

#twitterbutton
{
  display: block;
  width: 157px;
  height: 28px;
  background: url(../images/twitterbutton.png) no-repeat 0 0;

}

#twitterbutton:hover
{ 
  background-position: 0 -27px;
}

#twitterbutton span
{
  display: none;
}

#linkedinbutton
{
  display: block;
  width: 157px;
  height: 28px;
  background: url(../images/linkedinbutton.png) no-repeat 0 0;

}

#linkedinbutton:hover
{ 
  background-position: 0 -28px;
}

#linkedinbutton span
{
  display: none;
}

.nav {list-style-type:none;}

#base {color: #666; clear:both; font-family:Arial, Helvetica, sans-serif; font-size: 10px; width: 900px; margin:auto; padding-top: 15px;}

#process { height: 500px; width: 900px; margin: auto;}

#toprow {  height: 250px; width: 900px; margin:auto; }

#bottomrow {  height: 250px; width: 900px; margin: auto; clear:left;}

#analyzeproblemheader{ width: 280px; height: 30px; float:left; margin-left: 15px; margin-top: 10px;}

#analyzeproblemcontent{}

#arrow {}

#developplanheader {  width: 280px; height: 30px; float:left; margin-left: 15px; margin-right: 15px; margin-top: 10px;}

#developplancontent {}

#communicateideaheader {  width: 280px; height: 30px; float:left; margin-right: 15px; margin-top: 10px;}

#communicateideacontent {}

#bottomarrow {}

#createproductheader {  width: 280px; height: 30px; float:left; margin-left: 15px; }

#createproductcontent {}

#oparrow {}

#producesolutionheader {  width: 280px; height: 30px; float:left; margin-left: 15px; margin-right: 15px;}

#producesolutioncontent {}

#measuresuccessheader { width: 280px; height: 30px; float:left; margin-right: 15px;}

#measuresuccesscontent {}

#webdevelopment {width:200px; float: left; margin:auto; margin-bottom: 30px; margin-right: 40px;}

#branddesign {width:200px; float: left;margin:auto; margin-bottom: 30px; margin-left: 70px;}

#marketing {width:200px; float: left;margin:auto; margin-bottom: 30px; margin-left: 90px;}

#printdesign {width:200px; float: left;margin:auto; margin-left:5px; margin-bottom: 30px;}

#consulting {width:200px; float: left;margin:auto; margin-left: 110px; margin-bottom: 30px;}

#flasher {width: 800px; margin:auto;}

#secondbox {width: 800px; margin:auto; clear:left;}

#flashside {width: 550px; float:left;position:relative;}

#expandbox {width: 800px; margin: auto;}

#expandbox2 {width: 800px; margin: auto;}

#stack {float: right; position:relative;}

#box {height: 360px; width: 500px;  margin:auto; float:left; margin-bottom: 50px; border-right:#CCC solid thin;  }

#innerbox {height: 380px; width: 480px; background-color:#FFF; margin-left:10px; margin-top: 10px;}

#right{width: 150px; float:left; margin-left: 15px;} 

#together {width: 700px; margin:auto; height: 330px; margin-bottom: 30px; margin-top: 40px; margin-bottom: 80px;}

#webber
{
  display: block;
  width: 157px;
  height: 20px;
  background: url(../images/webdevelopmentbuttonservices.png) no-repeat 0 0;

}

#webber:hover
{ 
  background-position: 0 -24px;
}

#webber span
{
  display: none;
}

#webber.currentwebber
{ 
  background-position: 0 -24px;
}

#consulter
{
  display: block;
  width: 101px;
  height: 20px;
  background: url(../images/consultingbutton.png) no-repeat 0 0;

}

#consulter:hover
{ 
  background-position: 0 -24px;
}

#consulter span
{
  display: none;
}

#brander
{
  display: block;
  width: 117px;
  height: 20px;
  background: url(../images/branddesignbutton2.png) no-repeat 0 0;

}

#brander:hover
{ 
  background-position: 0 -24px;
}

#brander.currentbrander
{ 
  background-position: 0 -24px;
}

#brander span
{
  display: none;
}

#marketer
{
  display: block;
  width: 101px;
  height: 20px;
  background: url(../images/marketingbutton.png) no-repeat 0 0;

}

#marketer:hover
{ 
  background-position: 0 -24px;
}

#marketer span
{
  display: none;
}

#printer
{
  display: block;
  width: 107px;
  height: 20px;
  background: url(../images/printdesignbutton.png) no-repeat 0 0;

}

#printer:hover
{ 
  background-position: 0 -24px;
}

#printer span
{
  display: none;
}

#construct
{
  display: block;
  width: 154px;
  height: 63px;
  background:url(../images/webdevelopmentclickable.gif) no-repeat 0 0;

}

#construct:hover
{ 
  background-position: 0 -63px;
}

#construct span
{
  display: none;
}

#builder
{
  display: block;
  width: 154px;
  height: 63px;
  background:url(../images/buildidentity.gif) no-repeat 0 0;

}

#builder:hover
{ 
  background-position: 0 -63px;
}

#builder span
{
  display: none;
}


</style>