body { 
font : 78%/1.5 arial, helvetica, serif; 
background : white; 
text-align : center; 
padding : 0; 
margin : 0; 
} 
#container { 
width : 98%; 
background : white; 
text-align : left; 
border : 0 solid gray; 
margin : 0 auto; 
} 
.container1 { 
width : 99%; 
background : white; 
text-align : left; 
border : 0 solid gray; 
margin : 0 auto; 
z-index : 10; 
} 
.container { 
width : 99%; 
background : white; 
text-align : left; 
border : 0 solid gray; 
margin : 0 auto; 
} 
p { 
text-align : left; 
margin : 1em 2em; 
} 
p#smurf { 
background : transparent; 
font-style : italic; 
text-align : center; 
font-weight : bold; 
color : #cccccc; 
} 
#smurf strong { 
font-size : 1.2em; 
color : black; 
} 
h1 { 
font : 78%/1.5 arial, helvetica, serif; 
font-size : 1.3em; 
line-height : 1.2; 
font-style : italic; 
background : transparent; 
text-align : center; 
font-weight : bold; 
margin : 0 0 0 0; 
padding : 0; 
color : #006699; 
background : url(../images/horiznav_bg_dn.gif) repeat center right; 
} 
h2 { 
font : 90%/1.1 arial, helvetica, serif; 
font-size : 1.1em; 
line-height : 1.3; 
text-align : left; 
font-weight : normal; 
font-style : normal; 
color : #666666; 
padding : 0 1.2em 0 1.2em; 
} 
h3 { 
font-size : 1em; 
font-style : italic; 
text-decoration : none; 
line-height : 1.6; 
margin : 0 0 0 0; 
text-align : left; 
font-weight : bold; 
color : #006699; 
} 
h4 { 
font-size : 1em; 
text-align : left; 
font-style : italic; 
line-height : 1.6; 
margin : 0 0 0 0; 
text-align : left; 
font-weight : bold; 
color : #999999; 
background: transparent;
} 
.h4a { 
font-size : 1em; 
text-align : left; 
font-style : italic; 
line-height : 1.6; 
margin : 0 0 0 0; 
text-align : left; 
font-weight : bold; 
color : #666666; 
} 
h5 { 
font-size : 1em; 
font-style : italic; 
text-decoration : underline; 
line-height : 1.6; 
margin : 5 0 1 0; 
padding : 0 1.0em 0 1.0em;
text-align : left; 
font-weight : bold; 
color : #006699; 
} 
.h6 { 
font-size : 1em; 
font-style : normal; 
text-decoration : none; 
line-height : 1.3; 
margin : 0 0 0 0; 
padding : 0 4px 0 0px;
text-align : left; 
font-weight : normal; 
color : #666666; 
} 
.h7 { 
font-size : 1em; 
font-style : italic; 
text-decoration : none; 
line-height : 1.0; 
margin : 0 0 0 0; 
padding : 0 1.0em 0 1.0em;
text-align : center; 
font-weight : bold; 
color : #ff0000; 
} 
.h7a { 
font-size : 1em; 
font-style : italic; 
text-decoration : line-through; 
line-height : 1.0; 
margin : 0 0 0 0; 
padding : 0 1.0em 0 1.0em;
text-align : center; 
font-weight : bold; 
color : #ff0000; 
} 

