/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	margin: 0;
	padding: 0px 0px 0px 50px;
	color: #555;
	text-align: left;
	background: #fff;
	font: normal 13px/120% Georgia, Times, serif;
	line-height:1.2em;
	}
	
#home .mainarticle {
	}
	
#container {
	width: 926px;
	text-align: center;
	}
	
a, .colheader a {
	color: #000;
	text-decoration: underline;
	}
	
a:hover {
 	color: #7B7B7B;
	text-decoration: none;
	}
	
a:active {
	color: #3B3B3B;
	text-decoration: none;
	}
	
a:visited {
	text-decoration: none;
	}
	
.mainarticle a, .taster a {
	color: #DEDEDE;
	text-decoration: underline;
	}
	
.mainarticle a:hover, .taster a:hover {
 	color: #7B7B7B;
	text-decoration: underline;
	}

.mainarticle a:active, .taster a:active {
 	color: #3B3B3B;
	text-decoration: underline;
	}

a {
	outline: none;
	}
	
	
	
	
	
	
#col01 {
	width: 150px;
	float:left;	}
	
#col01 .logo {padding:88px 0px 28px 0px;}	
#col01 .navigation {
	font: normal 10px/120% Arial, sans-serif;
	}
#col01 .navigation ul {margin-left:10px;}
#col01 .navigation ul li {list-style:none;}
#col01 .navigation ul li a {letter-spacing:.5px;padding:6px 0px;color:#777;display:block;text-transform:uppercase;text-decoration:none;}	
#col01 .navigation ul li a:hover,
#col01 .navigation ul li.current_page_ancestor a,
#col01 .navigation ul li.current_page_parent a,
#col01 .navigation ul li.current_page_item a {color:#000;font-weight:bold;}	
	
#mainright {width:740px;padding-top:170px;margin-left:150px;}
/* Squares */
#mainright .homebox {}

.toprow img {padding:0px !important!;margin:0px !important;}
#mainright .homebox .toprow {padding-top:20px;}
#mainright .homebox .bottomrow {}

#mainright .homebox .toprow ul,
#mainright .homebox .bottomrow ul {padding:0px;margin:0px;}

#mainright .homebox .toprow ul li,
#mainright .homebox .bottomrow ul li {display:inline;margin:0px !important;padding:0px !important;}

#mainright .homebox .toprow ul li a,
#mainright .homebox .bottomrow ul li a {padding:0px !important;margin:0px !important;width:80px !important;height:80px !important;}

#mainright .homebox .toprow ul li.top1 {padding:0px !important;margin:0px !important;width:80px !important;height:80px !important;}
#mainright .homebox .toprow ul li.top1 a {padding:0px !important;margin:0px !important;}
#mainright .homebox .toprow ul li.top1 a img {padding:0px !important;margin:0px !important;}

#mainright .homebox .toprow ul li.top2 a {padding:0px !important;margin:0px !important;}

#mainright .homebox .toprow ul li.2 {background:url(http://www.unit7.com/asset/squares/toprow/2.jpg);}
#mainright .homebox .toprow ul li.3 {background:url(http://www.unit7.com/asset/squares/toprow/3.jpg);}
#mainright .homebox .toprow ul li.4 {background:url(http://www.unit7.com/asset/squares/toprow/4.jpg);}
#mainright .homebox .toprow ul li.5 {background:url(http://www.unit7.com/asset/squares/toprow/5.jpg);}
#mainright .homebox .toprow ul li.6 {background:url(http://www.unit7.com/asset/squares/toprow/6.jpg);}
#mainright .homebox .toprow ul li.7 {background:url(http://www.unit7.com/asset/squares/toprow/7.jpg);}
#mainright .homebox .toprow ul li.8 {background:url(http://www.unit7.com/asset/squares/toprow/8.jpg);}

