a
{
    text-decoration:none;
}
html,body
{
    padding:0;margin:0;
}
body
{
	background:#2F2F2F;
	color:#fff;
	position:relative;
	width:950px;
	text-align:center;
	margin:0 auto;
	font-family:Rockwell, "Courier New", Courier, Arial, Helvetica;
	font-size:small;
}
#page
{
	text-align:left;
	width:750px;
	margin:0 auto;
}
h1 {
	font-size:small;
}
h2 {
	font-size:small;
}
h4 {
	font-size:small;
}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* MENU STYLES */

#logoarea
{
	float:left;
	width:100px;
	margin-right:-100px;
	position:relative;
	top:0px;
	left:-100px;
}
#menu
{
	position:relative;
	top:1px;
	left:0;
	list-style:none;
	margin-left:0px;
    padding-left:0px;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	background-color: #1F1F1F;
}
#menu li
{
	color:#ddd;
	padding:5px 10px 5px 10px;
}
#menu li.selected,
#menu li:hover
{
	color:#000;
	background-color: #EFEFEF;
}
#menu li.selected a,
#menu li:hover a
{
	color:#000;
	background-color: #EFEFEF;
}
#menu a:hover,
#menu li:hover a
{
	color:#fff;
	background-color: #1F1F1F;
}
#menu a
{
    color:#fff;
    width:100%;
    display:block;
}
#menuarea
{
	float:left;
	width:100px;
	margin-right:-100px;
	position:relative;
	top:0px;
	left:750px;
}

#login
{
	position:relative;
	top:1px;
	left:0;
	list-style:none;
	margin-left:0px;
    padding-left:0px;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}
#login li
{
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
}
#login li.selected,
#login li:hover
{
	color:#FFFFFF;
	background-color: #2F2F2F;
}
#login a:hover,
#login li:hover a
{
	color:#FFFFFF;
	background-color: #1F1F1F;
}
#login a
{
	color:#FFFFFF;
	width:100%;
	display:block;
}
#loginarea
{
	float:left;
	width:100px;
	margin-right:-100px;
	position:relative;
	top:0px;
	left:750px;
}

#logo
{
	top:1px;
	left:0px;
	width: 140px;
	position: relative;
}
#footer
{
	position:relative;
	width:750px;
	list-style:none;
	margin:0 auto;
	text-align: left;
	clear: both; 
	display: inline-block;
}
#footer ul
{
	list-style:none;
	margin: 10px;
	padding: 0px;
}
#footer li
{
	display:inline;
	padding-right: 15px;
}
#footer a
{
	color: #FFFFFF;
}

/* PORTFOLIO PANEL STYLES*/

#aboutbox
{
	width:484px;
	min-height:135px;
	height:auto !important;
	height:135px;
	margin-right:-484px;
	top:10px;
	left:255px;
}
#storybox
{
	width:484px;
	height:auto !important;
	margin-right:-484px;
	top:10px;
	left:255px;
}
#projectbox
{
	width:484px;
    /*min-height:338px;*/
    height:auto !important;
    /*height:338px;*/
	margin-right:-484px;
    top:450px;
	left:255px;
}
img.portfolio
{
    display:block;
}
/*.box
{
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
    background:#000000;
    float:left;
    position:relative;
    z-index:1;
}*/

.box
{
   float:left;
   position:relative;
   /* z-index:1; */
   z-index:10000;
   background:transparent url(../templates/what_we_do_files/thumb-back.png);
}
* html .box /*IE6 fix float margin bug and transparency*/
{
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
    background:#000000;
    float:left;
    position:relative;
   /* z-index:1; */
    z-index:10000;
}
#projectbox .container
{
    position:relative;
    padding:10px;
}
#projectbox .container h1 a
{
	color:#fff;
	font-weight: normal;
}
#projectbox .container a
{
	color:#fff;
}
#projectbox .container h1
{
	margin:5px 0;
	font-weight: bold;
}
#projectbox .container p
{
	margin:5px 0;
	color:#fff;
}
#aboutbox .container
{
    position:relative;
    padding:10px;
}
#aboutbox .container h1 a
{
	color:#fff;
	font-weight: normal;
}
#aboutbox .container a
{
	color:#fff;
}
#aboutbox .container h1
{
	/*font-size:0.8em;*/
	margin:5px 0;
	font-weight: bold;
}
#aboutbox .container h2
{
	margin:5px 0;
	font-weight: bold;
}
#aboutbox .container h3
{
	margin:5px 0;
	font-weight: normal;
}
#aboutbox .container p
{
	margin:5px 0;
	color:#fff;
}
#storybox .container
{
    position:relative;
    padding:10px;
}
#storybox .container h1 a
{
	color:#fff;
	font-weight: normal;
}
#storybox .container a
{
	color:#fff;
}
#storybox .container h1
{
	/*font-size:0.8em;*/
	margin:5px 0;
	font-weight: bold;
}
#storybox .container h2
{
	margin:5px 0;
	font-weight: bold;
}
#storybox .container h3
{
	margin:5px 0;
	font-weight: normal;
}

#storybox .container p
{
	margin:5px 0;
	color:#fff;
}

/* THUMBNAIL PANEL STYLES*/
 
