@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);

/* Eric Meyers Reset CSS rules */
 html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


html, div, map, dt, isindex, form {
 display: block;
} 
 
/* end of Eric's reset */

.bold {
font-weight: bold;
}

.boldBlue {
font-weight: bold;
color: #A7CCE9; 
}

.grey {
color: #303030;
}

.small50 {
font-size: 50%;
}

#home {
background: #FFF;
font-family: verdana, arial, sans-serif;
}

#header {
margin: 10px auto;
width: 1000px;
height: 200px;
background-color: #FFF;
}

#header h1 {
float: left;
font: normal 36px/48px 'Josefin+Sans+Std+Light', Arial, Sans-serif;
color: #303030;
text-shadow: 1px 1px 3px #2B2B2B;
}

#header a {
text-decoration: none;
color: #808080;
}


#header h2 {
clear: left;
float: left;
margin: 40px 0 0 60px;
font: normal 44px/48px 'Josefin Sans Std Light', sans-serif;
color: #D0D0D0;
text-shadow: 1px 1px 5px #C0C0C0;
}

#header .navTop {
float: right;
position: relative;
top: 10px;
}

#header  .navTop ul{
list-style-type: none;
}

#header  .navTop li {
display: inline;
margin-right: 10px;
}

#header .navTop a:link, #header .navTop a:visited  {
font: bold 1.25em/1.25em 'Josefin Sans Std Light', Arial, Sans-serif;
background-color: #F2F2F2;
color: #989898;
text-decoration: none;
margin-left: -6px;
padding: 15px 20px 12px;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px 20px;

}

#header .navTop a:hover, #header .navTop a:active {
background-color: #EFF6FB;
color: #5A5A5A;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px 20px;
}

#wrapper1 {
height: 217px;
width: 100%;
background: #FFF url(../img/bg1.jpg) repeat-x;
margin: 0;
}

#wrapper1 h2 {
font: bold 0.9em/1.6em Verdana, Arial, Sans-serif;
color: #000;
}

#wrapper1 h3 {
font: bold 0.80em/1.5em Verdana, Arial, Sans-serif;
color: #202020;
padding-bottom: 1em;
}

#wrapper1 p {
font: normal 0.75em/1.45em Verdana, Arial, Sans-serif;
color: #2B2B2B;
padding-bottom: 1em;
}

#wrapper1 a:link, #wrapper1 a:visited {
padding: 2px 4px;
color: #97C2E4;
text-decoration: underline;
}

#wrapper1 a:hover, #wrapper1 a:active {
color: #2B2B2B;
text-decoration: none;
background-color: #DCEAF6;
}

.colWrapper {
margin: 40px auto;
width: 1000px;
background-color: transparent;
padding: 0;
}

.colMain {
float: left;
width: 450px;
background-color: transparent;
margin: 30px 25px;
}

.colMain .backer {
background: url(../rgba.php?r=255&g=255&b=255&a=60) repeat; /* madness required to generate a partial transparent .png using /rgba.php for the background in ie7 and ie8 Grrr! */
background: rgba(255, 255, 255, 0.60);
border: 1px solid #EEE;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px 20px;
-moz-box-shadow: 3px  3px 5px #428CD1;
-webkit-box-shadow: 3px 3px 5px #428CD1;
box-shadow: 3px 3px 5px #428CD1;
}


#colSubWrapper {
clear: left;
margin: 35px auto 10px auto;
width: 1000px;
background-color: #FFF;
padding: 0;
}

#colSubWrapper p {
font: normal 0.75em/1.45em Verdana, Arial, Sans-serif;
color: #2B2B2B;
padding-bottom: 1em;
}

#colSubWrapper a:link, #colSubWrapper a:visited {
padding: 2px 4px;
color: #97C2E4;
text-decoration: underline;
}

#colSubWrapper a:hover, #colSubWrapper a:active {
color: #2B2B2B;
text-decoration: none;
background-color: #DCEAF6;
}

#colSubWrapper img.portfolio {
margin: 0 0 10px 0;
border: 1px solid #000;
}


.colSub {
float: left;
width: 210px;
background-color: #FFF;
padding: 20px 15px;
margin-bottom: 60px; /* allows content to scroll above top of fixed footer */
}

.colSub h3 {
font: normal 1.4em/2.1em 'Josefin Sans Std Light', Arial, Sans-serif;
color: #303030;
text-shadow: 1px 1px 3px #2B2B2B;
}

.colSub p {
font: normal 0.75em/1.45em Verdana, Arial, Sans-serif;
color: #2B2B2B;
}

.colSub ul{
list-style-type: disc;
margin: 0 0 0 15px;
font: italic 0.7em/1.4em arial,sans-serif;
color: #808080;
}

.colSub img {
border: none;
background-color: transparent;
}


.colSubWider {
float: left;
width: 490px;
background-color: #F7FBFD;
margin: 20px 0 0 30px;
padding: 0;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 3px  3px 3px #C0C0C0;
-webkit-box-shadow: 3px 3px 3px #C0C0C0;
box-shadow: 3px 3px 3px #C0C0C0;
}

.colSubWider h3 {
background-color: #EFF6FB;
font: bold 1.4em/2.1em 'Josefin Sans Std Light', Arial, Sans-serif;
color: #444444;
text-shadow: 1px 1px 3px #143650;
padding: 0 0 0 20px;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
}

.colSubWider h4 {
font: bold 1.6em/1.6em 'Reenie Beanie', arial, sans-serif;
color: #202020;
padding: 5px 0 0 20px;
}

.colSubWider p {
font: normal 1.3em/1.35em 'Reenie Beanie', arial, sans-serif;
color: #202020;
padding: 0 20px 20px 20px;
}

.colSubWider img {
float: left;
background-color: transparent;
padding: 20px 20px 20px 0;
margin-left: 20px;
}


/* BEGIN CONTACT FORM CSS*/

/* END OF CONTACT FORM */


#footerWrapper {
clear: both;
width: 100%;
height: 7em;
background: #DCEAF6;
border-top: 1px solid #A7CCE9;
}

.footer {
width: 1000px;
margin: 0 auto;
font: normal 0.7em/1.5em arial, sans-serif;
color: #5A5A5A;
background-color: #DCEAF6;
}

.footer ul {
list-style-type: none;
float: left;
width: 200px;
margin-top: 2.5em;
margin-right: 30px;
}

.footer a:link, .footer a:visited {
padding: 1px 10px;
text-decoration: none;
color: #808080;
font-weight: bold;
display: block;
}

.footer a:hover, .footer a:active {
background-color: #EFF6FB;
color: #5A5A5A;
border-radius: 4px;
-moz-border-radius: 4px;
}