body {font-family: Arial, Helvetica, sans-serif;background: #ffffff;}	
.clear { clear: both; }

a { text-decoration: none;color: #ff6600; }
a:hover {color: #330099;}

#wrapper {width: 976px;margin: 0 auto;border: 2px solid #330099;}	
.wrapperinterior {margin-top: 10px;}
.navtop {height: 17px;background: #330099;width:100%;color: #ffffff;}

.navmid {background: #ffef97 url(../images/navmidbg2.png) no-repeat top center;width: 976px;height:95px;}
.logocircle {position: absolute;z-index:10001;margin-left: 20px;margin-top: -8px;}
.mainbody {width: 976px;background: #ffffff;}
.column1 {width: 224px;float: left;padding: 20px;margin-top: 70px; overflow: hidden; }
.column2 {width: 272px;padding: 0 20px 20px 20px;float: left;border-left: 2px solid #330099;height: 600px;overflow: hidden; }
.column3 {width: 158px;padding: 0 20px 20px 20px;float: left;border-left: 2px solid #330099;height: 600px;overflow: hidden; }
.column4 {width: 156px;padding: 0 20px 20px 20px;float: left;border-left: 2px solid #330099;height: 600px;overflow: hidden; }
h3 {color: #cc0000;font-size: 11pt;}
p.column1subnav,
p.column2subnav,
p.column3subnav {color: #330099;font-size: 10pt;font-weight: bold;}
p.column3subnav1 {color: #330099;font-size: 10pt;font-weight: normal;width: 145px;}
p.column2subnav2 {color: #330099;font-size: 10pt;font-weight: normal;}
p.column4subnav {color: #330099;font-size: 9pt;font-weight: normal;}
p.column2subnav3 {color: #330099;font-size: 10pt;font-weight: bold;text-align: center;width: 272px;}
img.column1img,
img.column3img {padding-top: 10px;}
p.otherprojects {color: #ff6600;font-size: 8pt;font-weight: bold;}
p.othernrojects3 {color: #ff6600;font-weight: bold;padding-top: 0;font-size: 8pt;}
span.othernrojectscol3 {color: #ff6600;font-weight: bold;padding-top: 0;font-size: 8pt;}
.footer {border-top: 2px solid #330099;margin-top: 10px; clear: both; }
span.footerleft {font-size: 10pt;color: #ff6600;float: left;text-align: left;padding: 5px 10px;}
span.footerright {font-size: 10pt;color: #330099;float: right;text-align: right;padding: 5px 10px;}
span.navtopleft {font-size: 10pt;color: #330099;float: left;width: 488px;text-align: left;}
span.footerleft a,
span.footerleft a:visited {color: #ff6600;text-decoration: none;}
span.footerleft a:hover {color: #330099;}

span.navtopright {font-size: 10pt;color: #ffffff;float: left;width: 478px;text-align: right;padding-right: 9px;}
a.navtop1,
a.navtop1:visited {color: #ffff00;text-decoration: none;font-weight: bold;font-size: 9pt;}
a.navtop2, 
a.navtop2:visited {color: #ffffff;text-decoration: none;font-weight: bold;font-size: 9pt;}
a.navtop1:hover {color: #ffffff;}
a.navtop2:hover {color: #ffff00;}
.swimmingbox {width: 272px;height: 281px;border: 1px solid #00b0f0;background: #e3f6fd;}
.swimmingboxtop {height: 140px;padding: 15px 15px 0 15px;color: #330099;}
span.swimmingboxtoptxt {font-size: 9pt;text-align: center;position: absolute;margin-left: 15px;}
.swimmingboxbtm {height: 121px;}
span.swimmingboxbtmtxt {font-size: 9pt;color: #330099;text-align: left;margin-left: 15px;width: 105px;float: left;}
.swimmingboxbtm img{padding-left: 15px;	float: left;margin-top: -15px;}		
span.swimmingtext1 {font-size: 11pt;color: #119ed2;	}
span.swimmingtext2 {font-size: 11pt;color: #ff6600;}

/* NEW NEW NEW */

span.left1 {margin:0pt;padding:0pt;width:263px;height: 17px;float: left;background: #330099;}
span.right1 {margin:0pt;padding:0pt;width: 713px;float: left;}

/* NAV TOP */

div#navigationtopright {margin:0pt;padding:0pt;float: right;}
div#container {margin:0pt;padding:0pt;margin:0pt auto;text-align:left;padding-bottom: 15pt !important;}
#navtopright {margin:0pt;padding:0pt;background:transparent url(../images/nav/newnavigationtop.png) no-repeat;
     height:17px;position:relative;width:288px;}
#navtopright li a {margin:0pt;padding:0pt;background:transparent url(../images/nav/newnavigationtop.png) no-repeat;
     display:block;font-size:1%;height:17px;overflow:hidden;position:absolute;text-indent:-9999px;top:0pt;}
ul#navtopright {margin:0pt;padding:0pt;margin-left:0pt;}
#navtopright li {margin:0pt;padding:0pt;float:left;height:17px;list-style-type:none;position:relative;}
#navtopright li ul {margin:0pt;padding:0pt;position:absolute;top:17px;width:146px;}
#navtopright li ul li {background-color:#00b0f0;border-bottom:1px solid #ffffff;border-left:1px solid #ffffff;
     border-right:1px solid #ffffff;color: #ffffff;width:146px;font-size:10pt;}
#navtopright li ul li a {
background: transparent none repeat scroll 0% 0%;
font-size:10pt;
margin:2px 0pt 2px 5pt;
overflow:visible;
text-decoration:none;
text-indent:6px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

#navtopright li ul li a:hover {
color: #feff01;
}

body #navtopright li ul {
display:none;
}
#navtopright li:hover ul {
display:block;
}
#navtopright li#navtop_1 {
width:144px;
}
#navtopright li#navtop_1 a {
background-position:0pt 0pt;
left:0pt;
width:144px;
}
#navtopright li#navtop_2 {
width:89px;
}
#navtopright li#navtop_2 a {
background-position:-144px 0pt;
width:89px;
}
#navtopright li#navtop_2 ul li a {
width:89px;
}
#navtopright li#navtop_2 ul {
top:18px !important;
}
#navtopright li#navtop_3 {width:55px;}
#navtopright li#navtop_3 a {background-position:-234px 0pt;width:55px;}
#navtopright li#navtop_1 a:hover, #navtopright li#navtop_1 a.selected {background-position:0pt -18px;}
#navtopright li#navtop_2 a:hover, #navTtopright li#navtop_2 a.selected {background-position:-144px -18px;}
#navtopright li#navtop_3 a:hover, #navtopright li#navtop_3 a.selected {background-position:-234px -18px;}		

li.break1 {background-color:#330099;color: #ffffff;height: auto;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#positioner {clear:both; position:relative; top:0; left:1px; z-index:100; width: 714px;}
.menu {display:none;}
#noniemenu {position:absolute;}
#noniemenu .holder ul {padding:0; margin:0;}
#noniemenu .holder ul li {list-style-type: none;}
#noniemenu .holder li ul {display: none;} 

ul#a1 {display: none;} 
#noniemenu .holder li:hover > ul#a1 {display:block; position:absolute; left:118px; margin-top:-20px; border:1px solid #ffffff; cursor: pointer;}
ul#a2 {display: none;} 
#noniemenu .holder li:hover > ul#a2 {display:block; position:absolute; left:237px; margin-top:-24px; border:1px solid #ffffff; cursor: pointer;}
ul#a2_2 {display: none;} 
#noniemenu .holder li:hover > ul#a2_2 {display:block; position:absolute; left:237px; margin-top:-42px; border:1px solid #ffffff; cursor: pointer;}
ul#a3 {display: none;} 
#noniemenu .holder li:hover > ul#a3 {display:block; position:absolute; left:355px; margin-top:-20px; border:1px solid #ffffff; cursor: pointer;}
ul#a4 {display: none;} 
#noniemenu .holder li:hover > ul#a4 {display:block; position:absolute; left:474px; margin-top:-20px; border:1px solid #ffffff; cursor: pointer;}
ul#a5 {display: none;} 
#noniemenu .holder li:hover > ul#a5 {display:block; position:absolute; left:594px; margin-top:-20px; border:1px solid #ffffff; cursor: pointer;}
ul#a6 {display: none;} 
#noniemenu .holder li:hover > ul#a6 {display:block; position:absolute; left:474px; margin-top:-20px; border:1px solid #ffffff; cursor: pointer;}

#noniemenu .holder {color:#fff; width:118px; height:18px; display:block; overflow:hidden;float:left;margin-right:1px;font-size:10px;}
#noniemenu .holder:hover {height:auto; }

#noniemenu a.outer1, #noniemenu a.outer1:visited {color:#fff; width:118px; height:17px;display:block; background: url(../images/nav/outer1r.png) 
no-repeat top left; text-align:center; text-decoration:none; border-bottom:1px solid #ffffff;}  
#noniemenu a.outer2, #noniemenu a.outer2:visited {color:#fff; width:118px; height:17px; display:block; background: url(../images/nav/outer2r.png) 
no-repeat top left; text-align:center; text-decoration:none; border-bottom:1px solid #ffffff;}  
#noniemenu a.outer3, #noniemenu a.outer3:visited {color:#fff; width:118px; height:17px;display:block; background: url(../images/nav/outer3r.png) 
no-repeat top left;text-align:center; text-decoration:none; border-bottom:1px solid #ffffff;}  
#noniemenu a.outer4, #noniemenu a.outer4:visited {color:#fff; width:118px; height:17px; display:block; background: url(../images/nav/outer4r.png) 
no-repeat top left;text-align:center; text-decoration:none; border-bottom:1px solid #ffffff;}    
#noniemenu a.outer5, #noniemenu a.outer5:visited {color:#fff; width:118px;height:17px;display:block; background: url(../images/nav/outer5r.png) 
no-repeat top left;text-align:center; text-decoration:none; border-bottom:1px solid #ffffff;} 
#noniemenu a.outer6, #noniemenu a.outer6:visited {color:#fff; width:118px; height:17px; display:block; background: url(../images/nav/outer6r.png) 
no-repeat top left;text-align:center; text-decoration:none; border-bottom:1px solid #ffffff;}

#noniemenu a.outer1:hover {width:118px; height:17px; background: url(../images/nav/outer1h.png) no-repeat top left;overflow:visible;}
#noniemenu a.outer2:hover {width:118px; height:17px;background: url(../images/nav/outer2h.png) no-repeat top left; overflow:visible;}  
#noniemenu a.outer3:hover {width:118px; height:17px; background: url(../images/nav/outer3h.png) no-repeat top left; overflow:visible;}    
#noniemenu a.outer4:hover {width:118px; height:17px; background: url(../images/nav/outer4h.png) no-repeat top left;overflow:visible;}
#noniemenu a.outer5:hover {width:118px; height:17px;	background: url(../images/nav/outer5h.png) no-repeat top left; overflow:visible;}
#noniemenu a.outer6:hover {width:118px; height:17px; background: url(../images/nav/outer6h.png) no-repeat top left; overflow:visible;}

#noniemenu div.open {display:none;}
#noniemenu a.inner, #noniemenu a.inner:visited {display:block; width:118px; height:auto;font-size: 8pt;line-height:18px;
border-bottom:1px solid #ffffff; text-decoration:none; color:#ffffff; background:#330099;text-align: left;padding: 2px 0 2px 15px;font-weight: bold;}
#noniemenu a.second {font-weight:bold;}
#noniemenu a.inner:hover {background:#330099;color: #faf904;  }


/*///SUB PAGES /////////////////////////////////////////////////////////////////////////////////////////////////////*/


.subcolumn1 {width: 365px;float: left; margin-top: 100px;}
.holdertable {margin-top: 21px;margin-left: 25px;}
.subcolumn2 {width: 536px;float: left;margin: 0 0 0 20px;padding: 0;}
h3.subh3 {font-size: 11pt;padding: 25px 0 0 0;margin:0;}
p.column2subnav2sub {color: #330099;font-size: 10pt;font-weight: normal;margin: 2px 0 0 0;padding:0;}
span.more {	color: #ff6600;	margin: 0;	padding:0;top: 15px;position: relative;}
img.lrg {padding: 0; margin: 26px 0 0 0;}
a.table {font-size: 9pt;text-align: left;text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	color: #330099;}
a.table:hover {color: #ff6600;}
a.sub, a.sub:visited {text-decoration: none;color: #ff6600;	font-size: 8pt;}	
a.sub:hover {color: #330099;}

.quotearea { border: 2px solid #998cda; background-color: #e1ddf1; color: #3521a9; font-size: 14px; padding: 25px; text-align: right; line-height: 1.25em; margin: 20px; letter-spacing: .5px; }
.quotearea blockquote { text-align: left; padding: 0; margin: 0 0 20px; }
.quotearea p { margin: 0; padding: 0; }
.quotearea a { text-decoration: none; color: #3521a9; font-style: italic; }

/*////WEB DESIGN////////////////////////////////////////////////////////////////////////////////////////////////////*/

.web_design_column1 {width: 976px;}
#containerone {margin:0;padding:0; float: left; width:375px; height: 95px; }
#containertwo {margin:0;padding:0;float: left; width:586px; margin-left: 0px;}
.web_design_column2  {width: 976px; padding-left: 10px;}

.galleria{list-style:none;width:360px}
.galleria li{display:block;width:108px;height:84px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* BEGIN DEMO STYLE */
	
.demo{position:relative;margin-top:2em; margin:0;padding:0;}
.gallery_demo{width:360px;float:left; margin:0;padding:0;}
.gallery_demo li{width:108px;height:84px;border:1px solid #eee;margin: 0 4px 50px 0;background:#eee;}
.gallery_demo li.hover{border-color:#bbb;}
.gallery_demo li.active{border-style:solid; border-color:#666666;}
.gallery_demo li div{left:360px}

.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
.info p{margin-top:1.6em;}	


.galleria_container{margin:0 auto 0 auto;height:452px;width:564px; padding-right:30px;float:right;}	
#main_image { position:relative; top: -20px;}
.nav{padding-top:15px;clear:both; color: #ff6600; font-size: 9pt;}	
.nav a, .nav a:visited {color: #ff6600; font-size: 9pt;}
.nav{position:relative; top: -30px; left: 380px;}	

.caption{font-size: 9pt; font-weight: bold; color: #330099; position:absolute; left: -380px; top:400px;width:200px;}
.gallery_demo li div .caption{font-size: 9pt; color: #330099;}

span.title {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #330099;}
img.title1 {position: absolute; left: 0px; top:124px;}
img.title2 {position: absolute; left: 1px; top:261px;}
img.title3 {position: absolute; left: 0px; top:397px;}