#mainright .homebox .bottomrow ul li.1 {background:url(http://www.unit7.com/asset/squares/bottomrow/1.jpg);}
#mainright .homebox .bottomrow ul li.2 {background:url(http://www.unit7.com/asset/squares/bottomrow/2.jpg);}
#mainright .homebox .bottomrow ul li.3 {background:url(http://www.unit7.com/asset/squares/bottomrow/3.jpg);}
#mainright .homebox .bottomrow ul li.4 {background:url(http://www.unit7.com/asset/squares/bottomrow/4.jpg);}
#mainright .homebox .bottomrow ul li.5 {background:url(http://www.unit7.com/asset/squares/bottomrow/5.jpg);}
#mainright .homebox .bottomrow ul li.6 {background:url(http://www.unit7.com/asset/squares/bottomrow/6.jpg);}
#mainright .homebox .bottomrow ul li.7 {background:url(http://www.unit7.com/asset/squares/bottomrow/7.jpg);}
#mainright .homebox .bottomrow ul li.8 {background:url(http://www.unit7.com/asset/squares/bottomrow/8.jpg);}

#mainright .box {background: #fff url('../img/bordernox.gif') no-repeat top center;height:500px;padding:7px 25px;}
#mainright .box .headline {width:675px;height:30px;}
#mainright .box .headline h2 {padding:10px 0px 0px 0px !important;letter-spacing:1px;	font: bold 18px/120% Helvetica, Verdana, sans-serif;color:#127acb;}
#mainright .box .subnav {width:675px;height:21px;}
#mainright .box .subnav p {font: normal 11px/120% Verdana, sans-serif;}
#mainright .box .subnav p a {color:#127acb;}
#mainright .box .subnav ul {padding-top:5px;}
#mainright .box .subnav ul li {display:inline;padding-top:0px;}
#mainright .box .subnav ul li a {font: normal 10px/120% Helvetica, Verdana, sans-serif;color:#85b3d8;text-decoration:none;background:#f1f0f0;padding:3px 10px 2px 10px !important;border-top:2px solid #d8d8d8;border-right:2px solid #d8d8d8;border-left:2px solid #d8d8d8;margin:0px !important;letter-spacing:.5px;}
#mainright .box .subnav ul li.current_page_item a,
#mainright .box .subnav ul li a:hover {color:#127acb;text-decoration:none;background:#fff;}




#mainright .box .content	{height:300px;width:675px;}
#mainright .box .content .onecolbox{float:left;width:675px;background:#fff;height:268px;border-top:1px solid #d8d8d8;padding-top:20px;}
#mainright .box .content .onecolbox ul.clientgrid {list-style-type:none;display:inline;}
#mainright .box .content .onecolbox ul.clientgrid li {display:inline; padding-left:9px;padding-right:9px;}
#mainright .box .content .onecolbox ul.clientgrid li a {display:inline;}
#mainright .box .content .onecolbox ul.clientgrid li a img {padding-bottom:18px;}
#mainright .box .content .leftbox{float:left;width:322px;background:#fff;height:268px;border-right:1px solid #d8d8d8;border-top:1px solid #d8d8d8;padding-top:20px;padding-right:15px;}
#mainright .box .content .rightbox{float:left;width:322px;background:#fff;height:268px;border-top:1px solid #d8d8d8;padding-top:20px;padding-left:15px;

}	

#mainright .box .content .onecolbox h2,
#mainright .box .content .rightbox h2 {color:#000; font: bold 14px/120% Helvetica,Verdana, sans-serif;letter-spacing:1px;padding-bottom:3px;}

#mainright .box .content .onecolbox p,
#mainright .box .content .leftbox p,
#mainright .box .content .rightbox p {color:#000;	font: normal 11px/120% Verdana, sans-serif;margin-bottom:16px;}	
#mainright .box .content .rightbox p a {color:#127acb !important;text-decoration:none;}
.rightbox p {padding-right:5px;}
#mainright .box .content .leftbox img {max-width:322px;}

#mainright .box .content .leftbox ul.workgrid	{list-style-type:none;display:inline;}
#mainright .box .content .leftbox ul.workgrid	li {display:inline;}	
#mainright .box .content .leftbox ul.workgrid	li a {}		
#mainright .box .content .leftbox ul.workgrid	li a img {max-height:100px;max-width:130px;padding:5px;border:2px solid #fff;}	
#mainright .box .content .leftbox ul.workgrid	li a:hover img {border:2px solid #127acb;background:#f1f0f0;}	
	
	
	#col01 h1 {padding-bottom:20px;}
	