.h3 { 
font-size : 1em; 
font-style : normal; 
text-decoration : none; 
line-height : 1.6; 
margin : 0 0 0 0; 
text-align : left; 
font-weight : bold; 
color : #006699; 
} 
.h3a { 
font-size : 1em; 
font-style : normal; 
text-decoration : underline; 
line-height : 1.6; 
margin : 0 0 0 0; 
text-align : left; 
font-weight : bold; 
color : #006699; 
} 
.h3b { 
font-size : 1em; 
font-style : normal; 
text-decoration : none; 
line-height : 1.6; 
margin : 0 0 0 0; 
text-align : left; 
font-weight : bold; 
color : #333333; 
} 
.h8 { 
font-size : 1em; 
font-style : normal; 
text-decoration : none; 
line-height : 1.0; 
margin : 0 0 0 0; 
text-align : center; 
font-weight : bold; 
color : #ff0000; 
} 
.note { 
background-color : #ffffff; 
margin : 12px 0 0 0; 
line-height : 1.2; 
padding : 0 1.0em 0 1.0em;
text-align : center; 
font-size : .8em; 
color : #999999; 
} 
#nav { 
float : left; 
width : 100%; 
list-style : none; 
line-height : 1; 
background : url(../images/horiznav_bg.gif) repeat center right; 
font-weight : bold; 
padding : 0; 
border : solid #cccccc; 
border-width : 1px 0; 
margin : 0 0 1em 0; 
position : relative; 
z-index : 5; 
} 
#nav ul { 
float : left; 
width : 99%; 
list-style : none; 
line-height : 1; 
background : white; 
font-weight : bold; 
padding : 0; 
border : solid #cccccc; 
border-width : 1px 0; 
margin : 0 0 1em 0; 
} 
#nav a { 
display : block; 
width : 16em; 
color : #003399; 
text-decoration : none; 
padding : 0.25em 1.5em; 
} 
#nav a.daddy { 
background : url(../images/rightarrow2.gif) no-repeat center right; 
} 
#nav li { 
float : left; 
padding : 0; 
width : 10em; 
} 
#nav li ul { 
position : absolute; 
left : -999em; 
height : auto; 
width : 14.4em; 
width : 14.1em; 
font-weight : normal; 
border-width : 0.25em; 
margin : 0; 
} 
#nav li li { 
padding-right : 1.1em; 
width : 13em; 
} 
#nav li ul a { 
width : 13em; 
width : 9em; 
} 
#nav li ul ul { 
margin : -1.75em 0 0 14em; 
} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 
left : -999em; 
} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
left : auto; 
} 
#nav li:hover, #nav li.sfhover { 
background : #cccccc; 
background : url(../images/horiznav_bg_dn.gif) repeat center right; 
} 
#content { 
clear : left; 
width : 35%; 
background : #ffffff; 
padding : 1.2em; 
border : solid #cccccc; 
border-width : 2px 3px 3px 3px; 
margin : 0 0 0 0; 
color : #333333; 
float : left; 
width : 200px; 
background : #ffffff; 
padding : 0 0 2px 0; 
} 
#content a { 
color : #003366; 
} 
#content p { 
color : #003366; 
} 
#content a:hover { 
text-decoration : none; 
} 
#scaffolding { 
background : #ffffff; 
padding : 1.2em; 
border : solid #ffffff; 
border-width : 2px 3px 3px 3px; 
margin : 0 0 0 0; 
} 
#mainContent { 
margin : 0 0 0 220px; 
padding : 0 5px; 
color : #666666; 
text-decoration : none; 
} 
#mainContent a { 
color : #e60000; 
text-decoration : none; 
} 
#mainContent a:hover { 
text-decoration : underline; 
}
.clearfloat { 
clear : both; 
height : 0; 
font-size : 1px; 
line-height : 0; 
} 
.seal { 
text-align : center; 
background : white; 
padding : 4px; 
border : solid #ccccff; 
border-width : 0 0 0 0; 
margin : 0 0 0 0; 
} 
.bio { 
position: relative
padding : 12px 12px 12px 12px; 
margin : 12px 12px 12px 12px; 
} 
img.floatLeft { 
    float: left; 
    margin: 0 12px 0 0; 
}
.rule { 
margin : 20px 0 14px 0; 
border : 1px dashed #cccccc; 
} 
#footer { 
width : 96%; 
padding : 0 10px 0 20px; 
border : solid #cccccc; 
border-width : 1px 0; 
height : 82px; 
background : url(../images/footer.jpg) center; 
color : #ffffff; 
margin : 0 0 0 3px; 
} 

