/* Standard CSS  */

html {   font-size: 62.5%;}
html img {border:0;}

img.top {vertical-align:top;}
img.bottom {vertical-align:text-bottom;}
img.middle {vertical-align:middle;border:0;}


html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 0px }
h1              { font-size: 2em; color: #1c7a3d; margin: .67em 0 }
h2              { font-size: 1.7em; color: #1c7a3d; margin: .75em 0 }
h3              { font-size: 1.35em; color: #1c7a3d; margin: .83em 0 }
h4              { font-size: 1em; margin: 1em 0 }
h5              { font-size: .85em; margin: 1.5em 0 }
h6              { font-size: .7em; margin: 1.67em 0 }
p,blockquote, ul,fieldset, form,ol, dl, dir,menu            { margin: 1.12em 0 }
h1, h2, h3, h4,h5, h6, b,strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,var, address    { font-style: italic }
pre, tt, code,kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
ol, ul, dir,menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline; color: #3378ab; }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
h1            { page-break-before: always }
h1, h2, h3,  h4, h5, h6    { page-break-after: avoid }
ul, ol, dl    { page-break-before: avoid }
}



/* Main Body Style  */
body{ background:#fef4df;text-align:center;padding:0;}

/* Body Shell IDs */
#pagewrapper1 {border:0;margin: 0;padding:0;background: url( 'http://www.wheelockgroup.com/images/beachseaback.gif' ) repeat-x scroll left top;}
#pagewrapper2 {border:0;margin: 0;padding:0;}
#outershell {text-align:left;border:0px;width:820px;margin:0px auto;padding:0;background:#fcedce url( 'http://www.wheelockgroup.com/images/beachseaback.gif' ) repeat-x scroll left top;}
#headercontent {height:130px;margin:0px;border:0px;font-size:12px;font-family: 'arial', 'helvetica', 'verdana';color: #000000;text-align:right;background: url( 'http://www.wheelockgroup.com/images/beachseaheaderbottle.gif' ) no-repeat; background-position: 0 46px;padding:19px 0 0px 30px;}	
#innershell {position:relative;width:800px;margin:0px auto 0 auto;background: #fcedce;}
#leftnavcontent {float:left;margin:0px 0 0 0px;width:180px;padding:0;font-size:12px;font-family: 'arial', 'helvetica', 'verdana';color: #000000;text-align:left;background: url( 'http://www.wheelockgroup.com/images/beachnavback.gif' ) repeat-y scroll left top;}
#bodycontent {margin:-19px 0 0 190px;width:580px;border:0px;text-align:left;font-size:12px;font-family: 'arial', 'helvetica', 'verdana';color: #000000;padding:0 5px 0 5px;}
/* background: url( 'http://www.wheelockgroup.com/images/starfish.jpg' ) no-repeat right bottom; */

/* Body Style */
#bodyfloater {float:right;margin:60px 5px 5px 5px;width:120px;border:0px;text-align:left;font-size:12px;font-family: 'arial', 'helvetica', 'verdana';color: #000000;padding:0 0px 0 0px;background: #fff url( 'http://www.wheelockgroup.com/images/floaterback.gif' ) repeat-y scroll left top;display: inline;z-index:100;}
.floatertop {background:url( 'http://www.wheelockgroup.com/images/floatertop.gif' ) no-repeat top left; line-height: .5em; margin: 0; color: #fff;}
.floaterbottom {background:url( 'http://www.wheelockgroup.com/images/floaterbottom.gif' ) no-repeat bottom left; line-height: 1.7em; margin: 0; color: #fff;}
.floatertext {margin: 0; padding:5px 6px 0 4px; color: #000;}
.floatertext a:link, .floatertext a:visited, .floatertext a:active {text-decoration:underline;}
.floatertext a:hover {color: #000;}
.contentheader {font-style:italic;}
.blogcapsule {background:#fef4df;padding:5px}

/* HR Style */
.hr {height: 1px;margin: 5px auto 5px auto;background: #6ba5e0 url( 'http://www.wheelockgroup.com/images/hr.gif' ) repeat-y scroll left;}
.hr hr {display: none;}

/* Header Style */
#headertext  {color: #c7b29a; font-family: Georgia, "Times New Roman", Times, serif;	font-size: 30px; font-weight: normal;text-align:left;}
#bottomheadertext  {background: url( 'http://www.wheelockgroup.com/images/clickhereover.gif' ) no-repeat right;margin:15px auto 0 auto;color: #c7b29a; font-family: Georgia, "Times New Roman", Times, serif;font-size:17px;font-weight:normal;text-align:left;height:20px;width:100%;text-align:right;padding:0;}
#bottomheadertext a {background:url( 'http://www.wheelockgroup.com/images/clickhere.gif' ) no-repeat right;display:inline-block;height:20px;}
#bottomheadertext a:hover {background:url( 'http://www.wheelockgroup.com/images/clickhereover.gif' ) no-repeat right;display:inline-block;height:20px;}

/* Footer Style */
#footerlinks {margin:0;border:0px;padding:0px;width:100%;}
#footerlinks h3 {margin: 0;display:inline; }
#ft1 {position:absolute;left:0px;width:20%;margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;}
#ft2 {position:absolute;left:20%;width:20%;margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;}
#ft3 {position:absolute;left:40%;width:20%;margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;}
#ft4 {position:absolute;left:60%;width:20%;margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;}
#ft5 {position:absolute;left:80%;width:20%;margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;}
#footertext {height:35px; margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #000;text-align:left;width:100%;line-height: 1em;}
#footertext h1, #footertext h2, #footertext h3, #footertext h4, #footertext h5, #footertext h6 {margin: 0;display:inline;}
#footercontent {position:absolute;height:25px; margin:0;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;text-align:left;width:400px;}
#valid {position:absolute;height:25px;left:50%;border:0px;padding:0px;font-size:10px;font-family: 'arial', 'helvetica', 'verdana';color: #0c793d;text-align:right;width:400px;}
#valid a {text-decoration: underline;}

/* Page Header Style */
#author {font-family: 'arial', 'helvetica', 'verdana';	font-size: 9px; color: #000;display:inline;}
h1 {  font-family: Georgia, "Times New Roman", Times, serif;	font-size: 24px; font-weight: bold; color: #1c7a3d;}
h1 span {  background: url( 'http://www.wheelockgroup.com/images/beachgradient.png' ) repeat-x;  position: absolute;  display: block;  width: 580px;}

/* Nav Style */
#nav-menu ul{list-style: none;padding: 0;margin: 6px;width: 160px;}
.navtop {background:url( 'http://www.wheelockgroup.com/images/beachnavbacktop.gif' ) no-repeat top left; line-height: .5em; margin: 0; color: #fff;}
.navbottom {background:url( 'http://www.wheelockgroup.com/images/beachnavbackbottom.gif' ) no-repeat bottom left; line-height: 1.7em; margin: 0; color: #fff;}
#nav-menu li {margin: 0.15em; background:url( 'http://www.wheelockgroup.com/images/navbuttonover.gif' ) no-repeat top left;}
#nav-menu li a {background:url( 'http://www.wheelockgroup.com/images/navbutton.gif' ) no-repeat top left; height: 30px;line-height: 30px;width: 160px;display: block;color: #000;text-decoration: none;text-align: center;font-family: Georgia, "Times New Roman", Times, serif;	font-size: 16px; font-weight: normal;}
#nav-menu li a:hover{background:url( 'http://www.wheelockgroup.com/images/navbuttonover.gif' ) no-repeat top left;height: 30px;line-height: 30px;width: 160px;display: block;color: #FFF;text-decoration: none;text-align: center;font-family: Georgia, "Times New Roman", Times, serif;	font-size: 16px; font-weight: normal;}


/* Blog Nav Style */
#bloglinkcontent {background:url( 'http://www.wheelockgroup.com/images/scratchpad.gif' ) no-repeat top left; width:180px;font-size:12px;font-family: Georgia, "Times New Roman", Times, serif;color: #000000;padding:4px 0 0 10px;margin:0 0 0 3px;height:200px;}
#blogfeed {width:180px;margin:0 0 0 0;padding:0 0 0 10px;bottom:0;left:0;position: relative;}
#blog-menu ul {list-style: none;padding: 0;margin: 0px;width: 160px;}
.blogtop {line-height: 1.7em; margin: 0; padding:0 0 0 10px;color: #000; }
#blog-menu li {margin: 0.15em;}
#blog-menu li a {height: 1em;line-height: 1em;color: #1c7a3d;text-decoration: none;text-align: left;padding:0 0 0 10px;}
#blog-menu li a:hover {height: 1em;line-height: 1em;color: #1c7a3d;text-decoration: underline;text-align: left;padding:0 0 0 10px;}


/* Tag Cloud Content */
#tagcloudcontent {background: url( 'http://www.wheelockgroup.com/images/beachnavtagsback.gif' ) repeat-y scroll left top; width:180px; font-size:12px; font-family: 'arial', 'helvetica', 'verdana';color: #000000; padding:0px; margin:0px;}
.tctop {background:url( 'http://www.wheelockgroup.com/images/beachnavbackbottomwithtags.gif' ) no-repeat left top; margin: 0; width:180px; padding:8px 0 0 15px;font-family: Georgia, "Times New Roman", Times, serif;	font-size: 10px; font-weight: bold; text-decoration: underline;}
.tcwords {margin: auto; text-align:center; padding:10px;}
.tcbottom {background:url( 'http://www.wheelockgroup.com/images/beachnavtagbottom.gif' ) no-repeat left bottom; width:180px; margin: 0;}
#tagcloudcontent h6 {  margin: 0; display:inline; }
#tagcloudcontent h5 {  margin: 0; display:inline; }
#tagcloudcontent h4 {  margin: 0; display:inline; }
#tagcloudcontent h3 {  margin: 0;display:inline; }
#tagcloudcontent h2 {  margin: 0;display:inline; }

/* Portfolio Class */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
div#minipics{float:left;width:100%;height:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:120px;margin: 10px 10px 10px 0;background-color: #fff}
div#minipics li img{display: block;width: 100px;height: 100px;margin:5px 10px;border: 0px}

/* Portfolio Tool Tips */
a.tip {	position: relative;cursor: default;}
a.tip span {cursor: default;display: none;	position: absolute;	top: 0px;	left: 0px;	width: 100px;	padding: 5px;	z-index: 150;	background: #fff;	color: #000;	text-align: left;	text-decoration: none;	font-weight: bold;	font-family: 'arial', 'helvetica', 'verdana';}
a:hover.tip {	cursor: default;font-size: 99%; /* this is just for IE */	text-decoration: none;}
a:hover.tip span {	cursor: default; display: block;	text-decoration: none; }

/* Input Classes  */
.inputstyle{	font-size: 11px;	font-family: 'arial', 'helvetica', 'verdana';	color: #000000;	background-color: #DADADA;	padding-top: 2px;	padding-bottom: 2px;}
.dropdownstyle{	font-size: 11px;	font-family: 'arial', 'helvetica', 'verdana';	color: #000000;	background-color: #DADADA;	padding-top: 1px;	padding-bottom: 1px;}
.buttonstyle{	font-size: 11px;	font-family: 'arial', 'helvetica', 'verdana';	color: #FFFFFF;	background-color: #1c7a3d;	border-width: 1px;	border-color: #000000;	padding-top: 0px;	padding-bottom: 0px;	font-weight : bolder;}

/* Misc Classes */
.center{	text-align:center;}
#getstarted {text-align:center;background:url( 'http://www.wheelockgroup.com/images/getstartedover.gif' ) no-repeat top center;border:0;width:170px;height:20px;display: block;margin:0 auto 0 auto}
#getstarted a {text-align:center;background:url( 'http://www.wheelockgroup.com/images/getstarted.gif' ) no-repeat top center;border:0;width:100%;height:20px;display: block;}
#getstarted a:hover {text-align:center;background:url( 'http://www.wheelockgroup.com/images/getstartedover.gif' ) no-repeat top center;border:0;width:100%;height:20px;display: block;}

/* Link Style  */
a:link, a:visited, a:active {text-decoration:none;color : #1c7a3d;}
a:hover {text-decoration:underline; color : #1c7a3d;}