* html #col01 {
	position: absolute;
}

 ul.mainnav {
border-top:3px solid #000;
padding-top:19px;
visibility:visible !important;
width:205px !important;
		font: bold 14px/120% Helvetica, Arial, sans-serif;
list-style-type:none;
line-height:14px !important;
}

#col03 ul.mainnav {
border:0px solid #000;padding-top:0px !important;}

ul.mainnav li {padding:0px !important;margin:0px !important;line-height:14px !important;}
ul.mainnav li a {	padding:3px 5px !important;	color:#777;margin:0px !important;display:block;text-decoration:none !important;}
ul.mainnav li a:hover {color:#000;background:#83ff00;text-align:right;}
ul.mainnav .current_page_parent a,
ul.mainnav .current_page_item a {color:#000 !important;background:#83ff00;text-align:right;}
	
#col02 {
	width: 466px;
	margin-left: 474px;
	padding-top: 80px;
	}
	
#col02 img {max-width:466px;}	
#col03 {
	width: 205px;
	position:fixed;
	left:269px;
	top:29px;
	}
	
	#col03 .colheader {height:140px;}
	
	
* html #col03 {
	position: absolute;
	}
	
.colheader {
	height: 60px;
	}

#col02 .colheader {
	position: fixed;
	top: 0px;
	left: 506px;
	height: 109px;
	border-bottom: 3px solid #000/*727272*/;
	width: 466px;
	background: #fff;
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
	}
	
* html #col02 .colheader {
	position: absolute;
}

#col02 .colheader .breadcrumb {margin-top:100px !important;}
	
.halfcol {
	width: 230px;
	float: left;
	margin-top:29px;
		font: normal 13px/120% Helvetica, Arial, sans-serif;
	}
	
.halfcol1 {width:120px;}

