/* @group GLOBALS
===================================== */

body {
	font-size: 62.5%;
	background: transparent url(../images/bgs/bg-body-home.png) scroll repeat-x top left;
}

textarea { font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; }

ul, ol, dl { margin-bottom: 1.5em; }

a { text-decoration: none; color: #3674BB; }

a:hover { text-decoration: underline; }

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


/* @group LAYOUT
===================================== */

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

#content { clear: both; }

#primary {
	float: left;
}

.oneCol #primary {
	width: 960px;
	border: 0;
}


.threeCol #primary { width: 528px; }

.content, .sidebar { min-height: 100px; /* Fixes odd no-content disappearing bug. */ }

#left { float: left; }

#right { float: right; }

.sidebar {
	margin: 0;
	width: 250px !important;
}

.twoColSL #primary { margin: 0 0 0 50px; width: 630px; }

.twoColSL #primary  p { margin: 0 0 1em 0; }

/* @group Layout - Header
===================================== */

#header {
	position: relative;
	padding-top: 10px;
	background: transparent url(../images/bgs/bg-light.png) no-repeat -45px 0;
	z-index:200;
}

#header h1 {
	float: left;
	height: 112px;
}

h1 a {
	display: block;
	width: 490px;
	height: 95px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat 0 15px;
}

#header div {
	float: right;
	width: 320px;
	margin: 35px 20px 0 0;
}

/* @end Layout - Header
-------------------------------- */


/* @group Layout - Footer
===================================== */

#footer { clear: both; position: relative;  margin:3em 0; float:left; width: 100%; }
#footer p { float: left; margin: 0; padding: 0; }
#footer ul { position: absolute; right: 0; margin: 0; padding:0; }

#footer ul li { 
border-right:1px solid #CCCCCC;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:1.4em;
padding-right:1.4em;
position:relative;
	 }

#footer ul li.last { border: none; margin: 0; }

/* @end Layout - Footer
-------------------------------- */

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



/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Primary
===================================== */

#navPrimary, #navPrimary * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:3;
}

#navPrimary {
	position:	relative;
	clear: both;
	height:36px;
	margin: 0;
	padding: 0;
	line-height:	1.0;
	width: 100%;
}

ul#navPrimary li {
	float: left;
	position:	relative;
	margin: 0;
}

#navPrimary a {
	color: #fff;
	display: block;
	padding:17px 37px;
	border-top: 1px solid #343535;
	border-left: 1px solid #343535;
	border-right: 1px solid #121212;
	font-variant:small-caps;
	text-decoration: none;
}

ul#navPrimary li.current a {
	color: #8FAABF;
	background: transparent url(../images/bgs/bg-nav-current.png) repeat-x;
}

#navPrimary li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#navPrimary li:hover ul, #navPrimary li.sfHover ul {
	width: 200px;
	left:			0;
	top:			48px; /* match top ul list item height */
	z-index:		9999;
}

ul#navPrimary li:hover li ul, ul#navPrimary li.sfHover li ul { top:			-999em; }

ul#navPrimary li li:hover ul, ul#navPrimary li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			48px;
}

ul#navPrimary li li:hover li ul, ul#navPrimary li li.sfHover li ul { top:			-999em; }

ul#navPrimary li li li:hover ul, ul#navPrimary li li li.sfHover ul {
	position: absolute;
	left:			10em; /* match ul width */
	top:			48px;
}

#navPrimary li a:hover, #navPrimary li.current a, #navPrimary li:hover, #navPrimary li.sfhover { }

#navPrimary li:hover a, #navPrimary li li:hover a:hover, #navPrimary li.sfhover a:hover { color: #56606a; }

#navPrimary li li a:hover { color: #56606a; }

/*** arrows **/
#navPrimary a.sf-with-ul { min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0;
	top:			21px; /* IE6 only */
	width:			8px;
	height:			9px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url(../images/icons/icon-arrow.gif) no-repeat 0 -18px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			21px;
	background-position: 0 -9px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: 0 -18px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
