body {
	font-size : 70%;
	margin : 0px;
	text-align : center;
	color : #767A7D;
	background-color : #FFF;
}
p{
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 100%;
	line-height : 16px;
	color : #767A7D;
	background-color : #FFF;
}
/*Container Style for holding page content */
#container{
	width: 760px;
	margin: 15px auto 0 auto;
	background-color : #FFF;
	color : #767A7D;
	text-align : left;
	display: block;
	padding-bottom: 0px;
	vertical-align : top;
	padding-top : 0px;
}
/*Main Navigation Styles */
/* Navigation Styles */
.menu {
z-index:1000;
margin : 15px 0px 0px 0px;
m: expression(this.onmouseover =  new Function("this.className = 'menu-hover';"));
text-align : left;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
display : inline;
font-family : Arial, Verdana, Helvetica, Sans-Serif;
font-weight : bold;
}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;display : inline;
list-style-type:none; }
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#FFF;
font-size : 210%;
height:26px;
display : inline;
list-style-type : none;
margin: 0px 5px 0px 0px;
}

/* get rid of the table */
.menu table {position:absolute; width : 300px; border-collapse:collapse; padding : 0px; margin : 0px; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {
display : inline;
list-style-type:none;
text-decoration:none;
height:25px;
line-height:25px;

color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
div.menu ul li a.blue{
	color : #36CCDA!important;
}
div.menu ul li a.blue1{
	color : #36CCDA!important;
	padding : 0px 0px 0px 0px;
}
div.menu ul li a.red{
	color : #D81F2A!important;
}
div.menu ul li a.grey{
	color : #7C7C7C!important;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#FFF; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#36CCDA; background:#FFFFFF;}

.menu :hover > a {
color:#7C7C7C; 
background:#FFF;
display : inline;
list-style-type : none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
display : inline;
list-style-type : none;
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul.top{
visibility:visible;
position : absolute;
top : -19px;
line-height : 20px;
left : 0px;
background:#FFFFFF;
color : #7C7C7C!important;
display : inline;
list-style-type : none;
letter-spacing : -1px;
}
.menu ul :hover li{
	display : inline;
	list-style-type : none;
	font-size : 50%;
}
.menu ul :hover ul.bottom{
visibility:visible;
position : absolute;
top : 27px!important;
line-height : 20px;
left : 0px;
background:#FFFFFF;
color : #7C7C7C!important;
display : inline;
list-style-type : none;
letter-spacing : -1px;
width : 290px;
}
.menu ul :hover li.bottom{
	display : inline;
	list-style-type : none;
	font-size : 50%;
}

/* Hover Styles */

.menu-hover {
z-index:1000;
margin : 15px 0px 0px 0px;
m: expression(this.onmouseout = new Function("this.className = 'menu';"));
text-align : left;
}
.menu-hover a{
	color : #C0C0C0!important;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu-hover ul {
padding:0;
margin:0;
list-style-type:none;
display : inline;
font-family : Arial, Verdana, Helvetica, Sans-Serif;
font-weight : bold;
}
/* hack for IE5.5 */
* html .menu-hover ul {margin-left:-16px; ma\rgin-left:0;display : inline;
list-style-type:none; }
/* position relative so that you can position the sub levels */
.menu-hover li {
position:relative;
background:#FFF;
font-size : 210%;
height:26px;
display : inline;
list-style-type : none;
}

/* get rid of the table */
.menu-hover table {position:absolute; width : 300px; border-collapse:collapse; padding : 0px; margin : 0px; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu-hover a, .menu-hover a:visited {
display : inline;
list-style-type:none;
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menu-hover a, * html .menu-hover a:visited {background:#FFF; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu-hover a:hover {color:#36CCDA; background:#FFFFFF;}

.menu-hover :hover > a {
color:#7C7C7C; 
background:#FFF;
display : inline;
list-style-type : none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-hover ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
display : inline;
list-style-type : none;
}
/* make the second level visible when hover on first level list OR link */
.menu-hover ul :hover ul{
visibility:visible;
position : absolute;
top : -19px;
line-height : 20px;
left : -5px;
background:#FFFFFF;
color : #7C7C7C!important;
display : inline;
list-style-type : none;
letter-spacing : -1px;
}
.menu-hover ul :hover li{
	display : inline;
	list-style-type : none;
	font-size : 50%;
}
.menu-hover ul :hover ul.bottom{
visibility:visible;
position : absolute;
top : 28px!important;
line-height : 20px;
left : -5px;
background:#FFFFFF;
color : #7C7C7C!important;
display : inline;
list-style-type : none;
letter-spacing : -1px;
}
.menu-hover ul :hover li.bottom{
	display : inline;
	list-style-type : none;
	font-size : 50%;
}
.menu-hover ul :hover li.bottom a:hover{
	color : #36CCDA!important;
}
a.blue{
	color : #36CCDA;
}
a.blue:hover{
	color :#36CCDA!important;
}
a.blue1{
	color : #36CCDA;
	padding : 0px 0px 0px 0px;
}
a.blue1:hover{
	color :#36CCDA!important;
	padding : 0px 0px 0px 5px;
}
a.red{
	color : #D81F2A;
}
a.red:hover{
	color : #D81F2A!important;
}
a.grey{
	color : #7C7C7C;
}
a.grey:hover{
	color : #7C7C7C!important;
}
/* Styles for Left Col */
div.Col1{
	width : 450px;
	padding : 0px;
	margin : 60px 0px 0px 0px;
	clear : both;
	float : left;
}
img.CWDLogo{
	margin : 0px 10px 0px 0px;
	float : left;
}
a.StudioLink{
	margin : 0px 0px 0px 11px;
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 180%;
	color : #56595C;
	background-color : #FFF;
	text-decoration : none;
	font-weight : bold;
}

/* Styles for Right Col */
div.Col2{
	padding : 0px 0px 0px 0px;
	margin : 60px 0px 0px 0px;
	width : 310px;
	float : right;
}
div.Col2 .FISWeb_ArticleViewTemplate1Title{
	text-align : right;
	color : #7C7C7C;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : 900;
	letter-spacing : -1px;
	font-size : 110%;
	margin : 0px 0px 10px 0px;
	}
div.Col2 .FISWeb_ArticleViewTemplate1Title1{
	text-align : right;
	color : #7C7C7C;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : 900;
	letter-spacing : -1px;
	font-size : 110%;
	margin : 0px 0px 10px 0px;
	}
div.WelcomeImg{
	width : 31px;
	float : left;
	padding : 0px;
	margin : 0px 0px 0px 0px;
	text-align : right;
}
div.TextPara{
	width : 275px;
	float : right;
	padding : 0px;
	margin : 0px;
}
img.welcome{
	padding : 0px;
	margin : 0px 0px 0px 0px;
	float : left;
}
div.Col2 p{
	margin : 0px 15px 0px 0px;
}
div.Col2 p a{
	text-decoration : underline;
	color : #7C7C7C;
	font-weight : bold;
}
div.Col2 p a:hover{
	font-weight : bold;
	color : #36CCDA;
}
br.brclear70{
	clear : both;
	height : 70px;
}
br.clear{
	clear : both;
}

/* Styles for a Projects Box - Home Page */
div.ProjectHolder{
	float : left;
	width : 380px;
	margin : 43px 0px 0px 4px;
	padding : 0px 0px 0px 0px;
}
div.Project1{
	width : 318px;
	margin : 156px 0px 23px 45px;
}
div.Project{
	width : 318px;
	margin : 0px 0px 23px 45px;
	padding: 35px 0px 0px 0px;
	display : block;
	clear : both;
}
div.ProjectImage{
	width : 112px;
	float : left;
	margin : 13px 0px 0px 0px;
}
div.ProjectText{
	width : 206px;
	float : right;
}
div.ProjectText p{
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 90%;
	margin : 6px 0px 0px 0px;
	padding : 0px;
	vertical-align : top;
	letter-spacing : 0px;
	line-height : normal;
}
div.ProjectText span{
	padding : 0px 0px 0px 3px;
	margin : 10px 0px 0px 0px;
	text-indent : -6px;
}
div.NewsItemText{
	width : 201px;
	float : right;
	padding : 3px 0px 0px 0px;
	margin : 6px 0px 0px 5px;
}
div.NewsItemText span{
	padding : 0px 0px 0px 3px;
	margin : 10px 0px 0px 0px;
	text-indent : -3px;
}
h2.headline{
	font-size : 90%;
	padding : 0px;
	margin : 0px;
	font-weight : 600;
	color : #56595C;
	background-color : #FFF;
	letter-spacing : -1px;
	text-align : right;
	font-family : arial, verdana, sans-serif, helvetica;
}
h2.headline a{
	font-size : 100%;
	color : #56595C;
	text-decoration : none;
	font-weight : bolder;
}
h2.headline a:hover{
	text-decoration : underline;
}

a.projectlink{
	background-image : url(images/BlueArrow.gif);
	background-repeat : no-repeat;
	background-position : left;
	float : right;
	text-indent : 15px;
	text-align : right;
	color : #36CCDA;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	font-size : 100%;
	clear : both;
	margin : 5px 0px 0px 0px;
	font-family : arial, verdana, helvetica, sans-serif;
	text-decoration : none;
}
a.projectlink:hover{
	text-decoration : underline;
}
img.ProjectTxt{
	float : left;
}
img.ProjectImg{
	margin : -7px 0px 0px 0px;
}
img.ProjectImg1{
	padding : 0px;
	margin : -7px 0px 0px 0px;
}
p.imglowertxt{
	margin : -7px 0px 0px 25px;
	font-weight : bolder;
	font-size : 210%;
	font-family : arial, verdana, helvetica, sans-serif;
	padding : 0px;
	letter-spacing : -1px;
	line-height : 28px;
	color : #767A7D;
	background-color : #FFF;
}
img.Illustration{
	margin : 0px 0px 17px 0px;
}
img.imglowertxt{
	float : left;
	margin : -3px 0px 0px 0px;
	padding : 0px;
}
.brproject{
	clear : both;
	display : block;
	width : 316px;
	margin : 0px 0px 110px 0px;
}

/* Styles for a News Box - Home Page */
div.NewsHolder{
	float : right;
	width : 365px;
	margin : 38px 0px 20px 0px;
	padding : 20px 0px 20px 0px;
}
div.newsholder{
	margin : 0px 0px 20px 30px;
	padding : 0px 0px 20px 0px;
	display : block;
}
div.newsholder1{
	float : right;
	width : 265px;
}
div.ProjectText1{
	width : 170px;
	float : right;
	padding : 3px 0px 0px 0px;
}
div.News{
	width : 318px;
	margin : 0px 0px 53px 0px;
	clear : both;
}
div.News p{
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 90%;
	margin : 3px 0px 0px 0px;
	padding : 0px;
	vertical-align : top;
	letter-spacing : 0px;
	line-height : normal;
}
div.News1{
	width : 318px;
	margin : 35px 0px 23px 0px !important;
	padding : 35px 0px 0px 0px;
	clear : both;
	display : block;
}
div.NewsImage{
	width : 112px;
	float : left;
	margin : 13px 0px 0px 0px;
}
div.NewsImage1{
	width : 82px;
	float : left;
	margin : 13px 0px 0px 0px;
}
div.NewsText{
	width : 206px;
	float : right;
}

a.Newslink{
	background-image : url(images/RedArrow.gif);
	background-repeat : no-repeat;
	background-position : left;
	float : right;
	text-indent : 15px;
	text-align : right;
	color : #D81F2A;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	font-size : 100%;
	clear : both;
	margin : 5px 0px 0px 0px;
	font-family : arial, verdana, helvetica, sans-serif;
	text-decoration : none;
}
a.Newslink:hover{
	text-decoration : underline;
}
img.NewsTxt{
	float : left;
}
img.NewsImg{
	margin : 0px 0px 0px 0px;
}
p.newsimglowertxt{
	margin : -7px 0px 0px 15px;
	font-weight : bolder;
	font-size : 210%;
	font-family : arial, verdana, helvetica, sans-serif;
	padding : 0px;
	letter-spacing : -1px;
	line-height : 28px;
	color : #767A7D;
	background-color : #FFF;
}

/*Styles for Logo Bar */

div.LogoBar{
	width : 760px;
	text-align : right;
	display : block;
	clear : both;
	padding : 84px 0px 0px 0px;
	margin : 75px 0px 0px 0px;
}
img.logo{
	margin : 0px 17px 0px 0px;
	padding : 0px;
}

/* Footer Styles */

div.Footer{
	width : 760px;
	margin : 35px 0px 0px 0px!important;
	padding : 0px 0px 0px 0px;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 80%;
	letter-spacing : 0px;
	display : block;
}
.Copy{
	width : 300px;
	float : left;
	padding : 0px;
	margin : 0px;
	color : #919191;
	background-color : #FFF;
}
.Copy a{
	color : #919191;
	text-decoration : none;
}
.Copy a:hover{
	color : #919191;
	text-decoration : underline;
}
.SiteBy{
	width : 300px;
	float : right;
	text-align : right;
	padding : 0px;
	margin : 0px;
	color : #919191;
	background-color : #FFF;
}
.SiteBy a{
	color : #919191;
	text-decoration : none;
}
.SiteBy a:hover{
	text-decoration : underline;
}
.News{
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 95%;
}
.Newsdate{
	float : right;
	text-align : right;
	color : #7C7C7C!important;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	margin : 0px 0px 7px 0px;
	font-size : 90%;
	font-family : arial, verdana, helvetica, sans-serif;
}
.project{
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 90%;
	margin : 0px 0px 0px 5px;
	padding : 0px;
	vertical-align : top;
	letter-spacing : 0px;
	line-height : normal;
}
.projectdate{
	float : right;
	text-align : right;
	color : #7C7C7C;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	margin : 0px 0px 7px 0px;
	font-size : 90%;
	font-family : arial, verdana, helvetica, sans-serif;
}
div.Col2 H1{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 210%;
	font-weight : bold;
	color : #B6B6B6;
	margin : -30px 0px 0px 0px;
	padding : 0px;
	letter-spacing : -2px;
	width : 185px;
	float : left;
}
div.Col2 h2{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 140%;
	font-weight : bold;
	color : #535353;
	margin : -22px 5px 0px 0px;
	padding : 0px;
	letter-spacing : -1px;
	float : right;
	text-align : right;
	width : 150px;
}
div.Col2 h2.wider{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 140%;
	font-weight : bold;
	color : #535353;
	
	padding : 0px;
	letter-spacing : -1px;
	float : right;
	text-align : right;
	width : 270px;
}
div.TextPara p{
	width : 260px;
}
div.TextPara h2{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 140%;
	font-weight : bold;
	color : #535353;
	margin : 20px 5px 15px 0px;
	padding : 0px;
	letter-spacing : -1px;
	text-align : right;
	width : 270px
}

/* -------------------------------*/
/* PORTFOLIO STYLES */
/* -------------------------------*/
ul#ClientListUL{
	text-align : right;
	width : 225px;
	float : right;
	list-style-type : none;
	padding : 0px 5px 0px 0px;
}
ul#ClientListUL li{
	font-weight : 900;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	color : #7C7C7C;
	letter-spacing : 1px;
	line-height : 22px;
}
ul#ClientListUL li a{
	color : #7C7C7C;
	text-decoration : none;
}
ul#ClientListUL li a:hover{
	color : #36CCDA;
	text-decoration : none;
}
img.FISWeb_ArticleViewTemplate1MainImage{
	margin : -20px 0px 0px 0px;
}

.FISWeb_ArticleViewTemplate1ImageListHeader{
	text-align : right;
	color : #7C7C7C;
	font-family : Arial-Verdana, Helvetica, sans-serif;
	font-weight : bold;
	letter-spacing : -1px;
}
a#ctl00_Column2_BackLinkButton{
	background-image : url(images/RedArrowBack.gif);
	background-repeat : no-repeat;
	background-position : left;
	text-indent : 15px;
	float : right;
	color : #D81F2A;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	font-size : 100%;
	clear : both;
	margin : 5px 40px 0px 0px;
	padding : 4px 0px 3px 0px;
	font-family : arial, verdana, helvetica, sans-serif;
	text-decoration : none;
}
.FISWeb_ArticleViewTemplate1ArticleText{
	margin : -20px 0px 0px 2px;
	float : right;
	width : 265px;
}

div.ThumbHolder{
	width : 400px;
	clear : both;
}
/* ------------------------------------------*/
/* END OF PORTFOLIO STYLES */
/* ------------------------------------------*/

/* ------------------------------------------*/
/* START OF CONTACT STYLES */
/* ------------------------------------------*/
p.addressdetails{
	text-align : right;
	width : 100%;
	font-weight : bold;
	padding : 10px 0px 0px 0px;
	font-family : arial, verdana, helvetica, sans-serif;
}
div.Col2 H1.wider{
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 210%;
	font-weight : bold;
	color : #B6B6B6;
	margin : -30px 0px 0px 0px;
	padding : 0px;
	letter-spacing : -2px;
	width : 270px;
	float : left;
}
/* ------------------------------------------*/
/* END OF CONTACT STYLES */
/* ------------------------------------------*/
.Col2 div.newsholder{
	float : right;
	margin : 0px 0px 50px 0px;
	padding : 0px 0px 0px 0px;
	display : block;
}
.Col2 div.News2{
	width : 270px;
	margin : 0px 0px 0px 0px;
}
.Col2 div.NewsImage{
	width : 82px;
	padding : 0px;
	margin : 0px 0px 0px 0px;
}
.Col2 img.ProjectImg{
	width : 82px;
	margin : 8px 0px 0px 0px!important;
}
.Col2 h2.headline{
	font-size : 90%;
	padding : 0px;
	margin : 0px;
	font-weight : bolder;
	color : #56595C;
	background-color : #FFF;
	letter-spacing : -1px;
	text-align : right;
	
	width : 250px!important;
	font-family : arial, verdana, helvetica, sans-serif;
}
.Col2 h2.headline a{
	font-size : 100%;
	color : #56595C;
	text-decoration : none;
	font-weight : bolder;
}
.Col2 h2.headline a:hover{
	text-decoration : underline;
}
.Col2 div.News2 p{
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 90%;
	margin : 3px 0px 0px 0px!important;
	padding : 0px 0px 0px 5px!important;
	vertical-align : top;
	letter-spacing : 0px;
	line-height : normal;
	float : right;
	width : 180px;
}
.Col2 p.Newsdate{
	float : right;
	text-align : right;
	color : #D81F2A;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	font-size : 90%;
	font-family : arial, verdana, helvetica, sans-serif;
	width : 150px;
}
.Col2 a.Newslink{
	background-image : url(images/RedArrow.gif);
	background-repeat : no-repeat;
	background-position : left;
	float : right;
	text-indent : 15px;
	text-align : right;
	color : #D81F2A;
	background-color : #FFF;
	font-weight : 600;
	letter-spacing : -1px;
	font-size : 100%;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 2px 0px;
	font-family : arial, verdana, helvetica, sans-serif;
	text-decoration : none;
	width : 98px;
}
.Col2 a.Newslink:hover{
	text-decoration : underline;
}

/* ------------------------------------------*/
/* START OF WHAT MAKES US STYLES */
/* ------------------------------------------*/

div.LeftQuotes{
	float : left;
	width : 350px;
	display : block;
	margin : 0px 0px 0px 25px;
}
div.LeftQuotes h2{
	font-family : arial, verdana, helvetica, sans-serif;
	color : #7C7C7C;
	font-size : 130%;
	font-weight : bold;
	margin : 0px 0px 0px 30px;
	padding : 0px;
}
div.LeftQuotes p{
	margin : 0px 0px 0px 5px;
}
div.RightQuotes{
	float : right;
	width : 350px;
	display : block;
}
div.RightQuotes h2{
	font-family : arial, verdana, helvetica, sans-serif;
	color : #7C7C7C;
	font-size : 130%;
	font-weight : bold;
	margin : 0px 0px 0px 30px;
	padding : 0px;
}
div.RightQuotes p{
	margin : 0px 0px 0px 5px;
}
div.Quote1{
	width : 318px;
	background-color : white;
	float : right;
	margin : 120px 0px 0px 0px;
	text-align : left;
}
div.Quote1 img{
	float : left;
}
div.Quote2 img{
	float : left;
}
div.Quote2{
	width : 318px;
	background-color : white;
	margin : 30px 0px 0px 0px;
	float : right;
	text-align : left;
}
div.Quote3{
	width : 318px;
	background-color : white;
	margin : 0px 0px 0px 44px;
	float : right;
	text-align : left;
}
div.Quote3 img{
	float : left;
}
div.Quote4 img{
	float : left;
}
div.Quote4{
	width : 318px;
	background-color : white;
	margin : 30px 0px 0px 44px;
	float : right;
	text-align : left;
}
/* ------------------------------------------*/
/* END OF WHAT MAKES US STYLES */
/* ------------------------------------------*/