@charset "UTF-8";
/* CSS Document */
body {background:#222;}

#wrapper 
{  
position: relative;
height:610px;
width:970px;
left:50%;
top:0px;
margin-left:-485px;
background:#fff;

}
			
#sqimg 
{
position:absolute;
top:70px;
left:38px; 
width: 508px;
height:465px;
overflow:hidden;
background:#000;
}

ul#sqimgs
{
list-style:none;
padding:0px;
margin:0px;
}
			
#logo 
{  
width:136px; 
height:90px; 
position:absolute;
top:22px; 
left: 586px;
}

#officesin 
{
	position:absolute;
	bottom:70px;
	left: 588px;
	color:#666;
	font-size:11px;
	font-family:helvetica, arial, sans-serif;
}			

/* navigation */			
#outer {width:592px; height:24px; position:absolute;top:20px; z-index:10;}
.menu {list-style-type:none;padding:0;margin:0 37px;}
.menu ul {list-style-type:none;padding:0;margin:0;}
.menu li {float:left;background:#000;margin:0px 2px 0 0;position:relative;border-top:1px solid #fff;}
.menu li.sub  {background:#000;}
.menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
.menu li a {display:block;color:#888;font-family:arial, sans-serif;font-size:11px;line-height:24px;width:100px;text-decoration:none;text-align:center;}
.menu :hover{color:#fff;background:#888;}
.menu :hover > a {color:#fff; background:#888;}
.menu ul, .menu :hover ul ul {position:absolute;left:-9999px;width:99px;}
.menu :hover ul{left:0px;top:24px;background: url(images/transparent.gif);} /* the background image is for IE7 - make a colour for behind submenu*/
.menu :hover ul :hover ul {padding:0 3px;left:125px;top:-2px;}
.static {color: #fff;}
#footer 
{
width:867px; 
position:absolute;
top:560px; 
left:37px; 
background:#000; 
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
color:#fff; 
font-size:9px; 
font-family:helvetica, arial, sans-serif;
}

#footer a:link, #footer a:active, #footer a:visited {text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:none; color:#006595; backgound:#333;}

.footercolorchange {color:#BABABA;} 

#text 
{
position:absolute;
top:180px;
left:588px;
width:320px;
color:#888;
font-size:14px;
font-family:helvetica, arial, sans-serif;
text-decoration:none;
}
#clients
{
position:absolute;
top:100px;
left:68px;
width:360px;
color:#fff;
font-size:14px;
font-family:helvetica, arial, sans-serif;
text-decoration:none;
}

#text a:link, #text a:active, #text a:visited {text-decoration:none; color:#888;}
#text a:hover {text-decoration:none; color:#000;}

#text2 
{
position:absolute;
top:220px;
left:588px;
width:320px;
color:#888;
font-size:20px;
font-family:helvetica, arial, sans-serif;
}

.bigtext
{
font-size:20px;
color:#006595;
}

.blacktext
{
color:#000;
}

/* portfolio gallery */
#gallerywrapper
{
width:800px;
height:465px; 
position:absolute;
top:250px; 
left:45px; 
background-image:url(images/portfolio/view_text.gif);
background-repeat:no-repeat;}

#gallery {width:800px; height:465px; position:absolute; }
#gallery ul {list-style:none; padding:5px; margin:0; width:250px; float:right; height:250px; overflow:auto;}
#gallery ul li {display:block; top:50px; width:70px; height:70px; float:left; margin:0 4px 4px 0; border:1px solid #DBD7D8; cursor:pointer;}
#gallery ul li img {display:block; top:50px; width:70px; height:70px;}

#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:510px; height:465px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {  background:#DBD7D8; cursor:default;}

#gallery ul li.click i {position:absolute; left:-10px; top:-188px; width:508px; height:465px; }

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #DBD7D8;}

#gallery ul li.click span {display:block;}

span#brlink {position: absolute; top: 5px; right: 10px; color: #fff;}
span#brlink a {color: #fff;}
span#brlink a:hover {color: #F00; }