@charset "UTF-8"; 
/* CSS Document */

body { background:#2A3A53 url(/i/beach_1920.jpg) fixed no-repeat center top; text-align:center;}

body, p, h1, h2, h3, h4, td { font-family:"Cambria","Calibri","Century Gothic", "Lucida Grande", "Lucida Sans Unicode",Helvetica,Arial,sans-serif; line-height:1.1; color:#FFFFFF; }
body, p, h1, h2, #footer h3 { font-size:11px; }
p, h1, h2, h3, h4 { margin-top:0px; margin-bottom:10px;}

#container .mid_col h2, #content .mid_col .item h3 { margin:0px 0px 5px 0px;}
#container .mid_col h2, h1 { 
	-moz-opacity: 0.5; 
	opacity:.50; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50); 
}
#container .mid_col .item h3 { font-size:16px; font-weight:normal;}
#footer h3, #footer p { margin:0px; font-weight:normal; padding-top:5px; }
#footer a { text-decoration:none;}

.blue { color:#2A3A53;}
.blu2 { color:#516477;}
.grey { color:#8199A4;}


a { color:#FFFFFF; text-decoration:none;} a:hover{  color:#FFFFFF; text-decoration:none;}
a.link { font-weight:bold; text-decoration:underline;} a.link:hover{ background:#2A3A53;}

#container, div.i { width: 970px; margin:0 auto; text-align:left;}
#footer { background:url(/i/ft_bg.gif) repeat-x top #516477; z-index:1; }

h4 { font-size:18px;}

.fl { float:left;} .fr { float:right;}

#container #mid { clear:both; padding-top:90px;}

#container .left_col { float:left; width:260px; border-left:1px solid #8199A4; padding-left:10px;}
#container .left_col h2 { font-size:10px; font-weight:normal;}
#container .left_col p.last { margin-bottom:0px;}
#container .mid_col {
	margin-left:57px;
	padding-left:0px;
	float:left;
	width: 642px;
}

#menu { height:75px; position:fixed; z-index:1; background: url(/i/beach_1920.jpg) fixed no-repeat center top; width:970px; }
#menu ul, #menu ul li { margin:0px; padding:0px; list-style:none;}
#menu ul { height:90px; display:block; }
#menu ul li {  float:left;  }
#menu ul li a { display:block; float:left; height:62px; }
#menu ul li a b { display:none;}

#menu ul li a.web_design { background:url(/i/n/wd.jpg) 0px 0px no-repeat; width:75px; } #menu ul li a.web_design:hover, #menu ul li a.web_design_h{ background:url(/i/n/wd.jpg) 0px -62px no-repeat; width:75px; }
#menu ul li a.graphic_design { background:url(/i/n/gd.jpg) 0px 0px no-repeat; width:75px; } #menu ul li a.graphic_design:hover, #menu ul li a.graphic_design_h { background:url(/i/n/gd.jpg) 0px -62px no-repeat; width:75px; }
#menu ul li a.website_systems { background:url(/i/n/ws.jpg) 0px 0px no-repeat; width:100px; margin-right:78px; } #menu ul li a.website_systems:hover, #menu ul li a.website_systems_h { background:url(/i/n/ws.jpg) 0px -62px no-repeat; width:100px; margin-right:78px;  }
#menu ul li a.services { background:url(/i/n/se.jpg) 0px 0px no-repeat; width:88px; } #menu ul li a.services:hover, #menu ul li a.services_h{ background:url(/i/n/se.jpg) 0px -62px no-repeat; width:88px; }
#menu ul li a.clients { background:url(/i/n/cl.jpg) 0px 0px no-repeat; width:80px; } #menu ul li a.clients:hover, #menu ul li a.clients_h{ background:url(/i/n/cl.jpg) 0px -62px no-repeat; width:80px; }
#menu ul li a.blog { background:url(/i/n/bl.jpg) 0px 0px no-repeat; width:70px; } #menu ul li a.blog:hover, #menu ul li a.blog_h{ background:url(/i/n/bl.jpg) 0px -62px no-repeat; width:70px; }
#menu ul li a.contact { background:url(/i/n/co.jpg) 0px 0px no-repeat; width:70px; } #menu ul li a.contact:hover, #menu ul li a.contact_h{ background:url(/i/n/co.jpg) 0px -62px no-repeat; width:70px; }


p.quote { font-size:24px; line-height:1;}
p.credit { margin-bottom:20px;}


#clear { clear:both;}


.item_1 a, .item_2 a {
	text-decoration: none;
}
.item_1 h3, .item_2 h3 {
	font-weight: normal;
	font-size: 15px;
}
.item_1 {
	width: 319px;
	float: left;
	border-left: 1px solid #8199A4;
	padding-left: 10px;
	margin-bottom: 10px;
}

.item_2 {
	width: 300px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #8199A4;
	margin-bottom: 10px;
}

.item_1 p, .item_2 p {
	line-height:1; margin:4px 0px 0px 0px;
}

.cb { clear:both;}
.dn { display:none;}
.mt10 { margin-top:10px;}
.cat_link {
	padding:5px 0px 5px 10px;
	float:left;
	margin: 0px 0px 0px 57px;
}

.hidden { position: absolute; top:-10000px}

table tr td { text-align:left; vertical-align:top;}
table.em { height:97%;}
#mid .mid_col h2 {
	padding-left: 10px;
	padding-bottom: 10px;
}
#mid .mid_col h3 {
	margin: 0px;
	padding: 0px;
}

.high {
	margin:0px 0px 10px 0px;
	padding:5px 10px;
	background:url(/i/bg_dk_200.gif) repeat-x top #2A3A53;
	border-bottom: 1px dotted #fff;
	border-top: 1px dotted #fff;
}