ul#navPrimary .sf-sub-indicator { background-position:  0 -9px; }

ul#navPrimary a > .sf-sub-indicator {
	background-position:  0 -9px;
	padding-right: 20px;
}

/* apply hovers to modern browsers */
ul#navPrimary a:focus > .sf-sub-indicator, ul#navPrimary a:hover > .sf-sub-indicator, ul#navPrimary a:active > .sf-sub-indicator, ul#navPrimary li:hover > a > .sf-sub-indicator, ul#navPrimary li.sfHover > a > .sf-sub-indicator { background-position: 0 -1px; /* arrow hovers for modern browsers*/ }

/* @group Nav - Primary - Dropdown
===================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: #000 url(../images/bgs/bg-shadow.png) no-repeat bottom right;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off { background: transparent; }

#navPrimary li:hover, #navPrimary li.sfHover, #navPrimary a:focus, #navPrimary a:hover, #navPrimary a:active {
	outline:		0;
	cursor: pointer;
}

#navPrimary li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	z-index: 10;
	width: 100%;
	min-width: 160px;
	top: 48px;
	margin: 0;
	padding: 8px 10px 15px 10px;
}

ul#navPrimary li li { /* all list items */
	background:	none;
	float: left;
	margin: 0 !important;
	border-top: 1px solid #333;
	width: 90% /* width needed for Opera */
}

#navPrimary li li a {
	border: 0;
	border-left: 1px solid #333;
	font-size: 11px;
	display: block;
	padding: .75em;
	line-height: 1;
	font-variant:normal;
	color: #fff !important;
}

#navPrimary li.current li a {
	background:	none;
}
#navPrimary li li a:hover { border-left: 1px solid #999; }

#navPrimary ul li.first, #navPrimary ul li li.first { /* all list items */ border: 0; }

#navPrimary li ul ul { /* third-and-above-level lists */ margin: -1.95em 0 0 12em; }

#navPrimary li:hover ul ul, #navPrimary li:hover ul ul ul, #navPrimary li.sfhover ul ul, #navPrimary li.sfhover ul ul ul {
	left: -9999px;
	z-index: 1001;
}

#navPrimary li:hover ul, #navPrimary li li:hover ul, #navPrimary li li li:hover ul, #navPrimary li.sfhover ul, #navPrimary li li.sfhover ul, #navPrimary li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

/* @end Nav - Primary - Dropdown
-------------------------------- */

/* @end Nav - Primary
-------------------------------- */


/* @group Nav - Secondary
===================================== */

.navSecondary {
	margin: 0 1em 1.5em 2em;
	padding: 0;
	list-style: none;
}

.navSecondary li ul {
	margin-left: 0;
	list-style: none;
}

