body {
	background-color: #FFF;
	margin:0;
	padding:0;
	border: 0 none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	/*letter-spacing: 1pt;*/
	/*overflow: hidden;*/
}
 /* A font by Jos Buivenga (exljbris) ->http://www.exljbris.com */
@font-face {
	font-family: 'Museo700';
	src: url('../fonts/museo700-regular-webfont.eot');
	src: local('?'), url('../fonts/museo700-regular-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont.svg#webfontUmVgwMez') format('svg');
	font-weight: normal;
	font-style: normal;
}
.projectHeader{
font-family:'Museo700', "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#999;
font-size:16px;
}
.about_copy .copy{
	font-family: 'Museo700', Verdana, Arial, Helvetica, sans-serif;
	color:#929497;
	font-size:13px;	
	line-height:16.5px;
	padding-top:0;
}
.blue{
	color:#00AEEF;
}

#flash_holder_fixed{
	width: 465px; 
	height: 460px; 
	position: fixed; 
	background-color: #FFF;
}
#margin_box{
	width:465px;
	height:460px;
	float:left;	
}
input, textarea {
	border: 1px solid Black;
	background-color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

th
{
	text-align: left;
	font-size: 11px;
}

td
{
	font-size: 11px;
}
#main_row td{height:460px;}
.framebody {
	background-color: #fff;
}

.middlewelcome {
	background-image: url(welcome/welcome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 384px; 
	width: 100%; 
}
.greypanel {
	background-color: #FFFFFF;
	background-image: URL("img/panelbottomgrey.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	height: 34px;
	vertical-align: middle;
	text-align: left;
}
.greypaneltext {
	padding: 12px 0 12px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 1pt;
	text-align: left;
	padding-left: 5px;
}

a:active, a:link, a:visited {
	color: #FFF;
	background-color: #00AEEF;
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color:#000;
}
.popuptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-right: 20px;
}
.largeBck {
	background-color: #FFFFFF;
}
.highlight {
	color: #FFF;
	background-color: #00AEEF;
}
a:active.highlight, a:link.highlight, a:visited.highlight {
	text-decoration: none;
	color: #FFF;
	background-color: #00AEEF;
}
a:hover.highlight {
	text-decoration: none;
	color:#000;
	background-color: #FFFFFF;
}
.highlight2 {
	color: #FFFFFF;
	background-color: #666666;
}
.highlight3 {
	color: #000000;
	background-color: #CCCCCC;
}
.yellowtext {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*line-height: 15px;*/
	/*letter-spacing: 1pt;*/
}
a.yellowtext {
	color: #666666;
	text-decoration: underline;
	background-color: transparent;
}
a:visited.yellowtext, a:active.yellowtext, a:hover.yellowtext {
	color: #666666;
	text-decoration: underline;
	background-color: transparent;
}

#header {
	width: 97%; 
	background-color: #fff; 
	color: #ffffff; 
	padding: 5px 15px 5px 15px;
    display: block;
    height: 30px;

    /*border: 1px solid #CCCCCC;*/
    color: white;
    font-family: inherit;
    font-size: inherit;
}
#twitter_link{
background:url(img/twitter.png) bottom left no-repeat;
}
#facebook_link{
background:url(img/facebook.png) bottom left no-repeat;
}
#facebook_link, #twitter_link{
display:block;
overflow:hidden;
width:22px;
height:22px;
margin:3px 10px 3px 0px;	
}
#twitter_link:hover, #facebook_link:hover{
background-position: top left;	
}
#footer {
	width: 99.99%;
	background-color: #fff; 
	color: #ffffff; 
	padding: 5px 15px 5px 15px;
    color: silver;
    font-family: inherit;
    font-size: inherit;
    float: right;
    padding: 5px;
    letter-spacing: 10px;
    font-size: 8px;
	text-align: right;
}


#content {
	padding: 0px;
	overflow: hidden;
}

/* all template data below */
.temp_body	{
	width:277px;
	height:460px;
	padding: 0px 0px 0px 0px;

}

.temp_header	{
	height:29px;
	width:100%;
}

/*See "middle" class above*/
.middle {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	height: 137px;
	width: 100%; 
	padding: 0px 0px 0px 0px;
	height: 397px;
	text-align: left;
}

.temp_middle_space	{
	height:13px;
}

.temp_img	{
height: 244px;
text-align: center;
}

/*See "Copy" class above*/
.copy {
	overflow: auto;
	padding: 13px 13px 0px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
}
.copy_blog {
	height: 370px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
}
.greypanel	{
	height: 34px;
	text-align: left;
	padding: 0px 0px 0px 5px;
}

/* Last two elements: See "greypanel" & "greypaneltext" class's above */

/* all template data above*/

/*Js scroller on home page */
#AutoScrollContainer {
	position:relative;
	top:0px;
	left:0px;
	width:231px;
	height:370px; 
	clip:rect(0,auto,auto,0); 
	overflow:hidden; 
	z-index:1; 
	visibility:visible; 
	/*background-color: #FF0000; 
	layer-background-color: #FF0000; */
	border: 1px none #000000;
}
#AutoScrollContent {
	position:relative;
	top:0px;
	left:0px;
	width:231px;
	visibility:visible;
	
}