#footer p { 
margin : 0; 
padding : 10px 0; 
color : #666666; 
text-align : center; 
font : 90%/0.9 arial, helvetica, serif; 
font-size : 0.9em; 
line-height : 1.0; 
} 
#footer a { 
color : #666666; 
text-decoration : none; 
} 
#footer a:hover { 
color : #666666; 
text-decoration : underline; 
} 
#navwrap { 
width : 700px; 
height : 325px; 
margin : 0 auto; 
overflow : hidden; 
border : 1px solid #ffffff; 
position : relative; 
background : url(../images/nav-bubble.gif) no-repeat center bottom; 
} 
.column { 
height : 100px; 
width : 175px; 
color : #333; 
float : left; 
} 
.c9 { 
background : #FFFFFF; 
} 
.c9:hover { 
background : #FFFFFF; 
} 

.c1:hover { 
background : #dad; 
text-decoration : none; 
} 
.c2:hover { 
background : #dda; 
} 
.c3:hover { 
background : #add; 
} 
.c4:hover { 
background : #ada; 
} 
.column span { 
position : absolute; 
bottom : 0; 
left : -9999px; 
width : 700px; 
height : 225px; 
cursor : pointer; 
} 
.c1 span { 
font : 48%/0.5 arial, helvetica, serif; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background : url(../images/web-design.jpg) no-repeat center bottom; 
} 
.c2 span { 
font : 48%/0.5 arial, helvetica, serif; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background : url(../images/web-hosting.jpg) no-repeat center bottom; 
} 
.c3 span { 
font : 48%/0.5 arial, helvetica, serif; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background : url(../images/graphic-design.jpg) no-repeat center bottom; 
} 
.c4 span { 
font : 48%/0.5 arial, helvetica, serif; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background : url(../images/photo-video.jpg) no-repeat center bottom; 
} 
.column:hover span { 
left : 0; 
} 
img.x { 
position : relative; 
left : 0; 
} 
hr.c1 { 
text-align : center; 
} 
hr.c2 { 
text-align : center; 
} 
hr.c3 { 
width : 50%; 
text-align : left; 
margin : 0 auto 0 0; 
} 

/* For contact form... */
div.c8a { 
text-align : center; 
border : solid #cccccc; 
border-width : 2px 3px 3px 3px; 
margin : 0px 0 0 0;
padding: 6px 6px 6px 6px; 
color : #333333; 
background : #e4e4e4; 
} 
div.c7a { 
text-align : right; 
} 
p.c6a { 
text-align : left; 
} 
p.c7a { 
position: relative;
text-align : left; 
border-width : 2px 3px 3px 13px; 
margin : 12px 12px 12px 13px;
padding: 0em 0em 0em 3em; 
} 
tr.c5b { 
background-color : #e4e4e4;
} 
tr.c5a { 
background-color : #ffffcc; 
} 
div.c4a { 
text-align : left; 
} 
span.c3a { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 70%; 
text-align : left; 
} 
span.c4a { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 70%; 
text-align : center; 
text-decoration: none
} 
div.c2a { 
color : #666666; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 70%; 
text-align : left; 
} 
p.c1a { 
color : #333333; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 85%; 
text-align : left; 
line-height : 0.7; 
} 
p.c1b { 
color : #333333; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 85%; 
text-align : left; 
line-height : 0.7; 
font-weight : bold; 
} 

p.c9a { 
color : #666666; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 85%; 
text-align : center; 
line-height : 0.7; 
} 

span.c1b {
	color: #FF0000;
}
span.c1c {
	font-weight : bold; 
}

/* End of contact form... */

#num1 { 
text-align : left; 
background : white; 
background : url(../images/one.jpg) no-repeat; 
padding : 4px 4px 4px 100px; 
border-width : 0 0 0 0; 
margin : 0 0 0 0; 
} 
#num2 { 
text-align : left; 
background : white; 
background : url(../images/two.jpg) no-repeat; 
padding : 4px 4px 4px 100px; 
border-width : 0 0 0 0; 
margin : 0 0 0 0; 
} 
#num3 { 
text-align : left; 
background : white; 
background : url(../images/three.jpg) no-repeat; 
padding : 4px 4px 4px 100px; 
border-width : 0 0 0 0; 
margin : 0 0 0 0; 
} 

.cNumber {
font-size : 1.2em; 
line-height : 1.3; 
text-align : left; 
font-weight : bold; 	
}
table.c21 {
	background-color: #cccccc
}