.navSecondary li {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.navSecondary li.first {
	border-top: none;
}

.navSecondary li.last {
	padding-right: 40px;
}

.navSecondary li:hover, .navSecondary li.current { border-left: 1px solid #666; }

.navSecondary li a {
	display: block;
	width: 100%; /* play nice in IE6 */
	padding: 1em;
	text-decoration: none; /* IE6 Bug */
}

.navSecondary li a:hover {
	color: #BF0000;
	text-decoration: none;
}

.navSecondary li.current a {
	color: #333;
	font-weight: bold;
}

/* @group Nav - Secondary - Second Level
===================================== */

.navSecondary li.current ul {
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}

.navSecondary li.current ul li {
	position: relative;
	padding: 1em;
	font-weight: normal;
	font-size: 1em;
}

.navSecondary li.current ul li.last { position: relative; }

.navSecondary li.current ul li a {
	display: block;
	padding: 0;
	font-weight: normal;
	text-decoration: none; /* IE6 Bug */
}

.navSecondary li.current ul li a:hover { color: #666; }

.navSecondary li.current li.current a { color: #333; font-weight: bold; }

/* @end Nav - Secondary - Second Level
-------------------------------- */

/* @end Nav - Secondary
-------------------------------- */

/* @end NAVIGATION/UI
-------------------------------- */



/* @group MODULES
===================================== */

/* add modules, components, etc. here */

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


/* EOF */
/** BEGIN projects **/
#projects, #banner {
	height:264px;
	margin: 20px 0 30px 0;
	clear: both;
	position: relative;
}
	#projects .buffer {
		overflow: hidden;
	}
	#projects .photo {
		float: left;
		background: transparent url(../images/bgs/bg-slideshow-shadow.png) no-repeat top right;
		margin: 0 1em 0 0;
		float: left;
		width: 590px;		
		height: 238px;
		overflow: hidden;
	}
		#projects .photo p {
			list-style-type: none;
			width: 590px; height: 238px;
		}
			#projects .photo img {
				padding: 6px;
				background-color: #1c1c1c;
				border: 1px solid #8faabf;
				float: left;
			}
	#projects .details {
		float: left;
		width: 350px;
		margin: 0;
	}
		#projects .details li {
			height: 200px;
			list-style: none;
			color: #ffffff;
			padding: 10px 0 0 10px;
			display: none;
			background-color: transparent !important;
		}
		#projects .details li.first {
			display: block;
		}
		#projects .details li h2 {
			font-size: 2.2em !important;
			font-variant: small-caps;
			margin: 0 0 10px !important;
		}
		#projects .details li p {
			line-height: 1.7em;
			font-size: 12px;
		}
		#projects .details li a {
			color: #ffffff;
			font-weight: bold;
		}
	#projects .readmore {
		display: block;
		width: 100px;
		background: none;
		background-color: #2d68a8;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.2em;
		padding: 7px 5px;
		border: 1px solid #4c85c5;
		cursor: pointer;
		outline: none;
		margin: 20px 0 0 0;	
	}

	#projects .readmore:hover {
		text-decoration: none;
		background-color: #2e6cad;
	}
/** END projects **/

div.shadow { 
	width: 100%;
	overflow: hidden;
	background-color: #efefef;
	border: 1px solid #fff;	
 }
 
 div.shadow h2 {
 	background: transparent url("../images/bgs/bg-hdr-h2.png") repeat-x;
	color:#3674BB;
	font-family:times New Roman;
	font-size:1.4em;
	font-weight:bold;
	height:44px;
	margin:0;
	padding:15px 0 0 15px;	
 }
 
  div.shadow h3 {
 	 padding-top:9px;
	 font-size: 100%;
	 text-transform: uppercase;
  }
  
  div.shadow p {
	padding: 0 15px 15px 15px;	
  } 
  
  
 /* Content      */
/* -> Entries   */

#content  .entries,
#content  .full-entry{
	width:320px;
	float: left;
	padding: 0 0 0 15px;	
}

#content  .entries ul { list-style: none; margin: 0; width: 320px; }

#content  .entries ul li,
#content  .full-entry{
	margin-bottom: 20px;
	
}

#content  .entries ul li .date,
#content  .full-entry .date{
	background: url(../images/bgs/bg-date.jpg) no-repeat;
	width: 53px;
	height: 51px;
	float:left;
	margin-right: 15px;
}

#content  .entries ul li .date p,
#content  .full-entry .date p{
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 8px;
	font-size: 10px !important;
	color: #4079a1;
	text-align: center;
	line-height: 14px;
}

#content  .entries ul li .date p span,
#content  .full-entry .date p span{
	display: block;
	font-size: 18px;
}

#content  .entries p ,
#content  .full-entry p {
	font-size: 100%;
}

#content  .entries ul li .title h3 span,
#content  .full-entry .title h3 span{
	color: #aaaaaa;
}

#content  .entries ul li .comments,
#content  .full-entry .comments{
	background: url(../img/blog/comments_bg.jpg) no-repeat;
	width: 111px;
	height: 30px;
	float: right;
	color: #FFF;
	text-align: center;
	margin-top: 5px;
}

#content  .entries ul li .comments p,
#content  .full-entry .comments p{
	padding-top: 1px;
}

