/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
height:59px;
position:relative;
width:750px;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select_sub {
display:none;
}

.nav .sub {
display:table; 
margin:0; 
padding:0; 
list-style:none;
height: 21px;
color: #ffffff;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover { 
}

/* == home == */

.nav .selecthome,
.nav .currenthome {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap;}

.nav .selecthome a {display:block; width:150px; height:59px; float:left; background: url(images/nav_company.jpg); padding:0;}

.nav .currenthome a {display:block; width:150px; height:59px; float:left; background: url(images/nav_company_on.jpg); padding:0;}

.nav .selecthome a:hover, 
.nav .selecthome li:hover a {background: url(images/nav_company_on.jpg); padding:0; cursor:pointer;}


/* == clients == */

.nav .selectclients,
.nav .currentclients {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap;}

.nav .selectclients a {display:block; width:150px; height:59px; float:left; background: url(images/nav_clients.jpg); padding:0;}

.nav .currentclients a {display:block; width:150px; height:59px; float:left; background: url(images/nav_clients_on.jpg); padding:0;}

.nav .selectclients a:hover, 
.nav .selectclients li:hover a {background: url(images/nav_clients_on.jpg); padding:0; cursor:pointer;}


/* == contact == */

.nav .selectcontact,
.nav .currentcontact {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap;}

.nav .selectcontact a {display:block; width:150px; height:59px; float:left; background: url(images/nav_contact.jpg); padding:0;}

.nav .currentcontact a {display:block; width:150px; height:59px; float:left; background: url(images/nav_contact_on.jpg); padding:0;}

.nav .selectcontact a:hover, 
.nav .selectcontact li:hover a {background: url(images/nav_contact_on.jpg); padding:0; cursor:pointer;}


/* == links == */

.nav .selectlinks,
.nav .currentlinks {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap;}

.nav .selectlinks a {display:block; width:150px; height:59px; float:left; background: url(images/nav_links.jpg); padding:0;}

.nav .currentlinks a {display:block; width:150px; height:59px; float:left; background: url(images/nav_links_on.jpg); padding:0;}

.nav .selectlinks a:hover, 
.nav .selectlinks li:hover a {background: url(images/nav_links_on.jpg); padding:0; cursor:pointer;}


/* == work == */

.nav .selectwork,
.nav .currentwork {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap;}

.nav .selectwork a {display:block; width:150px; height:59px; float:left; background: url(images/nav_work.jpg); padding:0;}

.nav .currentwork a {display:block; width:150px; height:59px; float:left; background: url(images/nav_work_on.jpg); padding:0;}

.nav .selectwork a:hover, 
.nav .selectwork li:hover a {background: url(images/nav_work_on.jpg); padding:0; cursor:pointer;}

.nav .selectwork :hover .select_sub, 
.nav .currentwork .show {display:block; position:absolute; width:750px; top:59px; padding:0; left:0; text-align:center; background:transparent;}

/* == work > Sub1 == */

.nav .selectwork :hover .sub li.sub1 a, 
.nav .currentwork .show .sub li.sub1 a {background: url(images/sublink1-off.gif) no-repeat; background-color: transparent; padding:0; cursor:pointer; display:block; float:left; white-space:nowrap; width: 121px;}

.nav .selectwork :hover .sub li.sub1 a:hover, 
.nav .currentwork .sub li.sub1 a:hover {background: url(images/sublink1-on.gif) no-repeat;  padding:0; cursor:pointer; visibility:visible; background-color: transparent; width: 121px;}

/* == work > Sub2 == */

.nav .selectwork :hover .sub li.sub2 a, 
.nav .currentwork .show .sub li.sub2 a {background: url(images/sublink2-off.gif) no-repeat; background-color: transparent; padding:0; cursor:pointer; display:block; float:left; white-space:nowrap; width: 84px;}

.nav .selectwork :hover .sub li.sub2 a:hover, 
.nav .currentwork .sub li.sub2 a:hover {background: url(images/sublink2-on.gif) no-repeat;  padding:0; cursor:pointer; visibility:visible; background-color: transparent; width: 84px;}

/* == work > Sub3 == */

.nav .selectwork :hover .sub li.sub3 a, 
.nav .currentwork .show .sub li.sub3 a {background: url(images/sublink3-off.gif) no-repeat; background-color: transparent; padding:0; cursor:pointer; display:block; float:left; white-space:nowrap; width: 104px;}

.nav .selectwork :hover .sub li.sub3 a:hover, 
.nav .currentwork .sub li.sub3 a:hover {background: url(images/sublink3-on.gif) no-repeat;  padding:0; cursor:pointer; visibility:visible; background-color: transparent; width: 104px;}

/* == work > Sub4 == */

.nav .selectwork :hover .sub li.sub4 a, 
.nav .currentwork .show .sub li.sub4 a {background: url(images/sublink4-off.gif) no-repeat; background-color: transparent; padding:0; cursor:pointer; display:block; float:left; white-space:nowrap; width: 105px;}

.nav .selectwork :hover .sub li.sub4 a:hover, 
.nav .currentwork .sub li.sub4 a:hover {background: url(images/sublink4-on.gif) no-repeat;  padding:0; cursor:pointer; visibility:visible; background-color: transparent; width: 105px;}

/* == work > Sub5 == */

.nav .selectwork :hover .sub li.sub5 a, 
.nav .currentwork .show .sub li.sub5 a {background: url(images/sublink5-off.gif) no-repeat; background-color: transparent; padding:0; cursor:pointer; display:block; float:left; white-space:nowrap; width: 206px;}

.nav .selectwork :hover .sub li.sub5 a:hover, 
.nav .currentwork .sub li.sub5 a:hover {background: url(images/sublink5-on.gif) no-repeat;  padding:0; cursor:pointer; visibility:visible; background-color: transparent; width: 206px;}

/* == work > Sub6 == */

.nav .selectwork :hover .sub li.sub6 a, 
.nav .currentwork .show .sub li.sub6 a {background: url(images/sublink6-off.gif) no-repeat; background-color: transparent; padding:0; cursor:pointer; display:block; float:left; white-space:nowrap; width: 130px;}

.nav .selectwork :hover .sub li.sub6 a:hover, 
.nav .currentwork .sub li.sub6 a:hover {background: url(images/sublink6-on.gif) no-repeat;  padding:0; cursor:pointer; visibility:visible; background-color: transparent; width: 130px;}