
/*

Dark:			#080935
Dark 15% Light	#2d2e53
Dark 20% Light	#393A5D
Dark Purple: 	#63659C
Lighter Purple: #6B759C
Medium Purple: 	#6B6DA5
light red		#A50C08
Dark Red: 		#9C0000
NavRed			#D61839

Grey:			#636363
Tanish dark: 	#CE9A31
Tanish Light 	#D69E39
Light Yellow	#FEF7BC

Blue, Sky:  #48B5EE
Blue, 20%:  #91D3F5
Blue, 60%:  #B6E1F8
Grey: #EFEFEF
*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

/*	Layout Styles  */

#wrap { margin: 0 auto; width: 100%; text-align: left; position: relative;}

/*	Navigation     */

#navmain { 
	padding: 0 0 0 1px; 
	margin: 0 0 0 0; 
	position: relative; 
	top: 0px; 
	left:191px;
	background: #f8f8f8 url(/baseworksolutions/images/navBackgroundOn.gif) repeat-x; 
	height: 50px; 
	z-index: 100; 
	width: 707px; 
	float: left; 
	text-transform: uppercase; 
	letter-spacing: 0px; 
	font-size: 0.92em; 
	text-transform: uppercase;
	}
#navmain li { display: inline;}
#navmain li a { 
	padding: 20px 0px 10px 10px; 
	height: 20px; 
	width: 90px; 
	display: block; 
	float: left; 
	background: #f8f8f8 url(/images/navBackgroundOn.gif) repeat-x; 
	margin: 0px 1px 0 0; 
	color: #BEBEBE;
}
#navmain #selected a, #navmain a:hover { 
	background: #D61839 url(/images/navBackgroundRed.gif) repeat-x bottom left; 
	padding-top: 20px; height: 20px; 
	color: #BEBEBE; 
	text-decoration: none;
}
#navmain .last a { 
	margin-right: 0!important;
}
#navmain a:active {
	background: #FFF; 
	color: #6B759C;
}

/*	Top Bar 	*/

#top {
	background: #080935 url(/images/backgroundHeader100.gif) repeat-x;
	height: 100px;
	font-family: tahoma, helvetica, arial, sans-serif;
	color: #080935;
	font-size: 9px;
	line-height: 1em;
	border-bottom: solid 1px #ffffff;
	
}

.navContainer{
	width: 900px;
	border: solid 1px #A50C08; 
	}


#bottom {
	background: #080935 url(/images/backgroundHeaderBottom20.gif) repeat-x;
	height: 19px;	
	color: #080935;	
}

#footer { clear: both; margin: 20px 0 0 0; font-size: 11px; border-top: 5px solid #E9E7E1; padding: 15px 0 20px 0; background: #fff; border-bottom: 5px solid #080935;}
#footer ul { margin: 0; padding: 0 0 8px 0; text-align: center; border-bottom: 1px solid #E9E7E1;}
#footer ul li { margin: 0; padding: 0; display: inline; margin: 0 10px 0 0;}
#footer p { text-align: center; margin: 10px 0 0 0;}

#top .inner, 
#header .gutter, 
#subheader .gutter {
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
}

#header {
	background: #63659C url(/images/backgroundNavigation50.gif) repeat-x;
}


#header .inner 
{
	position: relative;	
	height: 50px;	
	border-bottom: solid 1px #e9e9e9;
}


#subheader .inner 
{
	
	position: relative;
	padding-top: 10px;
	padding-bottom: 4px;
	height: 50px;	
	/*border-bottom: solid 1px #e9e9e9;*/
}



#subheader {
	background: #63659C url(/images/backgroundNavigation50.gif) repeat-x;
}


/* ---------------- Content Home ---------------- */

#contentHome 	{ width: 49%; float: left;}
#contentHome .services1	{ 
	padding:0 0px 0 0;
	/*border: 1px solid #48B5EE;*/
	float: left;
	margin: 0px 60px 0 0; 
	position: relative;
	}
#contentHome .services2	{
	padding:0 0px 0 0;
	/*border: 1px solid #48B5EE;*/
	float: left;
	margin: 0px 0px 0 0; 
	position: relative; 
	}

#contentRow2 	{ 
	width: 100%; 
	float:left; 
	/*border: solid 2px #63659C; */
	margin: 20px auto 10px; 
	clear: both; 
	color: #76797c;
	/*background:url(/images/ticker_btm_grey.gif) no-repeat 0 100%;*/
}
#contentRow2 .featured1 {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 55px 0 0; 
	position: relative;
	
}
#contentRow2 .featured2 {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 55px 0 0; 
	position: relative;
	
}
#contentRow2 .featured3  {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 55px 0 0; 
	position: relative;	
}
#contentRow2 .featured4  {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 0 0 0; 
	position: relative;	
}




.wrapper { width: 980px; margin: 0 auto; }
#ticker { min-height: 26px; margin-bottom: 15px; background: #f6f6f6 url(/home/elements/ticker_btm_grey.gif) no-repeat 0 100%; /*position: relative;*/ }
#ticker p { line-height: 16px; width: 100%; padding-top: 5px; padding-bottom: 0.2em; background: url(/home/elements/ticker_top_grey.gif) no-repeat 0 0; float: left; margin-bottom: 3px; }
#ticker a#ticker-headline { width: 12.5em; margin-right: 1em; color: #565656; font-weight: bold; text-align: center; border-right: 1px solid #808080; display: block; float: left; }
#ticker a#news-headline { padding-left: 15px; color: #a1a5a9; float: right; }
#ticker a { color: #6e6e6e; text-decoration: none; }
#ticker a#news-link { position: relative; z-index: 10; }




#contentRow3 	{ 
	width: 100%; 
	float:left;	
	display:block;
	height: 190px;
	position:relative; 
	padding:0; 
	margin:0; 	
}
#contentRow3 .portfolio1 {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 55px 0 0; 
	position: relative;
	
}
#contentRow3 .portfolio2 {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 55px 0 0; 
	position: relative;
	
}
#contentRow3 .portfolio3  {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 55px 0 0; 
	position: relative;	
}
#contentRow3 .portfolio4  {	
	width: 170px;	
	padding:0 0px 0 0;
	/*border: 2px solid #48B5EE;*/
	float: left;
	display: disc; 
	margin: 10px 0 0 0; 
	position: relative;	
}



#contentRow3 .itemThumbnails {
	border: solid 1px #63659C; 
	width:170px; 
	height:100px;
}



/* ------------------ Home, Product Description Boxes --------------- */

/* border:solid 1px #6cea22; Green Box */ 
#productList .itemPad {
	padding: 8px;  margin: 0px 0px 10px 0px;
} 
#contentColumn2 { width: 50%; float: right;}
#contentColumn2 ul{list-style-type:none;}
#contentColumn2	.textProductHeader	{margin: 26px 0px 12px 260px;}
#contentColumn2 .productTitle	{	
	float:left;		
	padding:4px 10px;
	background-color:#333;
	color:#fff;
	margin-right:10px;
	margin-left:10px;
	font-size: 12px;	
	line-height: 15px;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;	
	font-weight: bold;}
	
#contentColumn2 .productDescription	{
	position: relative;
	margin-left:10px;
	float:right;	
	}
#contentColumn2 .colProducts {height:145px;}
#contentColumn2 .productThumbnails {float: left;width:250px; height:145px;border: 1px solid #636363;}
#contentColumn2 .textDescription {
	padding:0;
	margin: 8px 0px 0px 260px;	
	color: #636363;
	font-size: 11px;	
	line-height: 15px;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;	
	font-weight: normal;}
#contentColumn2 .padding {
	padding:14px 14px; 14px; 14px;
	}
#contentColumn2 .readmore a{
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color:#080935;
	margin: 0px 0px 0px 260px;
	border: solid 1px #c8ee7a;
	}	

#colProducts {border: 1px solid #63659C;}
/*
#colProducts .newsItem .productDescription
{float:left;height:145px;margin-left:10px;width:100%;}
*/
#colProducts .newsItem .descDiv .productTitle 
{
float:left;
padding:2px 5px;
background-color:#333;
color:#fff;
margin-right:10px;
font-size: 15px;	
line-height: 15px;
font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
}


.productDescription
{float:left;height:174px;margin-left:10px;width:295px;}



/*.productThumbnails {border: solid 1px #63659C;width:250px; height:145px;}*/
/*.productThumbnails {border: solid 1px #63659C; width:250px; height:145px;}*/



/* ---------------- Body Layout ---------------- */

div.body { width: 900px; margin:0 auto; position: relative; margin-bottom: 50px; text-align: left;margin-top: 20px;}
.portfolio-item { width: 200px; float: left; display: block; margin: 0 20px 17px 0; position: relative;}

#LeftNavigation {float: left;}
#contentInternalColumn {float: right; width: ; margin: 53px 0 20px 0; padding: 135px 0 0 0; }
.contentInternal {float: right; width: 694px;}
.leftNavOn {padding-left: 15px; padding-right: 15px;}
.leftNavPad {padding-left: 8px; }
.leftNavDiv {width: 200px;}

/*
.item {
	border: 1px solid #9C0000; 
}
*/

.col {
	float:left;
	margin:0em 0em 20px 0;
	/*padding:0.5em;*/
	/*border: 1px solid #63659C;*/
}

.contentBox{
	margin: 1.5em 1em 0em 0em;
}

.contentImageBox{
	margin: 0 0 0 0;
	padding:0;
	border: 1px solid #e9e9e9; 
}


.colitems {	
	width: 170px;	
	padding:0.5em;
	/*border: 1px solid #63659C;*/
	float: left; 
	display: disc; 
	margin: 0 20px 17px 0; 
	position: relative;
}


.col_heading {
	width:7.2em;
}

.col_1 {
	width: 99%;	
}

.col_2 {
	width: 40%;
	/*border: 1px solid #636363;*/
}

.col_3 {
	width: 48%;
	/*border: 1px solid #636363;*/
}

.col_shift_1 {
	margin-left:9em;
}

/* ----------------------------------------------------- */
/* ---------------- Inernal Body Layout ---------------- */
/* ----------------------------------------------------- */


#colInternalContent{
	float:left;
	margin:0 0 0 0; /*Change this for overall padding*/
	padding:0;	
	/*border: 1px solid #e355a2;*/
	width: 99%;
}
#colInternalContent .column1 {
	width: 48%;
	/*border: 1px solid #eC39de; */
	float: left;
}
#colInternalContent .column2 {
	width: 48%;
	/*border: 1px solid #ce93ed;*/
	float: right;	
}
#colInternalContent .item {
	/*border: 1px solid #9C0000; */
}

#colInternalContent ul{
	list-style-type:none;
	margin:0 0 0 .5em;
}

#colInternalContent li{
	font-size: 13px;	
	line-height: 18px;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #636363;
}

#colInternalContent .productThumbnails {
	/*border: 1px solid #48B5EE;*/
}


body {
	background-color: #FFFFFF;
	font-family: verdana;
	color: #ACACAC;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-width: 0px;
	margin-height: 0px;
}

/* -------------  Text Links -------------------- */
h4 { font-size: 1.08em;}

.list {
	color: #636363;
	font-size: 12px;
	background-color: transparent; 
	line-height: 15px;
	letter-spacing: .05em;
	word-spacing: .06em; 
	list-style-type: circle;
	text-indent: 4px;
	padding: 16px;
	margin: 2px;
	/*list-style-image: url("/images/arrow.gif") */
	}

#textLargeContentHeader {
	color: #636363;
	font-size: 38px;	
	line-height: 15px;
	background-color: transparent;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 12px;
	padding-left: 0px;
	margin-left: 0px;
	text-align: left;
	}

.textContent {padding-left: 0px;
	color: #636363;
	font-size: 12px;
	background-color: transparent; 
	line-height: 15px;
	letter-spacing: .05em;
	word-spacing: .06em; }

.textMediumHeader {
	padding-left: 0px;
	color: #636363;
	font-size: 28px;
	background-color: transparent;	
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.textHeader18 {
	padding-left: 0px;
	color: #636363;
	font-size: 18px;
	background-color: transparent;	
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.textMediumContent {
	padding-left: 3px;
	color: #8e8e8e;
	font-size: 11px;	
	line-height: 15px;
	background-color: transparent;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.textSmallHeader {	
	color: #636363;
	font-size: 12px;	
	line-height: 15px;
	background-color: transparent;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.textBody {
	color: #727272;
	font-size: 11px;	
	line-height: 15px;
	background-color: transparent;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.textBodyMediumPad {
	padding-top: 6px;
	color: #727272;
	font-size: 12px;	
	line-height: 17px;
	background-color: transparent;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.textBodyMedium {	
	color: #727272;
	font-size: 12px;	
	line-height: 17px;
	background-color: transparent;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.textMediumBlueBold {
	text-decoration: none; 
	color: #2d2e53; 
	font-size: 13px;
	font-weight: bold; 
	line-height: 1.0em;
	}

.mediumText {
	font-size: 8pt;
}

.footerText {
	font-size: 7.5pt;
}

.txtMedium {
	color: #434242;
	font-size: 8pt;
	font-weight: normal;
}

.txtLeftNavHeader {
	color: #ffffff;
	line-height: 1.0em;
	letter-spacing: 0.10em;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
	font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;
}

a.small:link {text-decoration: underline; color: #046DB7; font-size: 7.5pt; }
a.small:visited {text-decoration: underline; color: #046DB7; font-size: 7.5pt; }
a.small:hover {text-decoration: none; color: #046DB7; font-size: 7.5pt; }

a.mainNavOn:link { font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 1C6CB5; text-decoration: none; font-weight: normal; }
a.mainNavOn:hover { font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 1C6CB5; text-decoration: underline; font-weight: normal;}
a.mainNavOn:visited { font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: 1C6CB5; text-decoration: none; font-weight: normal;}

a.mainNavOff:link { font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: ffffff; text-decoration: none; font-weight: normal; }
a.mainNavOff:hover { font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: ffffff; text-decoration: underline; font-weight: normal;}
a.mainNavOff:visited { font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: ffffff; text-decoration: none; font-weight: normal;}

a.leftNav:link {letter-spacing: 0.07em; text-decoration: none; color: #2d2e53; font-size: 12px;}
a.leftNav:visited {letter-spacing: 0.07em; text-decoration: none; color: #2d2e53; font-size: 12px;}
a.leftNav:hover {letter-spacing: 0.07em; text-decoration: none; color: #A50C08; font-size: 12px;}

a.lnMedium:link {text-decoration: none; color: #2d2e53; font-size: 12px;}
a.lnMedium:visited {text-decoration: none; color: #2d2e53; font-size: 12px;}
a.lnMedium:hover {text-decoration: underline; color: #A50C08; font-size: 12px;}

a.lnSmallBold:link {text-decoration: none; color: #2d2e53; font-size: 11px;font-weight: bold;}
a.lnSmallBold:visited {text-decoration: none; color: #2d2e53; font-size: 11px;font-weight: bold;}
a.lnSmallBold:hover {text-decoration: underline; color: #A50C08; font-size: 11px;font-weight: bold;}

a.lnMediumBold:link {text-decoration: none; color: #2d2e53; font-size: 13px;font-weight: bold; line-height: 1.0em;}
a.lnMediumBold:visited {text-decoration: none; color: #2d2e53; font-size: 13px;font-weight: bold; line-height: 1.0em;}
a.lnMediumBold:hover {text-decoration: underline; color: #A50C08; font-size: 13px;font-weight: bold; line-height: 1.0em;}

a.lnMediumBoldGrey:link {text-decoration: none; color: #636363; font-size: 13px;font-weight: bold; line-height: 15px;background-color: transparent;font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;}
a.lnMediumBoldGrey:visited {text-decoration: none; color: #636363; font-size: 13px;font-weight: bold; line-height: 15px;background-color: transparent;font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;}
a.lnMediumBoldGrey:hover {text-decoration: underline; color: #636363; font-size: 13px;font-weight: bold; line-height: 15px;background-color: transparent;font-family: Lucida Grande, Lucida, Verdana, Arial, Helvetica, sans-serif;}

a.lnBigBold:link {text-decoration: none; color: #2d2e53; font-size: 15px;font-weight: bold; line-height: 1.0em;}
a.lnBigBold:visited {text-decoration: none; color: #2d2e53; font-size: 15px;font-weight: bold; line-height: 1.0em;}
a.lnBigBold:hover {text-decoration: underline; color: #A50C08; font-size: 15px;font-weight: bold; line-height: 1.0em;}



.