﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 Links StyleSheet - 401 Consulting, LLC.
*           Created by Jeremy S. Cargilo for 401 Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the links css styles for the entire project.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Default Link Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited { color: #666666; text-decoration: none; }
a:hover,  .selected_link { color: #025378 !important; }
a span { display: none; }

/* Custom Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
.home-link { float: left; display: block; background: url("Images/logo.png") no-repeat; width: 277px; height: 66px; margin-left: 23px; }

/* Main Navigation Styles
-----------------------------------------------------------------------------------------------------------------------------------*/
#mainnav a { overflow: hidden; }
.mainnav-strategic { float: left; width: 142px; height: 13px; margin-left: 17px;
    background: url(Images/mainnav-strategic.png) top left; }
.mainnav-strategic:hover, .mainnav-strategic-selected { float: left; width: 142px; height: 13px; margin-left: 17px; 
	background: url(Images/mainnav-strategic.png) bottom left; }

.mainnav-creative { float: left; width: 111px; height: 13px; margin-left: 34px; 
    background: url(Images/mainnav-creative.png) top left; }
.mainnav-creative:hover, .mainnav-creative-selected { float: left; width: 111px; height: 13px; margin-left: 34px; 
	background: url(Images/mainnav-creative.png) bottom left; }

.mainnav-technology { float: left; width: 152px; height: 13px; margin-left: 33px; 
    background: url(Images/mainnav-technology.png) top left; }
.mainnav-technology:hover, .mainnav-technology-selected { float: left; width: 152px; height: 13px; margin-left: 33px; 
	background: url(Images/mainnav-technology.png) bottom left; }

.mainnav-hosting { float: left; width: 50px; height: 13px; margin-left: 33px; 
    background: url(Images/mainnav-hosting.png) top left; }
.mainnav-hosting:hover, .mainnav-hosting-selected { float: left; width: 50px; height: 13px; margin-left: 33px; 
	background: url(Images/mainnav-hosting.png) bottom left; }

.mainnav-whitepapers { float: left; width: 79px; height: 13px; margin-left: 33px; 
    background: url(Images/mainnav-whitepapers.png) top left; }
.mainnav-whitepapers:hover, .mainnav-whitepapers-selected { float: left; width: 79px; height: 13px; margin-left: 33px; 
	background: url(Images/mainnav-whitepapers.png) bottom left; }

.mainnav-aboutus { float: left; width: 57px; height: 13px; margin-left: 33px; 
    background: url(Images/mainnav-aboutus.png) top left; }
.mainnav-aboutus:hover, .mainnav-aboutus-selected { float: left; width: 57px; height: 13px; margin-left: 33px; 
	background: url(Images/mainnav-aboutus.png) bottom left; }

.mainnav-contactus { float: left; width: 69px; height: 13px; margin-left: 33px; 
    background: url(Images/mainnav-contactus.png) top left; }
.mainnav-contactus:hover, .mainnav-contactus-selected { float: left; width: 69px; height: 13px; margin-left: 33px; 
	background: url(Images/mainnav-contactus.png) bottom left; }