@import "boxes.css";

#logo {
  margin: 61px 0px 0px 5px;
  padding:0px 0px 0px 0px;
}

#txtHeader{
  margin: 0px 0px 0px 10px;
  padding:0px 0px 0px 0px;
}


/* links */
#contentcenter p {
  line-height:18px;
}
#contentcenter a {
  color:#E1A428;
}
#contentcenter a:hover {
  color:#E1A428;
  text-decoration:none;
}

/* contentcentre styles */
#contentcenter h2{
  font-family:Arial, sans-serif;
  font-weight:normal;
  font-size:22px;
}
#contentcenter h3{
  font-family:Verdana, sans-serif;
  font-weight:normal;
  font-size:19px;
}
#contentcenter h4{
  font-weight:normal;
  font-size:15px;
}
/* Scrollable box styles */
.scrollable {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  overflow:auto;
	border:2px solid #CCC;
	text-align:left;
  padding:15px;
}
.scrollable p{
  font-family:Arial, Helvetica, sans-serif;
  line-height:19px;
}
.scrollable h2{
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size:23px;
  line-height:29px;
  margin: 0px 0px 0px 0px;
}

/* Sub-section Nav Styles */
.subSectionHeader {
  background-color: #000;
  color: #FFF;
  margin:0px 0px 0px 0px;
  padding:8px 0px 8px 0px;
}
.subSectionHeader h2{
  font-family:Helvetica, Verdana, sans-serif;
  font-size:24px;
  font-weight:lighter;
  line-height:28px;
  margin:3px 3px 3px 13px;
}
.smallH2{
  font-family:Helvetica, Verdana, sans-serif;
  font-size:14px;
  font-weight:lighter;
}
.subSectionHeader h3{
  font-family:Helvetica, Verdana, sans-serif;
  font-size:24px;
  font-weight:lighter;
  line-height:28px;
  margin:3px 3px 3px 13px;
}
.subSectionNav {
  background-color: #444;
  color: #EEE;
  height:410px;
  margin:0px 0px 0px 0px;
  padding:3px 3px 3px 3px;
  z-index:30;
}
.contactDetails {
  background-color: #CCC;
  color: #333;
  height:410px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 3px 0px;
  z-index:30;
}
.contactDetails h3{
  background-color: #888;
  font-size:13px;
  color: #CCC;
  margin:0px 0px 0px 0px;
  padding:6px 5px 6px 5px;
}
.contactDetails p{
  margin:8px 6px 0px 6px;
}
.contactDetails ul{
	list-style: none;
  margin:0px;
  padding:8px 3px 8px 6px;
}
.contactDetails li{
  padding:2px 0px 3px 0px;
}
.contactDetails a{
  text-decoration:underline;
  color: #333;
}
.contactDetails a:hover{
  text-decoration:none;
  color: #333;
}
.subSectionNav h3{
  margin:3px 3px 3px 8px;
  font-weight:normal;
}
.subSectionNavLow {
  background-color: #444;
  color: #EEE;
  margin:0px;
  padding:3px 3px 3px 3px;
  z-index:31;
}
.subSectionNavLow ul{
	list-style: none;
  margin:0px;
  padding:10px 3px 8px 10px;
}
.subSectionNavLow li{
  padding:2px 0px 3px 0px;
}
.subSectionNavLow a{
  text-decoration:underline;
  color: #EEE;
}
.subSectionNavLow a:hover{
  text-decoration:underline;
  color: #FCB422;
}
.subSectionNav ul{
	list-style: none;
  margin:0px;
  padding:10px 3px 3px 10px;
}
.subSectionNav li{
  padding:2px 0px 3px 0px;
}
.subSectionNav a{
  text-decoration:underline;
  color: #EEE;
}
.subSectionNav a:hover{
  text-decoration:underline;
  color: #FCB422;
}
#projectLinks a{
  text-decoration:none;
  color: #CCC;
}
#projectLinks a:hover{
  text-decoration:none;
  color: #FCB422;
}

/* Portfolio Viewer Styles */
#portWrapper {
  font-family:Verdana, Verdana, sans-serif;
  margin:0px;
  padding:0px;
}
#portTitle {
  background-color:#000;
}
#portTitle h3{
  color:#FFF;
  font-size:13px;
  font-weight:normal;
  padding:5px;
  margin:0px;
}
#portNav {
  font-size:11px;
  font-weight:normal;
  background-color:#FCB422;
  overflow:hidden;
  height:24px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
#portNav ul{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  line-height:25px;
}
#portNav ul li{
  display:inline;
}
#portNav ul li a{
  color:#FFF;
  padding:6px 28px 6px 6px;
  text-decoration:none;
  background-color:#E1A428;
  height:25px;
}
#portNav ul li a:hover{
  text-decoration:none;
  background-color:#000;
}
#portFrame {
  position:relative;
  margin:0px;
  padding:0px;
  overflow:hidden;
  width:425px;
  height:279px;
  background-color:transparent;
}
#portCanvas {
  margin:0px;
  padding:0px;
  left:0px;
  top:0px;
  width:3825px;
  overflow:hidden;
  position:relative;
  z-index:1;
}
.portDescripItem {
  width:425px;
  line-height:18px;
}
#portDescrip {
  height:100px;
}

.callToAction{
  border-top:1px solid #FCB422;
}
.callToAction p{
  margin-top:4px;
}
.greaterThan {
  color:#444;
  font-weight:bold;
  font-size:13px;
}


/* Link styles */
.copyYellow {
  color:#FCB422;
}
.copyYellow a{
  color:#FCB422;
  text-decoration:none;
}
.copyYellow a:hover{
  color:#FCB422;
  text-decoration:underline;
}

.frmTiny {
  padding: 0px;
  margin: 0px;
}
.tfTiny{
  font-size:10px;
  border:1px solid #AAA;
  background-color: #FFF;
  padding:1px;
  margin:0px;
}
.taTiny{
  font-size:11px;
  font-family:sans-serif;
  border:1px solid #AAA;
  background-color: #FFF;
  padding:1px;
  margin:0px;
  
}
.taSmall{
  font-size:12px;
  font-family:sans-serif;
  background-color: #FFF;
  padding:2px;
  margin:0px; 
}
.tfSmall{
  font-size:12px;
  background-color: #FFF;
}
.selectSmall{
  font-size:12px;
  background-color: #FFF;
  width:120px;
  margin-top:5px;
}
.optionSmall{
  font-size:10px;
  padding:1px 1px 1px 5px;
}

/* Color only styles */
.y {
  color:#FCB422;
}

/* Table styles */
.tblDownloads {
  margin:0px;
  padding:0px;
}
.tblDownloads th{
  background-color: #EEE;
  font-size:13px;
}
.tblDownloads td{
  padding:2px 0px 2px 0px;
}
.tblContact{
  border-top:1px solid #FCB422;
}
.tblContact th{
  text-align:right;
  font-weight:normal;
  padding:2px 5px 2px 2px;
  margin:2px 5px 2px 2px;
}

/* Copy styles */
.copyWarning {
  color:#FF7700;
}
.quote {
  background: #FFF url(../img/bg_quotation.gif) no-repeat;
  margin-bottom:30px;
}
.quote .quoteBody {
  width:300px;
  font-size:14px;
  font-style:italic;
  padding:15px 0px 0px 35px;
}
.quote .quoteAuthor {
  text-align:right;
  border-bottom:1px solid #FCB422;
  padding-bottom:5px;
  margin-top:30px;
}