/**************************************
Company: CSP Worldwide
Site Developed by: Integrated New Media
Date: May 31, 2007
Stylesheet Author: Zak Weiland
**************************************/
/*Blue*/
/*********************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global Styles ~~~~~~~~~~~~~
*********************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global Resets ~~~~~~~~~~~*/

* {
	margin:0;
	padding:0;
}

body {
	background:#000;
	color:#FFF;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:62.5%;	
	margin-bottom:50px;
}

table { 
    border-collapse:collapse; 
    border-spacing:0; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HyperLinks ~~~~~~~~~~~~*/

a       { text-decoration:none; color:#ffff01; outline: none; }
a:hover { color:#fff; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Titling ~~~~~~~~~~~~~~*/

.boldhightlight, .highlight { color:#FFF; margin:5px 0 5px 0; }

h1 { font-size:2.0em; margin:5px 0 5px 0; letter-spacing:-1px; }
h2 { font-size:1.5em; margin:0px 0  5px 0; color:#FFFF01; font-weight:lighter; }
h3 { font-size:1.1em;  }
h4 { font-size:0.9em; font-weight:lighter; margin-top:-5px; }

.boldhighlight { font-size:1.1em; }
.highlight     { font-size:1.1em; font-weight:lighter; }
.title		   { font-size:3.6em; color:#FFF; }


p       { orphans:5; widows:10;  }
td      { vertical-align: top; }
ul      { margin:5px 0 5px 25px; }
ol      { margin:5px 0 5px 30px; }
img     { border:none; }
.malign  { vertical-align:middle; }

.button { background:#fff; border:1px solid #333; color:#000; }
.button:hover {background:#ddd; }
.inputBox { border:1px solid #86151b; height:1.5em; }
.checkBox { padding-left:5px; }

.altText  { color:#ffff01; }

/*************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout Styles ~~~~~~~~
*************************************************************/

#container {
	background:url(/Assets/Images/Layout/Blue/BG_Container.gif) 0 0 repeat-y;
	width:750px;
	margin:auto; 
	height:auto;
	overflow:hidden;
}

.floatLeft  {float:left;}
.floatRight {float:right;}
.clear      {clear:both;}

/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Top Left Nav  ~~~~~~~~~
**************************************************************/

.topLeft {
	background:url(/Assets/Images/Layout/Blue/BG_TopLeft.jpg) 0 0 no-repeat;
	width:250px;	
	text-align:center;
	padding-left:0px;
	padding-top:21px;
}
.topLeft img {margin:0; padding:0;}

.splash {
	width:500px;
	height:280px;
}

.flash 
{
	width:500px; 
	height:49px; 
	position:relative; 
	top:207px; left:0;
	background:url(/Assets/Images/Layout/BG_TopBottom.png) 0 70% repeat-x transparent;
}

.flashTop
{
    color:#ffff01;
    font-weight: bold;
    font-size: 2.3em;
    padding-left: 20px;
}
.flashBottom
{
    color:#ffffff;
    font-weight: bold;
    font-size: 1.3em;
    padding-left: 20px;
    padding-bottom: 7px;
}

/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global Nav  ~~~~~~~~~
**************************************************************/

.globalNav {
	background:url(/Assets/Images/Layout/Blue/globalNav-trans.png) 0 50% repeat-x transparent;
	height:25px;
	width:500px;
	line-height:25px;
}

.globalNav a {
	padding: 0 10px 0 8px; 
	border-right:1px dotted #FFF; 
	font-size:1.1em; 
}

/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Bottom Left Nav  ~~~~~~~~~
**************************************************************/

/* These are the styles for the actual table cell that holds the content. */

.LeftNav {
	background:url(/Assets/Images/Layout/Blue/BG_bottomLeft.jpg) 0 0 no-repeat;
	min-height:390px;
	height:auto;
	padding:8px 0 15px 14px;
}

/* These are the styles for the title of our Feature navigation panel. */

.LeftNavTitle {
	background:url(/Assets/Images/Layout/Blue/BG_Title.gif) 0 0 repeat-y; 
	width:222px; 
	height:50px;
}

.LeftNavTitle h1 {
	padding:10px 0 0 16px;
}

/* These are the styles for the panel that holds our navigation tabs. */

.LeftNavPanel {
	background:url(/Assets/Images/Layout/Blue/BG_BLPanel.gif) 0 0 repeat-y;
	width:221px;
	height:auto;
	margin:-10px 0 -5px 0;  /* <-- This connects the top and bottom curves in the left nav panel.  */
	padding:0 8px 3px 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Inner Left Navigation Tabs ~~~~*/

.tab {
	background:url(/Assets/Images/Layout/Blue/panel_ContentBG.gif) 0 0 no-repeat; 
	width:204px; height:55px; 
	margin-bottom:10px;
	padding:5px 0 0 6px;
}
.tab:hover {
	background:url(/Assets/Images/Layout/Blue/panel_over_ContentBG.gif) 0 0 no-repeat; 
	cursor:hand;  
}
.tab img { float:right; margin-right:5px; margin-top:1px;}
.tab h3  { margin:5px 0 0 0; }
.tab p {  font-size:1.0em; margin:0px 0 10px 0; }
.tab p a { color:#000; } 
/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Main Content  ~~~~~~~~~
**************************************************************/

.inputStyle{ width:150px; height:15px; border:1px solid #C4B9AD; padding:1px 0 1px 6px; font-family:tahoma, arial, helvetica, sans-serif; font-size:11px;}
.textareaStyle{ width:372px; height:67px; border:1px solid #C4B9AD; padding:1px 0 1px 6px; font-family:tahoma, arial, helvetica, sans-serif; overflow:auto; font-size:11px;}

.mainContent {
	background:url(/Assets/Images/Layout/Blue/BG_Content.gif) 0 0 repeat-x #005896;
	padding:0px 0px 0 0;
	min-height:390px;
	height:auto;
}
.mainContentInner {
    padding:16px 8px 12px 8px;
}

.contentText {
	background:transparent url(/Assets/Images/Layout/Blue/BG_ContentText.gif) 0 0 repeat-y;
	padding:1px 21px 10px 10px;
}

.contentText p {font-size:1.1em; margin:0px 0 10px 0; }
.contentText h1 {margin:5px 0 0 0; }

.BodyBold {color:#ffff01;font-weight:bold;text-align:left;margin-top:8px;display:block;font-size:120%;}

/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content Boxes  ~~~~~~~~~
**************************************************************/
.newsContainer {position: relative;min-height: 270px;width: 230px;}
.newsContainer ul {list-style: none;margin:0;}
.newsSlider {width: 17px;height: 262px;margin-top: 5px;margin-left: 212px;padding: 1px;position: relative;}        
.newsHandle {position: absolute;cursor: pointer;height:29px;width:12px;left: 0;background: url(/Assets/Images/Layout/SliderHandle-trans.png) no-repeat;z-index: 100;}

.tinyContentBox  {width:215px;height:70px;background:url(/Assets/Images/Layout/TinyContentBox-trans.png) 0 50% no-repeat;}
.tinyContentBox:hover {cursor:pointer;background:url(/Assets/Images/Layout/TinyContentBox_Hover-trans.png) 0 50% no-repeat transparent;}
.tinyContentBoxTextArea {overflow:hidden;float:left;width:110px;height:50px;margin-left:10px;margin-top:10px}
.tinyContentBoxImg {float:left;margin-top:7px;width:80px;margin-left:3px;}
.tinyContentBoxAltText {color:#000;}

.mmContentTextBox      {margin:0 auto; width:483px;}
.mmContentArea         {background:url(/Assets/Images/Layout/Blue/BG_ContentText.gif) 0 0 repeat-y; position:relative; height:170px; padding:10px;overflow:hidden;}
.mmContentInner        {position:relative; height:100%;}
.mmContentInner ul     {position:absolute;list-style: none;margin:0;}
.mmSlider              {width:17px; height:265px; margin-top:5px; margin-left:212px; padding:1px; position:relative;}        
.mmHandle              {position:absolute; cursor:n-resize; height:29px; width:12px; left:0; background:url(/Assets/Images/Layout/SliderHandle-trans.png) no-repeat; z-index:110;}

.staffContent      {overflow:hidden; height:270px; width:230px;}
.staffContainer    {position:relative; height:270px; width:230px;overflow: hidden;}
.staffContainer ul {position:absolute;list-style: none;margin:0;}
.staffSlider       {width:17px; height:265px; margin-top:5px; margin-left:212px; padding:1px; position:relative;}        
.staffHandle       {position:absolute; cursor:pointer; height:29px; width:12px; left:0; background:url(/Assets/Images/Layout/SliderHandle-trans.png) no-repeat; z-index:110;}

.smallContentBox {width:239px;float:left;font-size:120%;color:#FFF;}
.smallContentBox:hover {cursor:pointer;}
.smallContentBox:hover .smallContentBoxHead {color:#000;}
.smallContentBoxTop {height:11px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Top-trans.png) 0 50% no-repeat transparent;}
.smallContentBoxMiddle {height:140px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Middle.png) 0 0 repeat-y transparent; padding:0 10px 0 10px;font-size:80%;}
.smallContentBoxBottom {height:13px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Bottom-trans.png) 0 50% no-repeat transparent;}
.smallContentBoxHead  {font-size:140%; font-weight:bold; letter-spacing:-1px; padding-left:2px;}
.smallContentBoxDescription  {padding:16px 2px 10px 2px; }
.smallContentBoxImage1 {width:220px;height:60px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Splash1-trans.png) 0 50% no-repeat transparent;}
.smallContentBoxImage2 {width:220px;height:60px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Splash2-trans.png) 0 50% no-repeat transparent;}
.smallContentBoxImage3 {width:220px;height:60px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Splash3-trans.png) 0 50% no-repeat transparent;}
.smallContentBoxImage4 {width:220px;height:60px;background:url(/Assets/Images/Layout/Blue/SmallContentBox_Splash4-trans.png) 0 50% no-repeat transparent;}

.contentBox {width:480px;color:#FFF;}
.contentBoxTop {height:7px;background:url(/Assets/Images/Layout/Blue/ContentBox_Top-trans.png) 0 50% no-repeat transparent;}
.contentBoxMiddle {width:460px;background:url(/Assets/Images/Layout/Blue/ContentBox_Middle.png) 0 0 repeat-y transparent; padding:0 10px 0 10px;overflow:hidden;}
.contentContainer {position:relative;overflow:hidden;width:490px;}
.contentContainer p {width:460px;min-height:300px;}
.contentBoxMiddle p {width:460px;min-height:300px;}
.innerContent  {width:460px;}
.contentBoxBottom {height:7px;background:url(/Assets/Images/Layout/Blue/ContentBox_Bottom-trans.png) 0 50% no-repeat transparent;}
.contentSlider {width: 17px;height: 252px;margin-top: 5px;margin-left: 462px;padding: 1px;position: relative;}
.contentHandle {position: relative;cursor: pointer;height:29px;width:12px;left: 0;background: url(/Assets/Images/Layout/SliderHandle-trans.png) no-repeat;z-index: 100;}

.serviceItem {width:190px; padding:0 12px 10px 16px;}

.customSpecialtyLeftContent {width:260px;}

.contactCol2  {background:url(/Assets/Images/Layout/ColumnSpacer-trans.gif) repeat-y transparent; height:100%; margin-left:12px; padding-left:12px;}

/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Footer  ~~~~~~~~~
**************************************************************/

.footer { 
	background-color:#001524;;
	background-image: url(/Assets/Images/Layout/Blue/BG_Footer.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height:50px;
}

.footerLinks { float:right; margin:11px 10px 0 0; }

/**************************************************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Misc  ~~~~~~~~~
**************************************************************/

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}