@charset "UTF-8";
/* CSS Document */



/* Reference

Colors
-----------------
link: #00c6f6  /  #0af
body copy, header: #333

body detail copy, header bttm border: #999
link

*/


/* @group Global Classes */
/*-----------------------------------------------------------------
	Global Classes
-----------------------------------------------------------------*/
.tAJ	{text-align:justify;}
.tAR	{text-align:right;}
.tAL	{text-align: left;}

.fS10 {
	font: 10px Tahoma;
	text-transform: uppercase;
}

.fS11 {
	font: 11px Tahoma;
}

.cB		{clear:both;}

.b5 {
	border: 5px solid #303030;
}

.cw {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	margin: 0px;
	float: left;
	color: #999;
}

.R {
	position: relative;
	float: right;	
}

.tBB {
	border-top: 3px solid #00c6f6;
}

.btmBorder {
	border-bottom: 1px solid #e6e6e6;
}

a[class ="lo"] {
	background: url(/images/linkout_icn.gif) no-repeat center right;
	padding: 0px 15px 0px 4px;
	margin-right: 3px;
}

.linkout, .linkout a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	color: #0af;
	padding: 0px;
	margin: 0px;
}

.linkout img, .linkout a img {
	padding: 0px;
	margin: 0px 2px 0px 3px;
}

.b {
	font-weight: bold;
}
/*-----------------------------------------------------------------*/
/* @end */








/* @group Global Elements */
/*-----------------------------------------------------------------
	Global
-----------------------------------------------------------------*/
:focus {
	outline: 0;
}

html, body {
	margin: 0px;
}

body {
	background: #ffffff;
	color: #3f3f3f;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

.container {
	width: 960px;
	margin: 0px auto;
}

#footer {
	width: 960px;
	background-color: #000000;
	margin: 20px auto 0px auto;
	padding: 0px;
	height: 30px;
	overflow: hidden;
	border-top: 1px solid #272727;
}
/*-----------------------------------------------------------------*/

/* @end */





/* @group Main Nav */
/*-----------------------------------------------------------------
	Nav
-----------------------------------------------------------------*/
/* * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
*/
/*-----------------------------------------------------------------*/
/* menu styling - text/bckgrd/everything global style for the whole nav */
ul.dropdown {
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 width: 450px
}
	/* items in dropdown */
	ul.dropdown li {
	padding: 5px 0px;
	width: auto;
}

	/* dropdown on mouse over */

	/* links */
	ul.dropdown a:link,
	ul.dropdown a:visited {
		color: #0af;
		text-decoration: none;	
		padding: 7px 10px;
		background-color: white;
	}
	ul.dropdown a:hover	{
		color: white;
		background-color: #0af;
	}
	ul.dropdown a:active {
		color: white;
	}


	/* dropdown items on mouse over -- level mark -- */

	ul.dropdown ul {
	 width: auto;
	 margin-top: 1px;
	}

	ul.dropdown ul li {
		 font-weight: bold;
		 display: block;
		 width: auto;
		 background-color: #f7f7f7;
		 padding: 5px;
		 cursor: text;
	}
	
	ul.dropdown ul li a:link,
	ul.dropdown ul li a:visited {
		color: #0af;
		text-decoration: none;	
		padding: 7px 10px;
		background-color: black;
	}
	
	ul.dropdown ul li a:hover	{
		color: white;
		background-color: #0af;
	}
	
	ul.dropdown a:active {
		color: white;
	}
/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

ul.dropdown *.dir {
	margin-top: 1px;
}
/*----------------------------------------------------------------*/
/* @end */







/* @group Button & Styles */
/*-----------------------------------------------------------------
	Link Styles & Buttons
-----------------------------------------------------------------*/

/* Blocklinks --------------------------------------------------------*/
.lb {
	padding:5px 0px;
}

#menublocks {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menublocks li {
	padding: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
}

#menublocks li:hover {
	background-color: #F5F5F5;
}

#menublocks li h5.title {
	margin: 0px;
	padding: 0px 15px;
	color: #0af;
	clear: none;
	font: italic bold 24px Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
}

#menublocks li p.client {
	margin: 0px;
	padding: 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	clear: none;
	line-height: 1.2em;
}

#menublocks li p.medium {
	margin: 0px;
	padding: 0px 15px;
	clear: none;
	font: italic 12px/1.2em Helvetica, Arial, sans-serif;
	color: #636363;
}

#menublocks li a.linkblock {
	background: none;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 310px;
	height: auto;
	position: absolute;
	z-index: 50;
	color: #e6e6e6;
}

/* BlockList --------------------------------------------------------*/
#blocksList, #blocksList2 {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#blocksList li, #blocksList2 li {
	padding: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	vertical-align: middle;
}

#blocksList li:hover, #blocksList2 li:hover {
	background-color: #F5F5F5;
}

#blocksList li h5.title, #blocksList2 li h5.title {
	margin: 0px;
	padding: 0px 15px;
	color: #0af;
	clear: none;
	font: italic bold 24px Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
}

