body{
 font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif;
 color: #424a52;
 font-size: 12px;
 /*background-image: url('images/structure/backgrounds/');*/
 background-color: #fff;
 background-position: top center;

 background-color: #fff;
 margin-top: 20px;
 margin: 0px;
}

.tweet span a{
	font-weight:bold;
	color:#ff8422;
}



/* magnifier */

.magnifier{
position: absolute;
border: solid 1px #000000;
cursor: move;
background-repeat: no-repeat;
background-color: #ffffff;
}


.magnifierShadow{
position: absolute;
background: transparent;
padding: 0px;
margin: 0px;
}

.magnifierController{
color: #000000;
font-family: Verdana, Tahoma, sans-serif;
font-size: 10px;
}
#map_canvas{
	border:solid 1px #999999;
}

.magnifierControllerContainer{
margin-top: 10px;
text-align: left;
color: #000000;
}

#pagination{
clear:both;
text-align:right;
	color:#ff8422;
	padding:38px;

}
#pagination a{
	color:#ff8422;
	text-decoration:none;
	border:1px solid #999;
	padding:5px;
	margin:2px;
}
#pagination a:hover,#pagination a.active{
	border:1px solid #ff8422;
}
#pagination a.nl{
	color:white;
	background:#ff8422;
}
.magnifierControllerPrefix{
color: #000000;
}

.magnifierControllerButton{
color: #666666;
cursor: pointer;
background-color: #eeeeee;
border: solid 1px #dddddd;
padding: 0px 4px 0px 4px;
}

.magnifierControllerButtonSelected{
background-color: #ccc;
border: solid 1px #aaaaaa;
color: #333333;
font-weight: bold;
cursor: pointer;
padding: 0px 4px 0px 4px;
}


img, div {
	border: 0px;
}
textarea.contfill,input.contfill,select.contfill{
	width:300px;
	height:22px;
	border:solid 1px #999999;
	vertical-align:top;

}
input.smaller{
	width:245px;	
	margin-left:2px;
}
input.mailbut{
	background: #cccccc !important;
	color:#444444 !important;
}
textarea.contfill{
	height:150px;
}

h1{
font-family: Arial, tahoma, verdana Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
	color:#ff8422;
margin-bottom: 0px;
margin-top: 0px;
}

h2{
font-family: Arial, tahoma, verdana Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
margin-bottom: 3px;
margin-top: 2px;
}
.randimg{
	vertical-align:top;
	margin-top:4px;
}

.spacediv{
	float:left;
	display:block;
	width:12px;
	height:50px;
}
.headtext{
font-size:12px;
color:#666666;
float:left;
width:430px;
margin-left:40px;
}

h3{
font-family: Arial, tahoma, verdana Helvetica, sans-serif;
text-transform: capitalize;
font-weight: bold;
font-size: 13px;
margin-bottom: 3px;
margin-top: 2px;
}

input{
font-family: Arial, tahoma, verdana Helvetica, sans-serif;
font-size: 11px;
color: #333;
background-color: #ffffff;
border: 1px solid #7d7d7d;
margin-top: 3px;
margin-bottom: 5px;
}

.pointer{
cursor: pointer;
}

.col1{
width: 320px;
}

.lower a:hover{
opacity: 0.5;
background-color: #FFFFFF;
}
#accred a{
	opacity:0.6;
}
#accred a:hover{
	opacity:1;
}

.btnNewsletter{
  width: 75px;
  height: 20px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/subscribe.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
}

.btnSend{
  width: 50px;
  height: 18px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/send.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
}
#featured_work_main{
	clear:both !important;
}
#featured_work_main .featured_item{
margin-left:35px;

}


.btnUpdate{
  width: 50px;
  height: 18px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/update.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
}

.btnCheckout{
  width: 65px;
  height: 18px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/checkout.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
}

.btnProceed{
  width: 65px;
  height: 18px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/proceed.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
}

.btnAdd{
  width: 111px;
  height: 20px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/add_cart.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
 }

.btnLogin{
 width: 65px;
 height: 20px;
 margin: 0px;
 border: 0px;
 background: transparent url('images/structure/btns/login.gif') no-repeat center bottom;
 overflow: hidden;
 cursor: pointer;
}

.btnGo{
 width: 40px;
 height: 20px;
 margin: 0px;
 border: 0px;
 background: transparent url('images/structure/btns/go.gif') no-repeat center bottom;
 overflow: hidden;
 cursor: pointer;
}

.btnRecover{
 width: 122px;
 height: 20px;
 margin: 0px;
 border: 0px;
 background: transparent url('images/structure/btns/recover.gif') no-repeat center bottom;
 overflow: hidden;
 cursor: pointer;
}