.taster h3 p {padding-top:0px !important;}	
.taster h3 {padding-top:0px !important;padding-bottom:5px !important;margin-bottom:10px !important;color:#000 !important;}
.taster h3 a {color:#000;}
.taster h7 p {padding-top:0px !important;}
ul.halfcol3 {height:80px;		font: normal 13px/120% Helvetica, Arial, sans-serif;}
ul.halfcol3 li {padding:0px 0px 1px 0px!important;list-style-type:none !important;}
ul.halfcol3 li a {color:#777;text-decoration:none;}
ul.halfcol3 li a:hover {color:#000;background:#83ff00;}
ul.halfcol3 .current_page_parent a,
ul.halfcol3 .current_page_item a {color:#000;font-weight:bold;}
ul.halfcol3 .current_page_parent a:hover,
ul.halfcol3 .current_page_item a:hover {color:#000;font-weight:bold;background:#fff;}
	
.halfcol ul {
list-style-type:none;
}

.halfcol ul li {padding:1px 0px 1px 0px;}	
.halfcol ul li a {color:#777;text-decoration:none;}

.halfcol ul li a:hover {background:#83ff00;color:#000;}

.halfcol .current_page_parent a,
.halfcol .current_page_item a {color:#000;font-weight:bold;}	
	
.mainarticle .halfcol {
	margin-top: 0px;
	}
	
#getintouch .mainarticle .halfcol {
	margin-top: 0px;
	}
	
.halfcol2 {
	width: 230px;
	float: left;
	text-align: right;
	margin-top:29px;
	}
	
h1 {
	width: 137px;
	display: block;
	font: normal 26px/110% Helvetica,Arial, sans-serif;
	font-weight:bold;
	}
	
h1 a {
	width: 205px;
	height: 18px;
	display: block;
	color:#000 !important;
	text-indent: -0;
	text-decoration: none;
	/* background: url(img/logo.gif) no-repeat 0 0; */
	}
	
#nav {display:none;
	margin-top: 0px;
	padding-top: 19px;
	list-style-type: none;
	border-top: 3px solid #000 /* 727272*/;
	}
	
#nav li {
	padding-bottom: 2px;
	}
	
	#nav a {}
	#nav ul li span {display:none;}

.current_page_item a,
.nav_on { color: #7B7B7B; }

#home #nav li a.home, #aboutus #nav li a.aboutus, #latestnews #nav li a.latestnews, #selectedwork #nav li a.selectedwork, #clientlist #nav li a.clientlist, #awards #nav li a.awards, #press #nav li a.press, #casestudies #nav li a.casestudies, #getintouch #nav li a.getintouch { color: #7B7B7B; }

#nav ul {
	padding: 10px 0 10px 10px;
	list-style-type: none;
	font: normal 12px/120% Helvetica, arial, verdana, sans-serif;
	}
	
.archive {
	padding-top: 4px;
	}
	
.mainarticle {
	margin-top: 0px;
	padding-top: 19px;
	border-top: 1px solid #eee;
	}
	
.taster {
	margin-top: 0px;
    padding-top: 19px;
	border-top:3px solid #000;
	}
	
h2 {
	font: normal 18px/110% georgia, "Times New Roman", Times, serif;
	padding-bottom: 16px;
	color: #E2E2E2;
	}
	
h3, h4, h5, h6 {
	font: normal 18px/110% "Helvetica", Arial, sans-serif;
	padding-bottom: 5px !important;
	color: #111;
	font-weight:bold;
	border-bottom:1px solid #000;
	}
	h3 a {text-decoration:none !important;}
	
h5 {
	font: normal 26px/110% georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	color: #E2E2E2;
	}
	
	h7 {
		font: normal 16px/110% "Helvetica", Arial, sans-serif;
	color: #777;
	font-weight:normal;
	line-height:16px !important;
	}
	
	h7 li a {color:#777;display:block;}
	h7 li a:hover {color:#000;}	
	
.mainarticle h3, .mainarticle h4, .mainarticle h5 {
	font: normal 26px/110% georgia, "Times New Roman", Times, serif;
	padding-bottom: 16px;
	padding-right: 30px;
	color: #E2E2E2;
	}
	
	.mainarticle p {padding-bottom:16px;}
	p.edit {color:#777;bottom:0px;position:fixed;margin-bottom:32px;
		font: bold 16px/110% "Helvetica", Arial, sans-serif;}
		p.edit a {text-decoration:none !important;}
	
.taster p {
	padding-top: 10px;
	}

#col03 .taster h7 {padding-top:20px !important;padding-bottom:10px !important;}
.mainarticle p {
	}
	
#footer {
	color: #7B7B7B;
	width: 695px;
	margin-top: 10px;
	}
	
#clientlist #footer, #awards #footer, #aboutus #footer {
	margin-top: 50px;
	}
	
#footer a {
	color: #7B7B7B;
	}
	
	#footer a:hover {color:#fff;}
	
#footer p {
	margin-left: 474px;
	padding-top: 16px;
	width:466px;
	border-top: 3px solid #000;
	}
	
img {
	padding-bottom: 0px;
	}
	
#selectedwork img {
	padding-bottom: 10px;
	}
	
#prevnext {
	padding-bottom: 16px;
	}
	
.new {
	color: #7B7B7B;
	font-size: 11px;
	line-height: normal; 
	}
	
.stone {
	color: #b6b4a3;
	}
	
	
/* FORM */

form {
	margin-bottom: 16px;
	}
	
form.mainform {
	margin-bottom: 50px;
	}

input, textarea {
	width: 160px;
	border: 0;
	background: #DEDEDE;
	color: #080808;
	padding: 2px;
	margin: 2px 0 10px 0;
	font: normal 12px verdana, arial, geneva, helvetica, sans-serif;
	}
	
textarea {
	height: 60px;
	}
	
input.submit { 
	margin: 2px 0 0 0;
	width: 100px;
	border: 1px solid #727272;
	background-color: #080808;
	color: #DEDEDE;
	font: normal 12px/120% arial, verdana, sans-serif;
	cursor: pointer;
	}
	
/* Clearfix */	
	
.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */