body 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #220a03;
  color: White;
  margin: 0px;
  padding: 0px;
  background-repeat : repeat-x;
  background-image: url('Images/Master/PageTile.png');
  
}

img {border:none;  }

input, textarea
{
  font-family:Arial;
  font-size:13px;
  color: rgb(107,109,107);
}

h1{ font-size: 48px; font-weight: bold; color: rgb(72,27,13); padding: 26px 0px 26px 0px; margin: 0px; font-family:'Arial Black', arial, serif; }
h1.black{ font-size: 48px; font-weight: bold; color: Black; padding: 26px 0px 26px 0px; margin: 0px; font-family:'Arial Black', arial, serif; }
h2{ font-size: 36px; font-weight: bold; color: Black; padding: 0px; margin: 0px; font-family:'Arial Black', arial, serif; }
h3 {font-size: 18px; padding: 0px; margin: 0px 0px 6px 0px; color: rgb(72,27,13); font-family:'Arial Black', arial, serif;}
h2.small {font-size: 18px; padding: 0px; margin: 0px 0px 6px 0px; color: rgb(72,27,13); font-family:Arial, serif;}
h2.blog {font-size: 28px; padding: 0px; margin: 0px 0px 6px 0px; color: rgb(72,27,13); font-family:Arial, serif;}

