/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0;}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address {margin: 1em 0; padding: 0;}

body {margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color: #A9A9A9; font-size: 10px; text-align: center; background: #665D56 url(/images/grc/bg_main_solid.jpg) repeat-x;}

h1 {font-size: 12px; color: #212427; font-weight: normal; margin: 5px 0 0 15px;}
p {line-height: 16px; margin: 0 0 1em 0;}
img, table {border: 0;}

.location {color: #7F8182; margin: 0:}

.clearboth {clear: both; height: 1px;}

ul, li {margin: 0; padding: 0; list-style: none; line-height: 16px}

#container-main {position: relative; width: 960px; margin: 49px auto 20px auto; text-align: left; padding-bottom: 23px; background-color: #ffffff;}

#nav-wrapper {display: block; width: 960px; height: 40px; text-align: right; background-color: #ffffff;}
#nav-wrapper img {margin: -2px 0 0 0;}

#header-wrapper {display: block; width: 960px; height: 56px; overflow: hidden; margin-top: 20px; background: url(/images/grc/redbar_solid.png) no-repeat;}

#content-wrapper {display: block; width: 960px; min-height: 600px; overflow: hidden; text-align: center; background-color: #fff;}
body.journal #content-wrapper {display: block; width: 960px; min-height: 577px; overflow: hidden; text-align: center; padding-bottom: 23px; background:url(/images/grc/bg_journal3.gif) repeat-y center center; !important background-color: #ffffff;}

#content-wrapper a:link, #content-wrapper a:visited, #content-wrapper a:active {color: #454545; text-decoration: none;}
#content-wrapper a:hover {color:#999999; text-decoration: none;}

#content-wrapper-port {display: block; width: 842px; height: 513px; overflow: hidden; background: url(/images/grc/port_img_1.jpg) no-repeat;}
#pagination {}
#port-back{display: block; float: left; width: 200px; margin: 15px 0 15px 0;}
#port-next{display: block; float: right; width: 200px; margin: 15px 0 15px 0;}

#content-main {display: block; width: 960px; min-height: 513px; overflow: hidden;}
body.home #content-main {display: block; width: 960px; height: 602px; overflow: hidden;}

#content-main #welcome {float: right; width: 348px; background-color: #ffffff; margin: 143px 30px 0 0; padding-bottom: 12px; text-align: left;}
body.portfolio #content-main {display: block; width: 960px; height: 730px; text-align: center; background: url(/images/grc/gray_bg.gif) repeat-y center center;}
body.portfolio #content-main .portfolio-img {height: 605px;}
/*body.portfolio #content-main img {margin: 50px 0 0 0;}*/
body.journal #content-main {display: block; width: 960px; height: 730px; overflow: hidden; text-align: center; background:url(/images/grc/bg_journal4.jpg) no-repeat top center;}
/* body.journal #content-main-tib {display: block; width: 960px; height: 513px; overflow: hidden; text-align: center; background: url(/images/grc/journal_sub_tib_bg.jpg) no-repeat center center;} */
/* body.journal #content-main {display: block; width: 960px; height: 513px; overflow: hidden; text-align: center; background: url(/images/grc/journal_main_bg.jpg) no-repeat center center;} */


body.fun_with_dave #content-main {display: block; width: 960px; min-height: 597px; overflow: hidden; text-align: center; background: url(/images/grc/fun_stuff.gif) no-repeat center center;}
body.contact_dave #content-main {display: block; width: 960px; height: 597px; overflow: hidden; text-align: center; background: url(/images/grc/bg_contact.gif) repeat-y center center;}
body.mailing_list #content-main {display: block; width: 960px; height: 597px; overflow: hidden; text-align: center; background: url(/images/grc/bg-mail-form.gif) no-repeat top center;}
body.client_area #content-main {display: block; width: 960px; height: 597px; overflow: hidden; text-align: center; background: url(/images/grc/bg-login.gif) no-repeat center center;}
body.blog #content-main {display: block; min-height: 597px; text-align: center; background-color: #e8f0f6; background: url(/images/grc/bg_blog.gif) no-repeat center center;}
body.blog2 #content-main {display: block; height: auto; text-align: center; background-color: #e8f0f6; background: url(/images/grc/bg-blog2.gif) repeat-y center center;}
body.blog2 #content-wrapper {display: block; width: 960px; height: auto; text-align: center; /*background:url(/images/grc/bg_content_solid.jpg);*/}
body.print #content-wrapper {display: block; width: 960px; height: auto; text-align: center;}
body.print #content-main {display: block; width: 960px; height: 730px; text-align: center; background: url(/images/grc/gray_bg.gif) repeat-y center center;}
/*body.print #content-main img {margin: 50px 0 0 0;}*/


#main-list {float: none; text-align: center; margin: 250px 0 0 0;}
#main-list ul, #main-list li {display: inline; list-style: none; line-height: 16px;}
#main-list ul {padding: 0 100px 0 100px;}
#main-list li {margin: 0 10px 0 10px;}
#main-list li a:link {font-size: 12px; font-weight: normal; color: #fff;}
#main-list li a:visited {font-size: 12px; font-weight: normal; color: #fff;}
#main-list li a:hover {font-size: 12px; font-weight: normal; color: #999;}
#main-list li a:active {font-size: 12px; font-weight: normal; color: #fff;}

#sub-list {float: none; text-align: center; margin: 8px 0 0 0;}
#sub-list ul, #sub-list li {display: inline; list-style: none;}
#sub-list ul {padding: 0 100px 0 100px;}
#sub-list li {margin: 0 10px 0 10px;}
#sub-list li a:link {font-size: 12px; font-weight: normal; color: #fff;}
#sub-list li a:visited {font-size: 12px; font-weight: normal; color: #fff;}
#sub-list li a:hover {font-size: 12px; font-weight: normal; color: #999;}
#sub-list li a:active {font-size: 12px; font-weight: normal; color: #fff;}

#journal-intro {margin: 40px auto 0 auto;}
#journal-intro #category-title {display: block; float: left; width: 200px; text-align: right; font-size: 12px; font-weight: bold; color:#BB3626; margin: 130px 20px 0 0;}
#journal-intro #category-img {display: block; float: left; width: 400px; text-align: left;}
#journal-intro #category-img p {color: #121212; margin: 0 0 10px 0;}
#content-main-tib #journal-intro #category-title-tib {width: 575px; text-align: center; font-size: 12px; font-weight: bold; color:#BB3626; margin: 68px auto 0 auto;}
#content-main-tib #journal-intro #category-img-tib {width: 575px; text-align: left; margin: 0 auto 0 auto;}
#content-main-tib #journal-intro #category-img-tib p {color: #121212; margin: 0 0 10px 0;}

#journal-main {height: 382px; margin: 6px auto 0 auto; text-align: center;}
#journal-main #category-description {display: block; float: left; width: 200px; text-align: left; font-size: 12px; color:#BB3626; margin: 30px 0 0 25px;}
#journal-main #category-img {display: block; width: 547px; float: left; text-align: right; margin: 50px 0 0 0;}
#journal-main #category-desc {display: block; width: 275px; float: right; text-align: left; margin: 50px 0 0 0;}
#journal-main #category-desc p {color: #000000; width: 188px;}
#journal-main #category-desc p.location {color: #666666; width: 188px;}

#theThumbs { width: 960px; height: 430px; position: relative; text-align: center; background-repeat: no-repeat; background-position: center center;}
#thumbWrap { position: absolute;}
#thumbWrap .slide { height: 382px; width: 960px; padding-top: 43px; text-align: left;}
#thumbWrap .slide h2 {font-size: 12px; font-weight: bold; color:#BB3626; margin: 0 0 8px 0;}
#thumbWrap .slide img.intro-img {display: block; float: left; margin: 0 25px 0 64px;}
#thumbWrap .slide p {color: #000000;}
#thumbWrap .slide .journal-img {display: block; width: 662px; float: left; text-align: right; margin: 0 25px 0 0;}
#thumbWrap .slide .journal-img img {margin-left: 80px;}
#thumbWrap .slide .journal-caption {display: block; width: 225px; float: left; text-align: left; margin: 0;}
#thumbWrap .slide .journal-caption p.img-location {color: #7F8182;}

/*=== .location { color: #666666; width: 200px; margin-top: 10px;} ===*/

/*===  #thumbWrap div p {color: #121212; float: left; text-align: left; margin: 0 0 10px 0;} ===*/
/*===  #thumbWrap div img {display: block; float: left; text-align: left; margin-right: 20px;} ===*/
/*===  #thumbWrap div img.journal-img {display: block; float: left; text-align: left; margin: 0 20px 0 290px;} ===*/
/*===  #thumbWrap div div.img-caption {display: block; width: 275px; float: right; text-align: left; margin: 0;} ===*/
/*=== #thumbWrap img {display: none;} ===*/

.navWrappa { margin-top: 0;}
#theNav { width: 100%;}
#theNav li { padding: 0 15px;}
#theNav a:link, #theNav a:visited, #theNav a:active{ display: inline; color: #454545; text-decoration: none; }
#theNav a:hover {color:#999999; text-decoration: none;}
.floatleft {float: left; width: 150px;}
.floatright {float: right; width: 150px;}

#contact-container {width: 560px; margin: 65px auto 0 auto; text-align: left;}
#contact-container .contact-title {border-bottom: solid 1px #fff; margin: 0 0 0 0;}
#contact-container .contact-info {margin: 0 0 39px 0;}
#contact-container .contact-title h1 {font-size: 12px; font-weight: 200; color: #fff; margin: 0 0 6px 0;}
#contact-container .contact-info p {font-weight: normal; color: #fff; margin: 6px 0 15px 0;}
#contact-container .contact-info a:link {font-weight: normal; color: #fff;}
#contact-container .contact-info a:visited {font-weight: normal; color: #fff;}
#contact-container .contact-info a:hover {font-weight: normal; color: #661616;}
#contact-container .contact-info a:active {font-weight: normal; color: #fff;}

#generic-container {width: 560px; margin: 65px auto 0 auto; text-align: left;}
#generic-container h1 {font-size: 12px; font-weight: 200; color: #fff; margin: 0 0 20px 0; text-align: center;}
#generic-container p {font-weight: normal; color: #fff; margin: 6px 0 15px 0;}
#generic-container a:link {font-weight: normal; color: #fff;}
#generic-container a:visited {font-weight: normal; color: #fff;}
#generic-container a:hover {font-weight: normal; color: #661616;}
#generic-container a:active {font-weight: normal; color: #fff;}
#generic-container  h1.funwithdave {color: #665D56;}
#generic-container p.funwithdave {color: #665D56;}
#generic-container p.funwithdave a:link {font-weight: normal; color: #665D56; margin: 0; padding: 0; text-decoration: underline;}
#generic-container p.funwithdave a:visited {font-weight: normal; color: #665D56; margin: 0; padding: 0; text-decoration: underline;}
#generic-container p.funwithdave a:hover {font-weight: normal; color: #665D56; margin: 0; padding: 0; text-decoration: none;}
#generic-container p.funwithdave a:active {font-weight: normal; color: #665D56; margin: 0; padding: 0; text-decoration: underline;}


#blog-container {text-align: left; padding: 40px 0 0 52px;}
#blog-sidebar {display: block; width: 141px; float: left; margin-right: 52px;}

#blog-sidebar ul {border-top: 1px #707274 solid; padding: 8px 0 0 0; margin-bottom: 50px;}
#blog-sidebar ul, #blog-sidebar li {display: block; list-style: none; line-height: 16px;}
#blog-sidebar h3 {color: #707274;}
#blog-sidebar li {margin: 0 0 5px 0;}
#blog-sidebar li a:link, #blog-sidebar li a:visited, #blog-sidebar li a:active {font-size: 12px; font-weight: normal; color: #707274;}
#blog-sidebar li a:hover {font-size: 12px; font-weight: normal; color: #999;}

#blog-content {display: block; width: 662px; float: left;}
#blog-content .article {margin: 0 0 50px 0;}
#blog-content .article h3 {font-size: 12px; font-weight: bold; color: #212327;}
#blog-content .article .body {border-top: 1px #707274 solid; padding: 8px 0 0 0;}
#blog-content .article .body h2 {font-size: 12px; color: #BB3626; margin: 0 0 10px 0;}
#blog-content .article .body h2  a:link, #blog-content .article .body h2  a:visited, #blog-content .article .body h2  a:active {color: #BB3626;}
#blog-content .article .body h2  a:hover {color: #212327;}
#blog-content .article .body p {color: #000000;}
#blog-content .article .body img {margin: 0 0 15px 0;}
#blog-content .article .body .blog-info-line {border-bottom: 1px #707274 solid; margin:0; padding: 0;}
#blog-content .article .body .blog-info-line p {font-size: 9px; margin: 0 0 3px 0;}
#blog-content .article .body .blog-info-line p ul, #blog-content .article .body .blog-info-line p li {display:inline;}

.dave-links {border-bottom: 1px #707274 solid; padding: 12px 0 0 0;}

.comment-container-odd {background-color: #E1E7EF;}
.comment-container-even { }
.comment-dave {background-color: #D3E1F3;}
.comment-number {display: block; float: left; width: 40px; padding: 10px 0 10px 0;}
.comment-number p {color: #212327; margin: 0 0 0 15px;}
.comment {display: block; float: right; width: 485px; text-align: left; padding: 10px 0 10px 0;}
.comment p {color: #212327; margin: 0 0 6px 0;} 
.comment-dave .comment p strong {color: #BB3626;}      

.form-link {margin: 25px 0 25px 0;}
.red {color: #BB3626;}
#comment-form {display: none; margin: 0 0 25px 0;}

#mail-form-container {width: 566px;  text-align: left; margin: 60px auto 0 auto;}
#mail-form-container #columnone {display: block; width: 280px; float: left; text-align: right;}
#mail-form-container #columntwo {display: block; width: 280px; float: right; text-align: right;}
#mail-form-container p {font-size: 12px; font-weight: bold; color: #212327;}
#mail-form-container p.form-intro {line-height: 18px; font-weight: normal; margin: 0 0 15px 0;}
#mail-form-container input {width: 185px; margin-left: 4px;}
#mail-form-container input.button {}
#mail-thank-you {width: 566px;  text-align: center; margin: 160px auto 0 auto;}
#mail-thank-you h1 {font-size: 15px; font-weight: bold; color: #BB3626; margin: 0 0 10px 0;}
#mail-thank-you p {line-height: 18px; font-weight: normal; color: #212327; margin: 5px 0 10px 0;}

#footer {width: 960px; margin: 0 auto 0 auto; text-align: center;}
#footer p {color:#000000;}
#footer p a:link, #footer p a:visited, #footer p a:active {color:#000000; margin-left: 0px;}
#footer p a:hover {color:#000000; margin-left: 0; color: #333333;}

#footer p a:link.mailto {text-decoration: none}
#footer p a:visited.mailto {text-decoration: none}
#footer p a:hover.mailto {text-decoration: none}
#footer p a:active.mailto {text-decoration: none}

/*== NAV ==*/
#nav-wrapper { text-align: left;}
#topNav { float: right; margin: 0; padding: 14px 25px 0 0;}
#topNav li { font-size: 10px; float: left; line-height: 11px; margin: 0; padding: 0 7px; position: relative;}
#topNav a { color: #797b7d; display: block; float: left; font-weight: normal; position: relative; text-decoration: none;}
	#topNav a:hover { border: 0px solid transparent; color: #bf4334;}
	#topNav li:hover>a { border: none; color: #bf4334;}
	
	/*-- subnav --*/
	#topNav table { position: absolute; left: 0; top: 0;}
	#topNav .carrot { background: url(/images/grc/bg_carrot.gif) no-repeat left top; height: 10px; left: 50%; margin: 0 0 0 -11px; position: absolute; top: 10px; width: 23px;}
	#topNav .dropdown > .carrot { background: url(/images/grc/bg_carrot.png) no-repeat left top;}
	
	#topNav .dropdown { background: transparent; visibility: hidden; left: 0; padding: 20px 0 0; position: absolute; top: 10px; width: 100px; z-index:999;}
	#topNav ul { background: #FFF; padding: 10px 8px; width: 84px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 6px #8c8c8c; -webkit-box-shadow: 0 0 6px #8c8c8c; box-shadow: 0 0 6px #8c8c8c;
	}
	#topNav ul li { float: none; padding: 5px 0;}
	#topNav ul li a { display: inline; float: none;}
	
	#topNav li:hover .dropdown, #topNav a:hover .dropdown { visibility: visible;}

/*== share it ==*/

#shareit-box {
	position:absolute;
	display:none;
}

	#shareit-header {width:138px;}


	#shareit-body {
		width:138px; height:100px;
		background:url(/images/grc/shareit.png);
	}

		#shareit-blank {height:20px;}

		#shareit-url {
			height:50px;
			text-align:center;
		}

			#shareit-url input.field{
				width:100px; height:26px;
				background: transparent url(/images/grc/field.gif) no-repeat;
				border:none; outline:none;
				padding:7px 5px 0 5px;
				margin:3px auto;font-size:11px;
			}

		#shareit-icon  {height:20px;}
		
			#shareit-icon ul {
				list-style:none;
				width:130px;
				margin:0; padding:0 0 0 8px;
			}

			#shareit-icon ul  li{
				float:left;
				padding:0 2px;
			}
			
			#shareit-icon ul  li img{border:none;}