@charset "utf-8";
/* CSS Document */
body {margin: 0 auto;	background: #E9E8E5; font:12px Arial, Helvetica, sans-serif; color: #333332;}
body, img, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {margin: 0px; padding: 0px;}
h1 {font-size: 1.8em; line-height: 1em;	font-weight: bold; margin-bottom: 10px; }
h2 {font-size: 1.2em; font-weight: bold; color: #333332; margin:0px 0px 2px 0px;}
a {color:#0179A5; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin-bottom: .7em;}
#pageContainerx{background-image: url(../images/grid_bkgd.jpg);	background-repeat: repeat-y;}
/* HEADER */
#navbar {height: 40px;	border-top: dotted 1px #939391;	border-bottom: dotted 1px #939391; margin-top: 40px;}
#titleGraphic{margin-top: 1px;}
#mainMenu{padding: 23px 0px 0px 0px;text-transform: uppercase;}
#mainMenu ul{float: left;	color: #333332;}
#mainMenu ul li{display: inline; padding:0px 22px 0px 0px;}
#mainMenu ul li a{color:#333332; font: .9em Arial,sans-serif; font-weight: bold;}
#mainMenu ul li a:visited{color: #333332;}
#mainMenu ul li a:hover{color: #0179a5;	text-decoration:none;}
#socialLinks{margin-top: 4px;}
/*Index Page CSS*/
#contentContainer {margin-top: 40px;}
#mainpageContent {margin-top: 10px;	line-height: 19px;}
#mainpageContent li {margin-bottom: 10px;}
#mainpageTitle {margin-bottom: 0px;}
#mainpageTouts {text-align: right; font-size: .8em;}
#mainpageToutsText {border-bottom: dotted 1px #939391; padding-bottom: 10px;}
#mainpageLinksBox {margin-top: 10px;}
#mainpageLinksList {margin: 0 40px 0 10px; font-size: .95em;}
#mainpageLinksList li {margin-top: 5px;line-height: 1em;}
#mainpageQuotes {margin: 20px 0 10px 0;	text-align: right;	padding: 3px; border-bottom: dotted 1px #939391;}
#qod-text {font-size: 1.2em; font-style: italic;}
#mainpageQuotesReference {color:#666; font-size: .75em;}
#mainpageTouts a img, #mainpageTouts a { border: none; overflow: hidden; float: left; }
#mainpageTouts a:hover { border: 1px solid white; }
#mainpageTouts a:hover img { margin: -1px; }
/*Web Page CSS*/
#webPortfolio{margin-top:40px;}
#thumbnailRow{margin: 0px 0px 40px 0px;}
.webThumb img{padding: 0px 0px 0px 0px;}
.webThumb h2 {padding: 15px 0px 0px 0px;}
.webThumb p {font-size: 11px; line-height:15px;}
.webThumb a img, .webThumb a { border: none; overflow: hidden; float: left; }
.webThumb a:hover { border: 1px solid white; }
.webThumb a:hover img { margin: -1px; }
#webPorfolioDiv img {}
#projectDesc { line-height: 19px;}
#projectDesc ul {margin-bottom: 10px; }
#projectDesc ul li {margin-bottom: 10px; }
#webPorfolioDiv img {margin-bottom: 20px;}
#webDetailsBox {width: 100%; clear: both; margin-top: 10px;}
.webDetailsLabel {font-weight: bold; text-align: right; width: 60px; float: left; margin-right: 10px; margin-bottom: 6px; line-height:1.2em;}
.webDetailsValue {float: left; width: 230px; margin-bottom: 6px; line-height:1.2em;}
#webDetailsLabel ul {text-align: right; font-weight: bold;}
#webDetailsLabel ul li, #webDetailsValue ul li {margin-bottom: 2px;}
/*Header and Footer CSS*/
#footer {margin-top: 20px;border-top: dotted 1px #939391;}