#content  .entries ul li .comments p span,
#content  .full-entry .comments p span{
	font-size: 11px;
}

#content  .entries ul li .entry,
#content  .full-entry .post{
	clear: both;
	border-bottom: 1px dotted #c2c2c2;
}

#content  .entries ul li .entry .quote,
#content  .full-entry .post .quote{
	color: #666666;
	padding-left: 10px;
	border-left: 3px solid #eaeaea;
	margin-left: 20px;
	margin-bottom: 10px;
}

#content  .entries ul li .entry ul li,
#content  .full-entry .post ul li{
	background: url(../img/blog/bullet.jpg) no-repeat;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .entries .entry h2, 
#content  .full-entry .post h2{
	font-size:16px; 
}

#content  .entries ul li .img_left,
#content  .full-entry ul li .img_left{
	float: left;
	padding-top: 8px;
	padding-right: 15px;
}

#content  .full-entry .post img{
padding: 0 10px 0 0;
}

#content  .comment_list{
	padding-top: 10px;
}
#content  .comment_list h2{
	width: 250px;
	float: left;
	font-size:24px; 
	color: #333333;
}

#content  .comment_list h3{
	float: right;
	width: 160px;
	margin-top: 5px;
	font-size: 12px; 
	color: #333333;
}

#content  .comment_list ul{
	margin-top: 10px;
}

#content  .comment_list ul li{
	display: block;
	background: #f5f5f5;
	color: #333333;
	padding: 8px;
}

#content  .comment_list ul li.alt{
	background: #FFF;
}

#content  .comment_list p{
	margin-top: 5px;
}

#content  .comment_list .details{
	font-weight: bold;
	color: #727272;
}

#content  .comment_list .details span{
	color: #333333;
}
/** END projects **/
 
 /** START Homepage **/
 #contentLeft { width: 350px; position: relative; float: left;}
 
 #contentRight { position: relative; float: right; width: 556px; margin-bottom: 30px; }
 
/* -------------------------------------------- */

div.shadow .jcarousel-skin-spectra-small { height:146px !important; margin: 0; padding: 0; }

.jcarousel-skin-spectra-small .jcarousel-container {
    background: transparent;
		margin-left: 27px; /* IMPORTANT! DO NOT REMOVE! */
		margin-right: 27px; /* IMPORTANT! DO NOT REMOVE! */
}

.jcarousel-skin-spectra-small .jcarousel-container-horizontal {
		width: 82%;
    padding-left: 25px;
    padding-top: 15px;
}

.jcarousel-skin-spectra-small .jcarousel-clip-horizontal {
		height: 100%;
    width:  100%;
}

.jcarousel-skin-spectra-small .jcarousel-item {
    width: 116px;
    height: 116px;
}

.jcarousel-skin-spectra-small .jcarousel-item-horizontal {
}


.jcarousel-skin-spectra-small .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-spectra-small .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: -15px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-rotator-right.png) no-repeat 0 0;
}

.jcarousel-skin-spectra-small .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: -15px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-rotator-left.png) no-repeat 0 0;
}

/** END Homepage **/

/** START General **/
#banner { 
		background: transparent url(../images/bgs/bg-slideshow-shadow.png) no-repeat 950px top;
		width: 960px;		
		overflow: hidden;
}

#banner img {
	padding: 6px;
	background-color: #1c1c1c;
	border: 1px solid #8faabf;
}

/** END General **/

label.error, form em { color:#F00; }

input, textarea, select { padding:2px; border:1px solid #B5B8C8; background-color:#fff; margin:.25em 0; }

input:focus, textarea:focus, select:focus { border:1px solid #ccc; background-color:#F3F3F3; }

input, select { width:200px; }

input[type="hidden"] { display: none; }

textarea { width: 100%; height:180px }

.ptnrs {
	border-bottom:1px solid #CCCCCC;
	padding:2em 0 3em 0;
}
.oneCol div.last {
	border-bottom: none;
}

dd img, div dd { line-height:inherit; min-height: 70px; }