@charset "UTF-8";
/* CSS Document for Pragmatic Design 6 */

/* Layout */

body {
	margin: 0;
	padding: 0;
	background-color:#f3f3f9;
	font-family:HelveticaNeue-Light, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

.clear{
	clear:both;
	height:10px;
}

p a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
p a:hover {
	color:#000;
	text-decoration:underline;
}

img {
border-style:none;
}

h2 {
font-size:22px;
}
h3 {
font-size:20px;
}
h4 {
font-size:18px;
}
h5 {
font-size:16px;
}
h6 {
font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:lighter;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration:none;
color:#000;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration:underline;
color:#000;
}

#outer-wrap,
#header,
#attract,
#attract-subpage,
#content-area {
	width:900px;
}

#outer-wrap {
	margin-left:auto;
	margin-right:auto;
}
#header {
	height:105px;
}
#header-left {
	float:left;
	width:291px;
}
#header-right {
	float:right;
	width:609px;
	text-align:left;
	color:#5225a2;
	padding-top:10px;
}
#header-right h1 {
	text-align:right;
}
#header-right ul {
	float:right;
}
#header-right li {
	list-style:none;
	padding-left: 5px;
	margin-right: 0px;
	float:left;
	font-size:18px;
	display:inline;
}
#header-right li a {
	text-decoration:none;
	color:#5225a2;
}


#attract {
	height:280px;
	background-color:#fff;
	border:thin #000 solid;
}
#attract .attract-pic,
#attract .head-one,
#attract .head-two,
#attract .bodytext {
	list-style:none;
	position:absolute;
}
#attract .attract-pic {
	width:500px;
	height:320px;
	z-index:90;
	top:-40px;
}
#attract .head-one,
#attract .head-two {
	font:"Arial Black";
	font-size:45px;
	font-weight:bolder;
	text-transform:uppercase;
	color:#fff;
	background-image:url(../images/big-grad.png);
	background-repeat:no-repeat;
	background-position:left;
	height:28px;
	padding-top:5px;
	padding-bottom:5px;
}
#attract .head-one {
	margin-top:-200px;
	margin-left:400px;
	padding-left:0px;
}

#attract .head-two {
	margin-top:-200px;
	margin-left:450px;
	padding-left:0px;
}
#attract .bodytext {
	margin-top:-140px;
	margin-left:375px;
	padding-left:0px;
	width:450px;
	font-size:22px;
	line-height:normal;
}
#attract-menupage {
	height:130px;
	background-color:#fff;
	border:thin #000 solid;
}
#attract-menupage .pic {
	top:70px;
	padding-left:50px;
	width:300px;
	height:165px;
	position:absolute;
	z-index:90;
	overflow:hidden;
}
	
#attract-menupage .text {
	font-size:32px;
	color:#000;
	height:100px;
	width:500px;
	padding-top:5px;
	padding-bottom:5px;
	top:80px;
	margin-left:350px;
	z-index:90;
	position:absolute;
	line-height:35px;
}

#content-area h1,
#content-area h1 a,
#homepage-left h1 a,
#homepage-right h1 a,
#page-content h1 a {
	font-size:28px;
	font-weight:bolder;
	color:#fff;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/small-grad.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:20px;
	overflow:hidden;
	text-transform:uppercase;
}

#content-area h1 a:hover,
#homepage-left h1 a:hover,
#homepage-right h1 a:hover {
	text-decoration:underline;
}

#content-area .subsections {
	width:215px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}
#content-area .subsections strong a {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#content-area .subsections strong a:hover,
#homepage-left strong a:hover,
.portfolio-text strong a:hover {
	text-decoration:underline;
}

#homepage-left {
	margin-right:20px;
	width:430px;
	float:left;
}
#homepage-left strong a {
	font-size:16px;
	color:#000;
	text-decoration:none;
}

#homepage-right {
	width:450px;
	float:left;
}
.portfolio-image {
float:left;
  height: 107px;
  width: 200px;
  margin-right:20px;
  margin-bottom:20px;
}


.portfolio-text {
	width: 200px;
	float:left;
	padding-left:10px;
}
#homepage-right .portfolio-text {
	width: 200px;
}

#content-area .portfolio-text {
	width: 400px;
}

.portfolio-text strong a {
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

#page-content {
	float:left;
	width:650px;
	padding-right:50px;
}
#sidebar {
	float:left;
	width:200px;
}

/* DD SMOOTH */

.ddsmoothmenu{
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin:0px;
padding: 0px;
list-style-type: none;
background-color: #f3f3f9;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
display: block;
text-decoration: none;
padding:5px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: yellow;
font-size:15px;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-color:#fff;
}

.ddsmoothmenu ul li a:hover{
background-color:#fff;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
margin-left:0px;
padding-bottom:0px;
display: list-item;
font-size:15px;
background-color:#f3f3f9;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 150px; /*width of sub menus*/
padding: 5px;
margin: 0px;
color:#f3f3f9;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
display:none;
}

.rightarrowclass{
position: absolute;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* INNERFADE */

.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	width: 100%;
}

/* PORTFOLIO SPECIFIC */

.portfoliomenupic {
	float:left;
	width:260px;
}
.portfoliomenutext.
.portfoliomenuh2 a {
	float:left;
	width:375px;
}
.portfoliomenuh2 a {
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

.portfolio-one-pic {
	float:right;
	overflow:hidden;
	width:460px;
	height:250px;
}

.portfoliosummary {
	font-size:15px;
}

#portfolio-page-box {
width:460px;
height:250px;
padding-bottom:30px;
padding-top:0px;
padding-right:40px;
float:right;
}


/* MENUPAGE & SUBPAGE */

.ArticlePhoto {
	width:210px;
	float:left;
}

/* FOOTER */

#footer {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:thin #000 solid;
}
#footer-one,
#footer-two,
#footer-three,
#footer-four {
	float:left;
	width:200px;
	padding:10px;
}
#footer-one ul, li,
#footer-two ul, li,
#footer-three ul, li,
#footer-four ul, li{
	margin:0;
	padding:0;
	list-style:none;
}
.copyright {
	clear:both;
	text-align:center;
	font-weight:bold;
}

#footer a,
#footer a:visited {
	text-decoration:none;
	color:#000;
}
#footer a:hover {
	text-decoration:underline;
}

/* ICONS */

a[href$=".pdf"],
a[href$=".PDF"],
a.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
a[href$=".doc"],
a[href$=".DOC"],
a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_word.png) no-repeat left center;
}
a[href$=".xls"],
a[href$=".XLS"],
a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_excel.png) no-repeat left center;
}
a[href$=".gz"],
a[href$=".GZ"],
a[href$=".gzip"],
a[href$=".GZIP"],
a[href$=".zip"],
a[href$=".ZIP"],
a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
a[href$=".exe"],
a[href$=".EXE"],
a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/application.png) no-repeat left center;
}


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 0px 10px 10px 0;
	width: 306px;
	clear: left;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}
	
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	
	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.middleColumn .message {
		margin: 0;
	}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-weight: bold;
	width: 300px;
}

textarea {
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 10px 0 -10px 0;
	color: #777;
}

label.right {
	display:inline;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
	}
#Sidebar input.action {
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
img {
	border: none;
}
	img.right {
		float: right;
		margin-left: 20px;
	}
	img.left {
		float: left;
		margin-right:10px;
	}
	img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.typography label {
		margin-bottom:0px; !important
	}
	
	/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}

#PageComments li.even {
	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
	padding-right: 40px;
	padding-left: 10px;
}

#PageComments li.odd p.info {
	color: #3AA0C3;
}

.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
   border-right: 1px solid;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}