#blocksList li p.medium, #blocksList2 li p.medium  {
	margin: 0px;
	padding: 0px 15px;
	clear: none;
	font: italic 12px/1.2em Helvetica, Arial, sans-serif;
	color: #636363;
}

#blocksList li a.linkblockicn, #blocksList2 li a.linkblockicn {
	border-bottom: 1px solid #e6e6e6;
	margin: 0px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 310px;
	height: auto;
	position: absolute;
	z-index: 50;
	color: #e6e6e6;
	background: url(/images/linkout_icn.gif) no-repeat 93%;
}

#blocksList li a.linkblockTicn, #blocksList2 li a.linkblockTicn {
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	margin: 0px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 310px;
	height: auto;
	position: absolute;
	z-index: 50;
	color: #e6e6e6;
	background: url(/images/linkout_icn.gif) no-repeat 93%;

}

#blocksList li a.linkblock, #blocksList2 li a.linkblock {
	border-bottom: 1px solid #e6e6e6;
	margin: 0px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 310px;
	height: auto;
	position: absolute;
	z-index: 50;
	color: #e6e6e6;
}

#blocksList li a.linkblockT, #blocksList2 li a.linkblockT {
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	margin: 0px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 310px;
	height: auto;
	position: absolute;
	z-index: 50;
	color: #e6e6e6;

}
/*-----------------------------------------------------------------*/
/* @end */





/* @group Background & Nav*/
/*-----------------------------------------------------------------
	Homepage Background Slideshow
-----------------------------------------------------------------*/
.pattern {
	width: 1650px;
	height: 1375px;
	margin-left: 0;
	position: absolute;
	left: 0%;
	top: 0px;
	z-index: -1;
	background: url(/images/pattern.gif) repeat;
	margin-bottom: 0px;
	padding: 0px;
}

.gradient {
	width: 1650px;
	height: 1060px;
	margin-left: 0x;
	position: absolute;
	left: 0%;
	top: 0px;
	z-index: -2;
	background: url(/images/gradient.png) repeat-x bottom;
	padding: 0px;
}

#background {
	width: 1650px;
	height: 1050px;
	margin-left: -1650px;
	position: absolute;
	left: 0%;
	top: 0px;
	z-index: -3;
	color: #000;
}
	
	#background .images ul li {
		width: 1650px;
		height: 1000px;
		text-align: center;
	}
	
		#background .images ul li img {
			width: 1650px;
			height: 1000px;
		}
	
		#background .images ul li.graphic  img {
			width: 980px;
			height: 370px;
			margin-top: 150px;
		}
	
/*-----------------------------------------------------------------
	Detail Background
-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* @end */




/* @group Homepage Showcase Spacer */
/*-----------------------------------------------------------------
	Homepage Showcase Slideshow
-----------------------------------------------------------------*/
#spacer {
	height: 200px;
	margin-bottom: 10px;
	position: relative;
}
/*-----------------------------------------------------------------*/
/* @end */




/* @group Columns */
/*-----------------------------------------------------------------
	Columns
-----------------------------------------------------------------*/

/* Styles -------------------------------------------------------*/
.box {
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

.boxPT {
	background-color: #FFFFFF;
	padding-top: 2px;
	margin: 0 0 10px 0;
}

.col1 p, .col2 p, .col3 p {
	padding: 10px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.4em;
}

.col1 h3, .col2 h3, .col3 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
	padding: 5px 10px 5px 15px;
	line-height: 1.7em;
	border-bottom: thin dotted #999;
	margin-bottom: 0px;	
}

.col1 ul, .col2 ul, .col3 ul {
	list-style: none;
	padding: 3px 10px 10px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.5em;
}
/*-----------------------------------------------------------------*/

/* Col1 -----------------------------------------------------------*/
#content .col1 {
	width: 310px;
	float: left;
	position: relative;
}

#adtab {
	margin: 0px;
	padding: 0px;
}
/*-----------------------------------------------------------------*/

/* Col2 -----------------------------------------------------------*/
#content .col2 {
	width: 310px;
	float: left;
	position: relative;
	margin-left: 15px;
}

#comtab {
	margin: 0px;
	padding: 0px;
}
/*-----------------------------------------------------------------*/

/* Col3 -----------------------------------------------------------*/
#content .col3 {
	width: 310px;
	float: left;
	position: relative;
	margin-left: 15px;
}

#ottab {
	margin: 0px;
	padding: 0px;
}
/*-----------------------------------------------------------------*/
/* @end */









/*-----------------------------------------------------------------
	Portfolio Carousel Slideshow
-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/

#carousel {
	margin: 0px auto;
	width: 960px;
	height: 600px;
	padding: 0px;
	overflow: scroll;
	border: 2px solid #999;
}
#carousel ul {
	list-style: none;
	width: 1500px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
}

.textholder p {
	color: #FFFFFF;
}