.news_text	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	letter-spacing: 1pt;
}

.black-text
{
	color: white;
	background-color: black;
}

.bodyCopy
{
	color: #5a5a5a;
	font-family: Arial, Helvetica, sans-serif;
}

.casestudyRepeat {

	background-image: URL("img/case_study_rpt.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	height: 29px;
}
#holder_728{
	padding-top:63px;
	padding-left:16px;
}
#holder_500{
	padding-top:150px;
	padding-left:144px;
}
#holder_300{
	padding-top:384px;
	float:right;
}
#holder_120{
	padding-top:127px;
	padding-left:690px;
	width:120px;
}
/*BANNER SECTION NEW STYLE*/
#top_head{
	width:831px;
}
.title_box{
	width:277px;
	height:29px;
	float:left;
}
.number_box{
	width:250px;
	height:29px;
	text-align:right;
	padding-left:194px;
	float:left;
}
.number_box ul{
	list-style:none;
}
.number_box ul li{
	display:inline;
}
.close_box{
	width:110px;
	height:29px;
	text-align:center;
	float:left;
}
.close_box img{
	padding-top:11px;
}
iframe
{
	width: 831px;
	height:733px;
	border: none;
}
#footer
{
	clear:both;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
}
#falshHolder_728{
	width:900px;
	height:733px;
	background:url(portfolio/banner_ads/2506/BG_728X90.jpg) no-repeat;
	text-align:center;
}
#flashHolder_500{
	text-align:center;
	background:url(portfolio/banner_ads/2533/BG500.jpg) no-repeat;
}
#flashHolder_300{
	width:831px;
	height:733px;
	text-align:center;
	background:url(portfolio/banner_ads/2511/BG_300.jpg) no-repeat;
}
#flashHolder_300_2511{
	text-align:center;
	background:url(portfolio/banner_ads/2511/BG_300.jpg) no-repeat top right;
}
#flashHolder_120{
	text-align:center;
	background:url(portfolio/banner_ads/2511/BG_120.jpg) no-repeat top right;
}
/*
MAIN PAGE MENU STYLES
*/
/*Writen in by KB 18/07/11 for HTML main page*/



.clear{
clear:both;	
}
img{
padding:0px;
margin:0px;
outline:none;
border:none;
}
a{
padding:0px;
margin:0px;
outline:none;
border:none;
}

#main_panel{
width:480px;
height:460px;
position:relative;
}
.ballad{
margin:32px 0px 0px 15px;
width:450px;
height:140px;
}
#social_links{
width:465px;
height:27px;
padding-left:15px;
/*background:url(bg-borders.gif)top left repeat-x;*/
border-top:dotted 1px #dcdcdc;
border-bottom:dotted 1px #dcdcdc;
}
#social_linkage{
padding:0px;
margin:0px;	
}
#social_linkage li{
display:block;
float:left;
}
#social_linkage li p{
font-family:'Museo700', "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
color:#999;
padding:8px 0px 6px 6px;
margin:0px;
}
#social_linkage li a,#social_linkage li a:visited{
background-color:transparent;	
}

.socialLink{
padding:0px 0px 2px 0px;	
}
#nav_bar{
width:465px;
padding-left:15px;
border-top:dotted 1px #dcdcdc;
border-bottom:dotted 1px #dcdcdc;
/*position:absolute;
bottom:0px;
left:15px;*/
position:relative;
height:32px;
margin-top:226px;
float:left;
}
#nav{
height:32px;	
padding:0px;
margin:0px;
}
#nav li{
margin:0px; 
display:block;
float:left;	
cursor:pointer;
position:relative;
padding:6px 30px 6px 0px;
letter-spacing:1px;
}

#nav li a, #nav li a:visited {
font-family:'Museo700', "Trebuchet MS", Arial, Helvetica, sans-serif;
outline:none;
text-decoration:none;
display:block;
color:#999999;
font-size:16px;
background-color:transparent;
}

#nav li a:hover,#nav li a:active, #nav li a.selected {	
color:#666;
background-color:transparent;
}

#project_list{
width:210px;
position:absolute;
padding:20px 0px 0px 0px;
margin:0px;
left:0px;
bottom:33px;
display:none;
}
#project_list li{
padding:0px;
width:210px;
height:18px;
display:block;
border-top:1px dotted #ccc;
letter-spacing:0px;
}

#project_list  li a, #project_list li a:visited{
font-family:'Arial Narrow', Arial, Helvetica, "Trebuchet MS", sans-serif;
padding:2px 0px 4px 5px;
color:#999;
font-size:13px;
line-height:13px;
display:block;
/* Firefox */
-moz-transition: all 0.4s ease-in;
/* WebKit */
-webkit-transition: all 0.4s ease-in;
/* Opera */
-o-transition: all 0.4s ease-in;
/* Standard */
transition: all 0.4s ease-in;
}
#project_list li a:hover{
color:#fff;
background-color:#00AFEE;
/* Firefox */
-moz-transition: all 0.1s ease-in;
/* WebKit */
-webkit-transition: all 0.1s ease-in;
/* Opera */
-o-transition: all 0.1s ease-in;
/* Standard */
transition: all 0.1s ease-in;
}