input.text{
padding-left: 2px;
padding-right: 2px;
}

input[type="submit"]{
padding-left: 2px;
padding-right: 2px;
color: #da1800;
text-transform: uppercase;
font-weight: bold;
}

select{
font-family: Arial, tahoma, verdana Helvetica, sans-serif;
font-size: 11px;
color: #333;
background-color: #ffffff;
border: 1px solid #7d7d7d;
margin-top: 3px;
margin-bottom: 3px;
}

textarea {
font-family: Arial, tahoma, verdana Helvetica, sans-serif;
font-size: 11px;
color: #333;
background-color: #ffffff;
border: 1px solid #7d7d7d;
margin-top: 3px;
margin-bottom: 5px;
}

table.position {
height: 100%;
width: 100%;
}

table{
border-spacing: 0px;
padding: 0px;
}

.center{
text-align: center;
}

.right{
text-align: right;
}


#tear{
position: absolute;
top: 45px;
width: 100%;
height: 490px;
background-image: url('images/structure/tear.png');
background-repeat: repeat-x;
z-index: 1;
}

#tear img{
position: relative;
top: 473px;
}

#container {
 position: relative;
 margin: 0px auto;
 width: 996px;
 text-align: left;
 z-index: 2;
}

td.central{
 height: 100%;
 text-align: center;
 color: #333333;
}

td {
 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 color: #424a52;
 vertical-align: top;
 font-size: 12px;
}

em {
font-style: normal;
font-weight: bold;
text-decoration: none;
color: #ff8422;
}

a em {
font-style: normal;
color: #ff8422;
text-decoration: none;
}

.basic a{
 border: 0px;
 text-decoration: none;
}

.basic a:link{
 border: 0px;
 text-decoration: none;
}

.basic a:visited{
 text-decoration: none;
}

.basic a:hover{
 text-decoration: none;
}

.basic a:active{
 text-decoration: none;
}

a{
 border: 0px;
 text-decoration: underline;
 color: #333333;
}

a:link{
 text-decoration: underline;
 color: #333333;
}

a:visited{
 text-decoration: underline;
 color: #333333;
}

a:hover{
 text-decoration: underline;
 color: #cc0000;
}

a:active{
 text-decoration: underline;
 color: #333333;
}

img.border {
padding: 3px;
border: 1px solid #999999;
background-color: #FFFFFF;
}

img.floatLeftBorder {
float: left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
padding: 2px;
border: 1px solid #333333;
}

img.floatLeft {
float: left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
}

img.floatRight {
float: right;
margin-top:0px;
margin-right:0px;
margin-left: 5px;
margin-bottom:5px;
}

img.floatCap {
float: right;
margin-top: -8px;
margin-right: 0px;
margin-left: 5px;
margin-bottom: 0px;
}

img.floatRightClose {
float: right;
margin-top: 10px;
margin-right: 20px;
margin-left: 5px;
margin-bottom:5px;
}


.floatRight{
float: right;
}

.floatLeft{
float: left;
}

#logo{
position: relative;
top: 75px;
left: 14px;
width: 146px;
height: 146px;
z-index: 9;
}
#logo img{
	margin-top:2px;
}
#nav{
position: absolute;
top: 15px;
right: 40px;
width: 796px;
height: 20px;
text-align: right;
z-index: 9;
}

#services-nav{
position: absolute;
top: 75px;
left: 170px;
width: 799px;
height: 140px;
z-index: 9;
}

#services-nav img{
float:left;
margin: 0px;
padding:0px;
}

#recent_work{
position: absolute;
top: 280px;
right: 5px;
height: 45px;
width: 240px;
z-index: 15;
}


.slider                         { width: 964px; height: 304px; position: relative; left: 14px; top: 100px; background: url('images/structure/slider_bg.png') no-repeat;}
.slider .wrapper                { width: 915px; overflow: hidden; height: 230px; position: absolute; top: 30px; left: 25px}

                                       /* Width below is max for Opera */