#thumbnails
{
	width:100%;
	float:left;
	margin-right:-100%;
	padding-top: 0px;
}
.row
{
    width:100%;
    position:relative;
    z-index:1;
    float:left;
}
.thumbnail-spacer
{
	float:left;
	width:238px;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 8px;
}
* html .thumbnail-spacer /*IE6 fix float margin bug and transparency*/
{
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 2px;
}
.thumbnail-box
{
	float:left;
	width:238px;
	background:transparent url(../templates/what_we_do_files/thumb-back.png);
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 8px;
	margin-left: 8px;
}
* html .thumbnail-box /*IE6 fix float margin bug and transparency*/
{
	margin:8px 6px;
	filter:alpha(opacity=50);
	background:#000000;
}
.thumbnail-box img
{
	display:block;
	width:218px; /* change to desired width or allow auto */
	height:70px; /* change to desired height or allow auto */
}
.thumbnail-box a img {border:0;}
.thumbnail-box .container
{
    position:relative;
    padding:10px;
}
.thumbnail-box .container h1 a
{
	color:#fff;
	font-weight: bold;
	display:block;
}
.thumbnail-box .container h1 a:hover
{
	color:#fff;
	font-weight: bold;
	background-color: #1F1F1F;
}
.thumbnail-box .container a
{
	color:#fff;
	font-weight: bold;
}
.thumbnail-box .container a:hover
{
	color:#fff;
	font-weight: bold;
	background-color: #1F1F1F;
}
.thumbnail-box .container h1
{
	font-weight: bold;
	margin:5px 0;
}
.thumbnail-box .container p
{
	margin:5px 0;
	color:#fff;
}


/* RELATED PANEL STYLES*/
 
.related-box
{
	float:right;
	width:201px;
	margin:8px;
	text-align: right;
}
* html .related-box /*IE6 fix float margin bug and transparency*/
{
	margin:8px 6px;
	text-align: right;
}
.related-box .container
{
    position:relative;
    padding:10px;
}
.related-box .container h1 a
{
	color:#fff;
	font-weight: normal;
}
.related-box .container h1
{
	margin:5px 0;
	font-weight: bold;
}
.related-box .container a
{
	color:#fff;
	font-weight: bold;
	background-color: #1F1F1F;
}
.related-box .container a:hover
{
	color:#fff;
	font-weight: bold;
	background-color: #000;
}
.related-box .container p
{
	margin:5px 0;
	color:#fff;
	text-align: right;
}

/* DOUBLE PANEL STYLES*/

.home-box
{
	float:left;
	width:486px;
	margin:8px;
	background:transparent url(../templates/what_we_do_files/thumb-back.png);
}
* html .home-box /*IE6 fix float margin bug and transparency*/
{
	margin:8px 6px;
	filter:alpha(opacity=50);
	background:#000000;
}
 
.double-box
{
	float:left;
	width:486px;
	margin:8px;
	background:transparent url(../templates/what_we_do_files/thumb-back.png);
}
* html .double-box /*IE6 fix float margin bug and transparency*/
{
	margin:8px 6px;
	filter:alpha(opacity=50);
	background:#000000;
}
.home-box img
{
	display:block;
	width:466px; /* change to desired width or allow auto */
	height:280px; /* change to desired height or allow auto */
}
.home-box a img {border:0;}
.home-box .container
{
    position:relative;
    padding:10px;
}
.home-box .container h1 a
{
	color:#fff;
	font-weight: normal;
}
.home-box .container a
{
	color:#fff;
}
.home-box .container h1
{
	margin:5px 0;
	font-weight: bold;
}
.home-box .container h4
{
	margin:5px 0;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.home-box .container p
{
	margin:5px 0;
	color:#fff;
}



.double-box img
{
	display:block;
	width:466px; /* change to desired width or allow auto */
	height:170px; /* change to desired height or allow auto */
}
.double-box a img {border:0;}
.double-box .container
{
    position:relative;
    padding:10px;
}
.double-box .container h1 a
{
	color:#fff;
	font-weight: normal;
}
.double-box .container a
{
	color:#fff;
}
.double-box .container h1
{
	margin:5px 0;
	font-weight: bold;
}
.double-box .container p
{
	margin:5px 0;
	color:#fff;
}

/* TRIPLE PANEL STYLES*/
 
.triple-box
{
   float:left;
   width:635px;
   margin:8px;
   background:transparent url(../templates/what_we_do_files/thumb-back.png);
}
* html .triple-box /*IE6 fix float margin bug and transparency*/
{
	margin:8px 6px;
	filter:alpha(opacity=50);
	background:#000000;
}
.triple-box img
{
    display:block;
    width:615px; /* change to desired width or allow auto */
    height:148px; /* change to desired height or allow auto */
}
.triple-box a img {border:0;}
.triple-box .container
{
    position:relative;
    padding:10px;
}
.triple-box .container h1 a
{
	color:#fff;
	font-weight: normal;
}
.triple-box .container a
{
	color:#fff;
}
.triple-box .container h1
{
	margin:5px 0;
	font-weight: bold;
}
.triple-box .container p
{
	margin:5px 0;
	color:#fff;
}
#header {
	width: 750px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 80px;
	background-image: url(../templates/folio_short_files/banner-line.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#carousel_container {
	margin: 0px;
	padding: 0px;
	height: 750px;
	width: 750px;
}

/*=============================*/
/* CAROUSEL CONTROLS STYLES (HOME) */
/*=============================*/
#carousel_control_container {
    margin-top:7px;
    color:#fff;
    font-weight: normal;
}
#carousel_control_container *{
}
#carousel_control_container * *{
}
#carousel_control_container span{
    padding-top: 7px;
}
#carousel_control_container a{
    color:#fff;
    font-weight: normal;
    padding:0 0.5em 0 0.5em;
}
#carousel_control_container a.selected{
    color:#fff;
    background-color: #2F2F2F;
    font-weight: normal;
}
#carousel_control_container a.hover{
    color:#fff;
    background-color: #2F2F2F;
    font-weight: normal;
}
#carousel_text_container{
    border:none;
}