@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:top; 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;
}

#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;
}

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

#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; background-image:
}

#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{}



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



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

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

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

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

#WebDevelopment {width: 810px; margin:auto; margin-bottom:30px;}

#topper {width: 820px; margin:auto;}

#botter { width: 820px; margin:auto;}

#republicanmouth {height: 208px; width: 250px; background-color:#0d0f12; float:left; margin-right:30px; margin-bottom: 20px; margin-top: -20px;}



#politicpeople {height: 208px; width: 250px; background-color:#0d0f12; float:left; margin-right:30px; margin-bottom: 20px; margin-top: -20px;}



#macroscope {height: 208px; width: 250px; background-color:#0d0f12; float:left; margin-bottom: 20px; margin-top: -20px;}



#cmc {height: 208px; width: 250px; background-color:#0d0f12; float:left;margin-right:30px; margin-bottom: 30px;}


#ourvoice {height: 208px; width: 250px; background-color:#0d0f12;float:left;margin-right:30px; margin-bottom: 30px;}

#rowthree {width: 820px; margin:auto; clear:left;}

#sherwinwilliam {height: 208px; width: 250px; background-color:#0d0f12;float:left;margin-right:30px; margin-bottom: 30px;}

#wb {height: 208px; width: 250px; background-color:#0d0f12;float:left;margin-right:30px; margin-bottom: 30px;}

#ys {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-bottom: 30px;}

#rowfour {width: 820px; margin:auto; clear:left;}

#polad {height: 208px; width: 250px; background-color:#0d0f12;float:left;margin-right:30px; margin-bottom: 30px;}

#ocs {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-right:30px; margin-bottom: 30px;}

#bc {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-bottom: 30px;}

#rowfive {width: 820px; margin:auto; clear:left; margin-bottom:10px;}

#cn {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-bottom: 30px;}

#rowsix {width: 820px; margin:auto; clear:left; margin-bottom:10px;}

#rowseven {width: 820px; margin:auto; clear:left;}

#roweight {width: 820px; margin:auto; clear:left;}

#whis {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-right:30px; margin-bottom: 30px;}

#g2 {height: 208px; width: 250px; background-color:#0d0f12;float:left;  margin-right:30px; margin-bottom: 30px;}

#macros {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin:auto; margin-bottom:30px;}

#ov {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-right:30px; margin-bottom: 30px;}

#seymour {height: 208px; width: 250px; background-color:#0d0f12;float:left; margin-bottom: 30px;}

#politicpeople
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/polibutton2.gif)no-repeat 0 0;
list-style-type: none;
}

#politicpeople:hover
{ 
  background-position: 0 -208px;
}

#politicpeople span
{
  display: none;
}

#republicanmouth
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/rmbutton2.gif)no-repeat 0 0;
list-style-type: none;
}

#republicanmouth:hover
{ 
  background-position: 0 -208px;
}

#republicanmouth span
{
  display: none;
}

#macroscope
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/macrobutton2.gif)no-repeat 0 0;
list-style-type: none;
}

#macroscope:hover
{ 
  background-position: 0 -208px;
}

#macroscope span
{
  display: none;
}

#cmc
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/cmcbutton2.gif)no-repeat 0 0;
list-style-type: none;
}

#cmc:hover
{ 
  background-position: 0 -208px;
}

#cmc span
{
  display: none;
}

#ourvoice
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/Ourvoicebutton2.gif)no-repeat 0 0;
list-style-type: none;
}

#ourvoice:hover
{ 
  background-position: 0 -208px;
}

#ourvoice span
{
  display: none;
}

#sherwinwilliam
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/swbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#sherwinwilliam:hover
{ 
  background-position: 0 -208px;
}

#sherwinwilliam span
{
  display: none;
}

#wb
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/wbbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#wb:hover
{ 
  background-position: 0 -208px;
}

#wb span
{
  display: none;
}

#ys
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/yscampbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#ys:hover
{ 
  background-position: 0 -208px;
}

#ys span
{
  display: none;
}

#polad
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/poladbuttion.gif)no-repeat 0 0;
list-style-type: none;
}

#polad:hover
{ 
  background-position: 0 -208px;
}

#polad span
{
  display: none;
}

#ocs
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/oceanconservationbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#ocs:hover
{ 
  background-position: 0 -208px;
}

#ocsad span
{
  display: none;
}

#bc
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/bcbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#bc:hover
{ 
  background-position: 0 -208px;
}

#bc span
{
  display: none;
}

#cn
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/cnbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#cn:hover
{ 
  background-position: 0 -208px;
}

#cn span
{
  display: none;
}

#whis
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/whisbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#whis:hover
{ 
  background-position: 0 -208px;
}

#whis span
{
  display: none;
}

#g2
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/g2button.gif)no-repeat 0 0;
list-style-type: none;
}

#g2:hover
{ 
  background-position: 0 -208px;
}

#g2 span
{
  display: none;
}

#macros
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/macrosbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#macros:hover
{ 
  background-position: 0 -208px;
}

#macros span
{
  display: none;
}

#ov
{
  display: inline;
  width: 249px;
  height: 208px;
  background:url(../images/ovbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#ov:hover
{ 
  background-position: 0 -208px;
}

#ov span
{
  display: none;
}

#seymour
{
  display: inline;
  width: 249px;
  height: 280px;
  background:url(../images/seymourbutton.gif)no-repeat 0 0;
list-style-type: none;
}

#seymour:hover
{ 
  background-position: 0 -208px;
}

#seymour span
{
  display: none;
}

#portfoliobuttonone
{
  display: block;
  width: 266px;
  height: 277px;
  background:url(../images/portfoliobutton1.gif)no-repeat 0 0;

}

#portfoliobuttonone:hover
{ 
  background-position: 0 -281px;
}

#portfoliobuttonone span
{
  display: none;
}

#portfoliobuttontwo
{
  display: block;
  width: 266px;
  height: 277px;
  background:url(../images/portfoliobutton2.gif)no-repeat 0 0;

}

#portfoliobuttontwo:hover
{ 
  background-position: 0 -281px;
}

#portfoliobuttontwo span
{
  display: none;
}

#portfoliobuttonthree
{
  display: block;
  width: 266px;
  height: 277px;
  background: url(../images/portfoliobutton3.gif)no-repeat 0 0;
}

#portfoliobuttonthree:hover
{ 
  background-position: 0 -281px;
}

#portfoliobuttonthree span
{
  display: none;
}

#buttonbox {width: 300px; height:auto; margin:auto; float:left; margin-bottom: 60px;}

#buttonbox2 {width: 300px; height:auto; margin:auto; float: left; margin-bottom: 60px;}

#buttonbox3 {width: 300px; height:auto; margin:auto;float: left; margin-bottom: 60px;}

#buttonboxcontainer {width: 900px; height:auto; margin:auto; margin-top: 20px; }

#portfoliotitle {width: 900px; margin:auto; }