.slider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0px; left: 0px;  margin: 0px}
.slider ul li                   { display: block; float: left; margin-left: 0px; padding-right: 25px; height: 230px; width: 915px; color: #fff;}
.slider ul p                  	{ color: #fff;}
.slider ul em                	{ color: #ff8422;}
.slider ul table               	{ width: 905px; margin-left: -35px;}
.slider ul td.image_col         { padding-right: 20px;}
.slider .arrow                  { display: block; height: 12px; width: 12px; background: url('images/structure/arrows.png') no-repeat 0 0; text-indent: -9999px; position: absolute; top: 247px; cursor: pointer; z-index: 16 }
.slider .forward                { position: absolute; background-position: -1px -15px; right: 232px; }
.slider .back                   { background-position: -122px -15px; left: 30px; }
.slider .forward:hover          { background-position: -1px 0px; }
.slider .back:hover             { background-position: -122px 0px; }

#thumbNav                               { position: absolute; top: 242px; left: 46px; width: 670px; text-align: center; background: url('images/structure/slider_nav_bg.gif') }
#thumbNav p								{ display: none; }
#thumbNav a                             { display:inline-block; height: 20px; width: 25px; margin: 0px 5px 0px 0px; background: #525b64 url('images/structure/slider_off.gif') no-repeat center; }
#thumbNav a:hover                       { background: #525b64 url('images/structure/slider_on.gif') no-repeat center;}
#thumbNav a.cur                         { background: #525b64 url('images/structure/slider_on.gif') no-repeat center}

/*
  Prevents
*/
.slider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.slider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#sliderWrap{
position: relative;
top: 0px;
width: 900px;
}

#bottomlinks{
position: relative;
width: 989px;
height: 60px;
margin-top: 0px;
background: url('images/structure/ff8422footer.png') no-repeat top;
color:white;
text-align:center;
padding-top:5px;

}
#bottomlinks a{
	text-decoration:none;
	color:white;	
}
#bottomlinks a:hover{
	text-decoration:underline;
	color:#666666;	
}

#sliderLinks{
margin-top: -1px;
text-transform: uppercase;
color: #fff;
font-size: 12px;
text-align: center;
width: 970px;
}
.featured_item{
	float:left;
	width:437px;
	height:156px;
	background: url('images/structure/featBack.png') no-repeat top;
	margin-bottom:5px;
}

.bfeatured_item{
	float:left;
	height:154px;
	width:281px;
	margin:5px;
	margin-left:35px;
}
.bfeatured_item_img{
	height:154px;
	width:281px;
}
.featured_item_img{
	margin-top:12px;
	background-position: 16px center;
}
#feat1{
	background: url('images/examples/typhoonbar.jpg') no-repeat;
	background-position: 16px center;
}
#feat2{
	background: url('images/examples/ifcbar.jpg') no-repeat;
	background-position: 16px center;
}
#moveshare{
	position:relative;
	top:-50px;
	float:left;
	margin-left:40px;
}
#moveshare a{
	text-tranform:none
	font-weight:bold;
}
.feat_text{
	margin:auto;
	margin-top:12px;
	width:394px;
	font-size:10px;
	color:#9da1a5;
	height:24px;
	wisth:390px;
	margin-top:7px;
	margin-left:13px;
	padding:9px;
}
.feat_text span{
	color:white;
	font-size:12px;
	font-weight:bold;
}
.feat_text a{
	color:white;
}
#sliderLinks a{
color: #fff;
text-decoration: none;
}

#sliderLinks a:hover{
color: #fff;
text-decoration: underline;
}


#slider table{
margin-top: 45px;
margin-left: 44px;
width: 900px;
}

#slider table td{
width: 180px;
text-align: left;
padding-left: 16px;
padding-right: 15px;
font-size: 10px;
}

#slider table td em{
font-size: 11px;
}

#slider table td.bdrRight{
border-right: 1px solid #999999;
}

#sliderContent {
position: absolute;
text-align:center;
color: #333333;
font-weight:bold;
padding: 10px;
}
a.datebox{
	display:block;
	float:left;
	height:52px;
	width:69px;
	text-align:center;
	color:black;
	text-decoration:none;
	font-weight:900;
	padding-top:22px;
	padding-left:5px;
	font-size:34px;
	
}
.Jandate{
	background: url('images/blog/jan.png') no-repeat top left;
}
.Febdate{
	background: url('images/blog/feb.png') no-repeat top left;
}
.Mardate{
	background: url('images/blog/mar.png') no-repeat top left;
}
.Aprdate{
	background: url('images/blog/apr.png') no-repeat top left;
}
.Maydate{
	background: url('images/blog/may.png') no-repeat top left;
}
.Jundate{
	background: url('images/blog/jun.png') no-repeat top left;
}
.Juldate{
	background: url('images/blog/jul.png') no-repeat top left;
}
.Augdate{
	background: url('images/blog/aug.png') no-repeat top left;
}
.Sepdate{
	background: url('images/blog/sep.png') no-repeat top left;
}
.Octdate{
	background: url('images/blog/oct.png') no-repeat top left;
}
.Novdate{
	background: url('images/blog/nov.png') no-repeat top left;
}
.Decdate{
	background: url('images/blog/dec.png') no-repeat top left;
}
#dont-click{
position: absolute;
width: 27px;
height: 165px;
top: 600px;
right: 1px;
z-index: 100;
font-size:12px;
font-weight:bold;
}