a:link     { color: #80bbe6; text-decoration: none }
a:visited  { color: #80bbe6; text-decoration: none }
a:active   { color: #80bbe6; text-decoration: none }
a:hover    { color: rgb(72,27,13); text-decoration: underline }

a.white:link     { color: White; text-decoration: none }
a.white:visited  { color: White; text-decoration: none }
a.white:active   { color: White; text-decoration: none }
a.white:hover    { color: #80bbe6; text-decoration: underline }

.PageContent
{
  width:950px;
  position: absolute;
  left: 50%;
  margin-left: -475px;
  margin-top: 20px;
  background-repeat : repeat-y;
  background-image: url('Images/Master/ContentTile.jpg');
}

.MenuCol { width: 300px; float: left; }

.ContentCol { width: 650px; float: left; min-height: 855px; height: auto !important; height: 855px;}
.ContentCopy {padding: 0px 50px 0px 50px; line-height: 20px; text-align: justify;}

.SuperBold
{
  font-family:'Arial Black', arial, serif;
  font-weight: bold;
}

.Logo { padding: 6px 0px 40px 44px; }

.cb {clear: both;}

.MenuSocial
{
  position: absolute; 
  bottom: 0px;  
  padding-left: 75px;
}

.SocialBG
{
  background-repeat : no-repeat;
  background-image: url('Images/Master/SocialBackground.png');
  width: 140px;
  height: 281px;
}

.Menu { font-size: 36px; font-weight: bold; color: Black; padding-left: 38px; font-family:'Arial Black', arial, serif;  overflow: hidden; width: 250px;}
.Menu i { font-family: Arial; }
.Menu a { color: Black; text-decoration: none;}

.ccBrown { color: rgb(72,27,13);}
.h1Black { font-family: Arial;color: Black;}
.h1Brown { font-family: Arial;color: rgb(72,27,13);}


.TwitterHome
{
  background-repeat : no-repeat;
  background-image: url('Images/Home/Home_twitter.jpg');
  background-position: 50px 0px;
  width: 600px;
  height: 306px;
  padding-left: 50px;
}

.PromoHome
{
  background-repeat : no-repeat;
  background-image: url('Images/Home/Promo-block.png');
  
  width: 310px;
  height: 228px;
  padding: 50px 0px 0px 5px;
  float: left;
}

.PromoTextHome
{
  width: 210px; float: left; text-align: justify; font-size: 12px; padding-top: 50px; line-height: 16px;
}

.HomeTweet
{
  text-align: center;  
  width: 145px;
  
  padding: 145px 0px 0px 40px;
  font-size: 11px;
}

.HomeTweetAt
{
  font-size: 11px;
  width: 240px;
  height: 40px;
  text-align: center;  
}

.wwdPlate
{
  background-repeat : no-repeat;
  background-image: url('Images/What-we-do/What-we-do.png');
  background-position: bottom right;
  min-height: 855px; height: auto !important; height: 855px; 
}

.contactImage {float: left; width: 50px;}
.contactTitle {float: left; width: 80px; color: Black; padding-top: 8px;}
.contactValue {float: left; width: 280px; padding-top: 8px;}
.contactTitleWide {float: left; width: 480px; color: Black; padding-top: 8px;}
.contactPanel 
{
  background-repeat : no-repeat;
  background-image: url('Images/Talk-to-us/Form-Background.png');
  background-position: 0px 10px;
  width: 461px;
  height: 370px;
  color: Black;
}
.contactInput {padding: 0px; margin: 0px; background-color: transparent; font-size: 14px; border-style: none; color: White; line-height: 20px}

.ie_menu{
	
	
	font-size: 36px; font-weight: bold; color: Black; padding-left: 30px; font-family:'Arial Black', arial, serif; overflow: hidden;
}


.ie_menu a{
	color:#80bbe6;
	text-decoration: none;
	cursor: pointer;
}

.ie_menu a:hover    { text-decoration: underline }

.sl_menu a{
	display:block;
	position:relative;
	float:left;
	clear:both;
	color:#80bbe6;
	text-decoration: none;
	width: 260px;
	cursor: pointer;
}

.sl_menu a > span{
	height:48px;
	float:left;
	position:relative;
	overflow:hidden;
}

.sl_menu a span span{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	text-align:center;
}

.sl_menu a span span.sl-w1{
	color: Black;
	z-index:2;
}

.sl_menu{
	
	clear:both;
	display:block;
	font-size: 36px; font-weight: bold; color: Black; padding-left: 30px; font-family:'Arial Black', arial, serif; overflow: hidden;
}


.PortiFrame
{
  background-repeat : no-repeat;
  background-image: url('Images/Our-Work/Portfolio-Frame.png');
  
  width: 490px;
  height: 357px;
  color: Black;
}

a.portiItem{ opacity:0.7; }
a.portiItem:hover{ opacity:1; }



/* Home anim*/
.blackText {color: Black;}
.animationwindow {
	width: 380px;
	height: 50px;
	border: 0px #999999 solid;
	overflow: hidden;
	font-size: 30px;
	color: rgb(72,27,13);
	font-weight: bold;
	padding-top: 15px;
	position: absolute;
}

.Anim1 {
	display: none;
	position: relative;
}

.Anim1 .a {
	display: none;
	position: absolute;
	top: 150px;
	left: 10px;
}

.Anim1 .b {
	
	color: #000;
	position: absolute;
	top: -150px;
	left: 120px;
}

.Anim2 {
	position: absolute;
	display: none;
	width: 400px;
	top: 10px;
	left: 600px;
}

.Anim3 .a {
	display: none;
	position: absolute;
	top: 100px;
	left: 0px;
}
.Anim3 .b {
	display: none;
	position: absolute;
	top: -100px;
	left: 50px;
	color: #000;
}
.Anim3 .c {
	display: none;
	position: absolute;
	top: 100px;
	left: 150px;
	
}

.Anim4 {
	position: absolute;
	display: none;
	
	top: 10px;
	left: -350px;
}

.Anim5 .a {
	display: none;
	position: absolute;
	top: 10px;
	left: -300px;
}
.Anim5 .b {
	display: none;
	position: absolute;
	top: 10px;
	left: -300px;
	color: #000;
}

.Anim6 {
	position: absolute;
	display: none;
	font-size: 22px;
	top: -80px;
	left: 5px;
}

.Anim7 {
	position: absolute;
	display: none;
	
	top: 15px;
	left: 500px;
	width: 400px;
}


a.porti 
{
  font-family:'Arial Black', arial, serif;
  color: Black; 
  text-decoration: none;
  padding-left: 24px;
  font-size: 18px;
}
a.porti:hover    { text-decoration: underline; }

a.portiSel  
{
  font-family:'Arial Black', arial, serif;
  color: #80bbe6; 
  text-decoration: none;
  background-repeat : no-repeat;
  /*background-image: url('Images/Our-Work/PortiSelected.png');
  background-position: 0px 5px;*/
  display: block;
  width: 120px;
  height: 42px;
  padding-left: 24px;
  font-size: 18px;
}

.BlogDate
{
  font-size: 11px;
  color: White;
  font-style: italic;
}

.indent{ padding-left: 15px;}

a.portiSel > .h1Brown { font-family: Arial;color: White;}