﻿body {margin: 0px; padding: 0px; background-color: #333333; color: #ffffff; 
      font-family:Tahoma,Geneva,sans-serif; font-size: 11px; background-image:url("images/master/w2background.gif"); background-repeat:no-repeat;}
	
h1 {font-size:14px; font-weight:bold; padding:0px; margin: 0px;}
h2 {font-size:11px; font-weight:bold; padding:0px; margin: 0px;}
h3 {font-size:12px; font-weight:bold; padding:0px; margin: 5px 0;}

p {line-height:14px;}

a {color:#ffffff; text-decoration:none;}
a:hover {color:#f5055c}

li {padding:0; margin:0;}
img {border:0;}


.searchInput input, #contactContent input {font-family:Tahoma,Geneva,sans-serif; border: none; font-size:12px; } 
#contactContent textArea {font-family:Tahoma,Geneva,sans-serif; border: none; font-size:12px; }
input[type="text"],input[type="password"]{}

.adminControl input[type="text"],input[type="password"]{ background-color:#cccccc;}
DropDownList{font-family:Tahoma,Geneva,sans-serif; font-size:12px; border: solid 1px #cccccc;}

/* grid styles */
.headerStyle {background-color:#cccccc; color:#363636;}
.headerStyle a{color:#363636;}
.headerStyle th {padding:5px;}
.rowStyle {background-color:#363636; color:#ffffff;}
.rowStyle td {padding:5px;}
.alternateRow {background-color:#cccccc; color:#363636;}
.alternateRow td {padding:5px;}
.selectedRow {background-color:#ffffff; color:#009692;}
.selectedRow a {color:#363636;}
.selectedRow td {padding:5px;}


/* master page*/
#mainContainer {margin-left:30px; margin-right:30px;}
#banner {margin:30px 0; height:55px;}
#banner a{float:left;}

#nav {float:left; margin-left:30px; vertical-align:text-top; }
.navMenu {color:#ffffff; font-size:11px;}
.navMenuSelected {color:#009692; font-size:11px;}
.navBox a:hover {color: #f5055c;}

.navBox{width:160px; padding-left:5px; border-left:solid 1px #ffffff; float:left; height:55px;}

#search{float:right; width:140px; height:50px; margin-right:20px;}
#search a{color:#009692; }
.searchInput{background-image:url("images/master/search_input.png"); width:131px; height:22px; margin-bottom:5px;}
.searchInputBox{width:126px; padding:4px 6px; background:transparent;}
#loggedIn{float:left; text-align:right;}
#loggedIn a {color:#009692;}
#loggedIn a:hover {color:#f5055c;}
#menuContentContainer{ clear:left; width:160px; float:left; margin:0 25px 30px 0;}
#mainContentContainer{}

#bottomMenu {clear:both; padding:10px 0 10px 0; border-top:solid 1px #666666; color:#666666;}
#bottomMenu a {color:#666666; text-decoration:none;}
#bottomMenu a:hover {color:#999999}


/* the following are general classes */
.clearDiv {clear: both;}
.pageTitle{padding: 0px 0px 10px 0px;}
.pageContent{float:left; margin-bottom:25px;}

.sideMenuHeader {margin-bottom:10px; border-bottom: solid 1px #666666;}
.sideMenuItem a {text-decoration:none;}
.sideMenuItem a:hover {color: #f5055c;}
.sideMenuItem {margin-bottom:5px;}
.unselectedLink {color:#ffffff; font-size:11px;}
.selectedLink {color: #009692; font-size:11px;}

.top165{background-image:url("images/curves/small_module_top.png"); background-repeat:no-repeat; background-position:bottom; height:13px; width:165px;}
.bottom165{background-image:url("images/curves/small_module_bottom.png"); background-repeat:no-repeat; height:13px; width:165px;}
.top350{background-image:url("images/curves/large_module_top.png"); background-repeat:no-repeat; height:13px; width:355px;}
.bottom350{background-image:url("images/curves/large_module_bottom.png"); background-repeat:no-repeat; height:13px; width:355px;}


/* index page */
#indexProjectGroup{border-top: solid 1px #d9d9d9; margin-top:10px; padding-top:3px;}
.projectImage {width:285px; height:150px; clear:both;}
.galleryImage {background-color:#ffffff;}
.galleryItem {padding: 25px 25px 0 0; width:160px;}

/* work page */
#projectList{float:left; margin-top:10px;}
#projectRollOver{float:left; margin-top:10px; font-size:11px;}

/* used by both index and work */
.projectContent{margin-left:190px; float:none; color:#363636;}

/* project page */
#projectContent {color:#363636;}
#projectCopy{float:left;}
#projectCopy a {color:#009692;}
#projectCopy a:hover {color:#f5055c;}
.projectText{width:355px; background-color:#ffffff; line-height:14px;}
.mainProjectImage {width:330px; height:280px; border: solid 1px #cccccc; margin:0 10px;}
#projectGallery {margin-left:30px; float:left;}
.projectGalleryImage {border: solid 1px #cccccc; width:145px; height:95px; margin:0 10px;}


/* project list control */
.projectList { margin-top:5px;}
.projectList a {color:#363636;}
.projectList p {line-height:normal; margin:5px 0;}
.projectListItem{float:left; margin:0 25px 0 0; padding-bottom:25px;}
#indexText{margin-bottom:20px;}

#projectItem{color:#363636; padding:0 10px; font-size:11px;}
.projectImageSmall{height:85px; margin-right:10px; width:145px;}
.projectItemSmall {background-color:#ffffff; height:205px; width:165px;}
.projectInfo{margin-left:10px;}
.projectDescSmall{height:54px;}
.infoTextSmall {float:left; width:140px; margin-top:5px; }
a.projectLink {color:#009692; font-style:italic;}

/* large modules */
.projectImageLarge{height:195px;  float:left; margin-right:10px; width:145px;}
.projectItemLarge {background-color:#ffffff; height:205px; width:355px;}
.projectDescLarge{height:145px;}
.infoTextLarge {float:left; width:180px; }
.infoTextSmall ul, .infoTextLarge ul{padding: 5px 0 0; margin:0; list-style-position:inside; list-style-image:url("images/list_bullet.png");}
.displayNone {display:none;}

/* about us */
#aboutContent {color:#363636;}
#aboutWhoContainer{float:left; margin-bottom:30px;}
#aboutBlogContainer{float:right; margin-left:30px;}
#aboutMenuContainer{float:left; clear:left;}
/*.blogContent{width:740px; margin-left:190px; float:none; margin-bottom:30px;}*/
.blogContent{width:740px; float:left; margin-bottom:30px;}
.blogContent a{color:#f5055c;}
#blogRightMenu{width:160px; float:left; margin-left:25px;margin-bottom:30px;}

.newsItem{border-bottom: solid 1px #999999; margin-bottom:5px;}
.newsDate{float:right; font-size:11px; margin-right:10px; font-style:italic; color:#009692}
.monthMenuHeader{padding-bottom:5px;}

/* twitter control */
a.tweetLink:link  {color:#ffffff; font-style:italic;}
a.tweetLink:visited  {color:#ffffff; font-style:italic;}
.rowStyleTwitter {padding:10px 0; border-top: solid 1px #666666; font-size:11px; line-height:14px;}
.rowStyleTwitter a{color:#009692;}
.headerStyleTwitter {color:#ffffff; font-size:14px; font-weight:bold; padding:0 0 10px 0;}
.twitterDL {border-bottom: solid 1px #666666; margin-bottom:10px;}

/* links control */
.links img{vertical-align: middle; padding:0 2px 2px 0;}

/* contact us */
#contactContent {width:600px;}
#contactContent h2{padding-top:2px;}
.shortLength{width:157px; padding:4px 6px; background:transparent;}
.fullLength {width:340px; padding:4px 6px; background:transparent;}
.contactField{background-image:url("images/contact/contact_field.png"); width:162px; height:22px;}
.contactMessage{background-image:url("images/contact/contact_message.png"); width:350px; height:177px;}

/* login */
#loginContent { width:350px; margin: 50px 0 50px 125px; float:left; text-align:center;}
#loginControl{background-color:#ffffff;  width:350px; color:#363636;}
.loginControl tr {height:28px;}
.loginTitle {font-weight:bold;}

/* search results */
.searchResultsGrid{width:740px; background-color:#ffffff; color:#333333;}
.searchResultsGrid a {font-size:12px; color:#009692; }
.searchResultsGrid a:hover {color:#f5055c;}
searchurl {color:#009692;}
matches {color:#f5055c; font-size:12px; font-weight:bold;}
rank {color:#009692; font-size:12px; font-weight:bold;}
#searchResult {padding:0 10px 20px; line-height:18px;}
.resultsPanel{background-color:#ffffff; color:#333333; line-height:18px;}
.resultsText{padding: 0 10px;}


/* admin master */
#adminMenuContainer {float:right; width:110px; padding:0 0 10px 10px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#adminMenuContainer a{font-weight:bold;}
#adminMenuContainer a:hover{color:#ffffff;}

/* admin */
#adminContent {width:355px; margin: 50px 0 50px 310px; float:left; clear:left;}
#passwordControl{background-color:#ffffff; width:355px; color:#363636;}
.changePasswordControl tr {height:28px;}
.changePasswordTitle {font-weight:bold;}

/* admin projects */
#adminProjectsContent {padding:10px; width:100%;}
.gridView {width:100%; border: 1px solid #cccccc;}
.adminGalleryBox{float:left; width:200px; text-align:center;}
.galleryHolder{width:100%;}

/* admin blog */
#adminBlogContent {width:100%;}
                                                        