#openCloseWrap {
position: absolute;
top: 1192px;
right: 1px;
z-index: 100;
font-size:12px;
font-weight:bold;
}

#content_top{
position: relative;
width: 989px;
top: 90px;
background: url('images/structure/backgrounds/wcontent_top.png') no-repeat center;
height: 12px;
}
.examplearea{
	margin:auto;
	background: url('images/structure/egwhitemain.png') repeat-y center;
	width:932px;
	height:587px;
}
.exampleareau{
	margin:auto;
	background: url('images/structure/egwhitetop.png')  no-repeat center;
	width:932px;
	height:12px;
}
.exampleareal{
	margin:auto;
	background: url('images/structure/egwhitebot.png')  no-repeat center;
	width:932px;
	height:12px;
}
.twocol{
	padding:30px;
	padding-top:0px;
}

#content_top_s{
position: relative;
width: 989px;
top: 87px;
left: 0px;
background: url('images/structure/backgrounds/wcontent_top.png') no-repeat bottom;
height: 12px;
font-size:2px;
}
#content{
position: relative;
width: 989px;
top: 88px;

background: url('images/structure/backgrounds/wcontent.png') repeat-y center;
min-height: 500px;
}
#content_s{
position: relative;
width: 989px;
top: 85px;
left: 0px;
background: url('images/structure/backgrounds/wcontent.png') repeat-y top;
min-height: 500px;
}

#footer,#bfooter{
position: relative;
top: 60px;
height: 140px;
padding-top: 55px;
width: 100%;
background: url('images/structure/tear_footer.png') repeat-x;

z-index: 9;
text-align: center;
font-size:13px;

font-weight:bold;
}
#bottomwhite{
	background-color:white;
	display:block;
	width:100%;
	height:20px;

}
#bfooter{
position: relative;
top: 0px;
background: url('../images/structure/tear_footer.png') repeat-x;
top: 60px;
}

#footer table,#bfooter table{
width: 100%;
text-align: left;
}

#footer table td{
font: Arial;
font-size: 11px;
}

.footer_left{
width: 190px;
}

.footer_center{
	width:270px;
}

#footer_contents{
width: 960px;
margin: 0px auto;
text-align: center;
height:140px;
}

/* HOMEPAGE */

.offset_contents_left{
margin-left: 30px;
margin-top: -5px;
}

#featured_work{
position: relative;
top: 20px;
left: 1px;
min-height: 390px;
width: 470px;
z-index: 99;
}

#about_via{
position: relative;
min-height: 220px;
width: 470px;
z-index: 99;
}

#latest_blog{
position: absolute;
right: 0px;
top: 20px;
min-height: 610px;
width: 484px;
z-index: 99;
}
.blog_item{
	clear:both;
	height:92px;
}
.blog_item img, .blog_title, .blog_text{
 float:left;
}

.blog_title,.blog_text{
 width:335px;
 margin-left:18px;
}
.blog_title{
	font-weight:bold;	
	font-size:12px;
	color:#ff8422;
	height:24px;
}
.blog_text{
	color:#424a52;
	font-size:12px;
}
#example_content{
	margin-top:20px;
	font-size:12px;
}
.example_column{
	float:left;
	width:437px;
	margin-left:40px;
	min-height:500px;
}
#stayinformed{
	width:429px;
	height:148px;
	background: url('images/structure/stayinformed.png') no-repeat;
	font-weight:bold;
	color:#424a52;
}
#sitext{
	margin:auto;
	width:395px;
	padding-top:42px;

}
#sitext span{
	color:white;
}
#informed{
	margin-left:4px;
	margin-top:18px;
}
#informed input{
	float:left;
	height:26px;
	border-color:#424a52;
margin-left:4px;
	
}
.informedinp{
	width:160px;
	
padding-left:4px;
}
#egmask{
	margin:auto;
	width:904px;
	height:498px;
	background:#cccccc centre;
	
}
.maskimg{
	position:absolute;
	left:43px;

}
#sampleimg{
	position:relative;
	left:12px;
	top:7px;

}
.egbox{
	float:left;
	height:91px;
	width:300px;
	margin-left:23px;
	font-size:12px;
}
.egbox span{
	height:17px;
	font-size:11px;
	color:#ff8422;
}
#vid_container{
	position:relative;
	float:left;
	width:451px
	height:445px;
	margin-bottom:10px;
	left:-10px;
	top:-5px;
}
#egthumbs{
	width:245px;
}
#egdesc{
	width:315px;
}
#egclient{
	width:280px;
}
.tagged{
	border:0px;
	float:left;
	margin-right:20px;
}
#clearbot{
	clear:both;
	height:50px;
}
.thumba{
	margin-right:10px;
}



/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}