body { font-family: Helvetica, Arial, sans-serif;  font-size: 12px; text-align: center; margin: 0; padding: 0; }
.home { background: url('img/bg.gif') repeat-x;  background-color: #f6f6f6;}
.nothome { background: url('img/bg_nothome.gif') repeat-x;  background-color: #f6f6f6;}
.whatwedo { background: url('img/bg_what_we_do.gif') repeat-x;  background-color: #f6f6f6;}
img { border: 0; }
h1 { font-size: 24px; text-transform: uppercase; margin-top: 5px; padding-top: 0px; color: #d5362b; }
h2 { font-size: 18px; text-transform: uppercase; margin-top: 5px; padding-top: 0px; }
h3 { font-size: 14px; text-transform: uppercase; margin-top: 0px; padding-top: 0px; }

#outerwrapper {}
#outer { position: relative; width: 980px; margin: 0 auto; }
#logo { position: absolute; top: 30px; left: 10px; width: 164px; height: 36px; }

.topnav { color: #939393; font-size: 10px; text-transform: uppercase; padding-top: 8px; border-top: 1px solid #939393; }
.topnav a { color: #939393; font-size: 10px; text-transform: uppercase; padding-top: 8px; border-top: 1px solid #939393; text-decoration: none; }
/* #panowrapper { position: relative; width: 100%; height: 396px; border-bottom: 1px solid #a72b2b; } */
#panodesc { position: absolute; top: 334px; left: 130px; width: 650px; color: #6e6e6e; font-size: 10px; text-align: left; }
#prev { position: absolute; top: 350px; left: 47px; width: 15px; height: 25px; background: url('img/arrow_left.png'); }
#next { position: absolute; top: 350px; left: 834px; width: 15px; height: 25px; background: url('img/arrow_right.png'); }
.newsicon { margin-left: -30px; }
.newsiconipad { margin-left: -50px; }

#content { position: relative; width: 960px; margin-left: 10px; margin-right: 10px; color: #939393; text-align: left; background: url('img/bg_content.gif') no-repeat; border-top: 1px solid #b34b4b; min-height: 350px;  background-color: #f6f6f6;}
#content-contact { position: relative; width: 960px; margin-left: 10px; margin-right: 10px; color: #939393; text-align: left; background: url('img/bg_content_contactus.jpg') no-repeat; border-top: 1px solid #b34b4b; min-height: 350px;  background-color: #f6f6f6;}
.contact-intro { width: 424px; margin-left: 20px;}

#homecontent { float: left; width: 980px; color: #939393; }
#homeleft { float: left; width: 734px; }
#homeright { float: left; width: 246px; padding-top: 20px; }
#homeright ul { margin: 0px; padding: 0px; border: 0px; }
#homeright li { list-style-type: none; float: left; padding: 0; }
#homecontent p { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; padding-right: 50px; }
#homecontent .blogtitle { padding-left: 10px; }

#wwdcontent { float: left; width: 980px; color: #939393; }
#wwdleft { float: left; width: 634px; }
#wwdright { float: left; width: 246px; padding-top: 20px; }


#workcontent { width: 980px; float: left; color: #939393; }
.worksample { float: left; display: inline; list-style-type: none; padding: 0; width: 320px; margin-right: 5px;}
.desc { padding-left: 0px; margin-right: 50px; padding-top: 0px; padding-bottom: 10px; font-size: 11px; line-height: 18px; }

#workcontent ul { list-style: none; padding: 0px; margin: 0px; list-style-type: none; text-decoration:none; }
#workcontent ul li { float: left; display: inline; list-style-type: none; padding: 0; width: 320px; }
#workcontent li .desc { padding-left: 0px; margin-right: 50px; padding-top: 0px; padding-bottom: 10px; font-size: 11px; line-height: 18px; }


#contestthumbs { width: 635px; float: left; }
#contestthumbs ul { list-style: none; padding: 0px; margin: 0px; list-style-type: none; text-decoration:none; white-space: nowrap; }
#contestthumbs ul li { float: left; display: inline; text-decoration:none; white-space: nowrap; margin-right: 10px; width: 200px; }
#contestthumbs ul p { width: 200px; }



#wwd { float:left; width: 545px; margin-left: 50px; margin-top: 20px; }
.wwdicon { width: 45px; position: relative; float: left; }
.wwdtext { width: 500px; position: relative; float: left; }

.disclaimer { padding-top: 10px; font-size: 10px; margin-left: 20px; margin-right: 20px; }
#footer { position: relative; clear: both; width: 980px; margin: 0 auto; background-color: #f6f6f6; color: #939393; font-size: 10px; text-transform: uppercase; padding-top: 30px; text-align: center; }
#footer a { color: #939393; text-decoration: none; }


#navwrapper { position: relative; width: 980px; height: 98px; }
#topnav { position: absolute; top: 0px; left: 0px; background: url('img/topnav.png') no-repeat; width: 980px; height: 98px; }
#topnav span { display: none; }
#topnav a { height: 98px; display: block; }
#topnav ul { margin: 0px; padding: 0px; border: 0px; }
#topnav li { list-style-type: none; float: left; padding: 0; }

#topnav_home { width: 225px; }
#navspacer { width: 441px; height: 98px; display: block; }
#topnav_ourwork { width: 81px; }
#topnav_whatwedo { width: 91px; }
#topnav_contact { width: 71px; } 
#topnav_blog { width: 71px; }

#topnav_home a:hover, #topnav_home .current { background: url('img/topnav.png') 0px -98px no-repeat; }
#topnav_ourwork a:hover, #topnav_ourwork .current { background: url('img/topnav.png') -666px -98px no-repeat; }
#topnav_whatwedo a:hover, #topnav_whatwedo .current { background: url('img/topnav.png') -747px -98px no-repeat; }
#topnav_contact a:hover, #topnav_contact .current { background: url('img/topnav.png') -838px -98px no-repeat; } 
#topnav_blog a:hover, #topnav_blog .current { background: url('img/topnav.png') -909px -98px no-repeat; }


#panocontainer {overflow:hidden; position:relative; width:980px; height:396px; text-align:left; padding: 0; margin:0px auto; z-index:0; }
#panocontainer img{ position:absolute; }
#panowrapper { position: relative; width: 980px; height: 396px; text-align: left; margin: 0 auto; z-index: 0; }
#panonothome { position: relative; width: 980px; height: 259px; text-align: left; margin: 0 auto; z-index: 0; }
#panonothome h1 { position: absolute; top: 231px; left: 55px; color: #FFFFFF; font-size: 24px; }

.captionbox{ position:absolute; font-family: helvetica, arial, sans-serif; }
.prev { display:none; position: absolute; top: 350px; left: 47px; background: url('img/arrow_left.png') no-repeat 0 0; text-indent: -9999px; width: 15px; height: 25px; border: 0; cursor:pointer; }
.next { display:none; position: absolute; top: 350px; right: 47px; background: url('img/arrow_right.png') no-repeat 0 0; text-indent: -9999px; width: 15px; height: 25px; border: 0; cursor:pointer; }


#signup { position: absolute; top: 375px; left: 505px; width: 300px; text-align: left; z-index: 99; }



#contact-wrapper {
	width:424px;
	border:1px solid #e2e2e2;
	padding:20px;
	margin-left: 20px;
}

#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:12px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
a{outline: none;}
:focus{-moz-outline-style: none;}


#tumblog ol {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}


#tumblog li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px; 
	margin-bottom: 20px;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 15px;
}

#tumblog .tumblr_body { font-size: 12px; }

#tumblog .tumblr_title { font-size: 14px; font-weight: bold; color: #d5362b; margin-left: 10px;}
#tumblog p { padding-bottom: 0px; }








.recentPostsContainer { width:664px; margin-left:10px; padding:5px; }

.recentPostsContainer a{
color: #939393;
text-decoration:none;
text-align:left;
}

.recentPostsContainer a:hover{
color:#d5362b;
background-color:#f0f0f0;
}


 .tumblrTitle { font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-bottom: 0px; color: #d5362b; }
 .tumblrTitle a { font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-bottom: 0px; color: #d5362b; }
 .tumblrContainer { width: 654px; margin-left: 5px; padding-bottom: 5px; padding-top: 5px; border-bottom:solid 1px #b6b6b6; }
 .tumblrContainer p { margin: 0; padding: 0; }

 .tumblrContainer:hover{ color:#006cff; background-color:#f0f0f0; }   
   .tumblrQuoteText { font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-bottom: 0px; }
   .tumblrBody { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #666666; }
   
.image-grid {
  margin: -20px 0 0 -40px;
  padding-left: 45px;
  width: 960px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 320px;
  /* margin: 20px 0 0 35px; */
  float: left;
  text-align: left;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74;
  height: 600px;
  /* overflow: hidden; */
}

.image-grid li img,
.image-grid li strong {
  display: block;
}

.image-grid li strong {
  color: #fff;
}  










/* 2.1 =Splitter
---------------------------------------------------------------------- */


.splitter {
  margin: 40px -40px;
  text-align: center;
/*   background: #35393c url("img/splitter.png") repeat-x 0 100%; */
  border-bottom: 1px solid #1d1f21;
  padding: 6px 40px 5px;
  font-size: 12px;
}

.splitter:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.splitter ul {
  margin-right: 0;
  margin-top: 0;
}

.splitter > li {
  padding-left: 8px;
}

.splitter > li ul {
  margin-left: 8px;
}

.splitter ul li a {
  border-bottom: 0;
  position: static;
}

.splitter li,
.splitter ul,
.splitter ul li a  {
  display: inline;
  display: inline-block;
  line-height: 1;
}

.splitter ul,
.splitter ul li,
.splitter ul li a {
  background-image: url("img/buttons.png");
  background-repeat: no-repeat;
}

.splitter ul {
  background-position: 0 -138px;
  background-repeat: repeat-x;
}

.splitter ul li {
  margin-left: 1px;
}

.splitter ul li:first-child {
  margin-left: 0;
}

.splitter ul li a {
  padding: 5px 8px 6px;
  color: #070708;
  text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
  text-decoration: none;
}

.splitter ul li.segment-0,
.splitter ul li.segment-2 {
  background-position: -3px -92px;
}

.splitter ul li.segment-1 {
  background-position: 0 -92px;
}

.splitter ul li.segment-0 a,
.splitter ul li.segment-1 a {
  background-position: 0 -161px;
}

.splitter ul li.segment-2 a {
  background-position: 100% -115px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a,
.splitter ul li.selected-2 a {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
}

.splitter ul li.selected-0,
.splitter ul li.selected-2 {
  background-position: 0 -23px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a {
  background-position: 100% -46px;
}

.splitter ul li.selected-1 {
  background-position: 0 0;
}

.splitter ul li.selected-2 a {
  background-position: 100% -69px;
}



#sortwrapper { position: relative; width: 300px; height: 40px; margin-left: 320px;}
#sorter { position: absolute; top: 0px; left: 0px; background: url('img/sorter.png') no-repeat; width: 300px; height: 40px; }
#sorter span { display: none; }
#sorter a { height: 40px; display: block; }
#sorter ul { margin: 0px; padding: 0px; border: 0px; }
#sorter li { list-style-type: none; float: left; padding: 0; }

.segment-1 { width: 172px; }
.segment-0 { width: 63px; }
.segment-2 { width: 65px; }


.segment-1 a:hover { background: url('img/sorter.png') 0px -40px no-repeat; }
.segment-0 a:hover { background: url('img/sorter.png') -172px -40px no-repeat; }
.segment-2 a:hover { background: url('img/sorter.png') -2365px -40px no-repeat; }

.selected-1 { background: url('img/sorter.png') 0px -40px no-repeat; }
.selected-0 { background: url('img/sorter.png') -172px -40px no-repeat; }
.selected-2 { background: url('img/sorter.png') -235px -40px no-repeat; }

/*
.segment-1 a:hover, .segment-1 .current { background: url('img/sorter.png') 0px -40px no-repeat; }
.selected-0 { background: url('img/sorter.png') -63px -40px no-repeat; }
.segment-2 a:hover, .segment-2 .current { background: url('img/sorter.png') -126px -40px no-repeat; }
*/