/* CSS Document */

body {
	background: url(graphics/background.jpg) repeat-x #409bc1;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
line-height: 20px;
margin: 0px;
}
body * {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
p {
	font-family : georgia;
	font-style : normal;
	font-size : 13px;
	color : black;
	margin:15px;
}
acronym { cursor: help; }

p.copyright2 {
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;	
	vertical-align:middle;
	color: white;
	font-weight: normal;
}

p.home {
	font-family : georgia;
	font-style : normal;
	font-size : 13px;
	color : black;
	margin-top:105px;

}

#topnavigation {
	padding-left: 10px;
	margin-bottom: 0px;
	position: relative;
	overflow: auto;
	border-top: 2px solid #054f81;
	border-bottom: 1px solid #000;
	background: #90080c url("graphics/navbar.jpg") left repeat-x;
	color: #fff;
}

#topnavigation ul {
	list-style: none;
	width: 100%;
}
#topnavigation li {
	padding: 7px 25px;
}

#topnavigation li {
	display: block;
	color:blue;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	background: transparent url("graphics/navpipe.gif") right no-repeat;
}
#topnavigation li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color: white;
	text-decoration: none;
}
#topnavigation li a:hover {
	color: blue;
	font-size:1em;
}

p.portfolio {
	font-family : verdana;
	font-size:10px;
	text-align:left;
	font-style : normal;
	font-size : 13px;
	color : black;
	margin-left:1px;
	margin-top:3px;

}

p.graphicportfolio {
	font-family : georgia;
	font-size:9px;
	text-align:left;
	line-height: 17px;
	font-style : normal;
	font-size : 13px;
	color : black;
	margin-left:1px;
	margin-top:3px;

}




p.areas {
	font-family : georgia;
	font-style : normal;
	font-size : 11px;
	color : black;
	border-top:none;
	background:#d1def4;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:5px;
}

p.telephone {
	font-family : georgia;
	font-style : normal;
	font-weight:bold;
	font-size : 22px;
	color : orange;
	text-align:center;
}

p.testimonials {
	font-family : georgia;
	font-style : italic;
	text-align:left;
	font-size : 13px;
	color : black;
	border-top:none;
	background:#d1def4;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:5px;
}

p.areas2 {
	font-family : georgia;
	font-style : normal;
	font-size : 11px;
	color : black;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	border-right:1px solid #000066;
	border-top:none;
	background:white;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0px;
	margin-top:0px;
	padding:5px;
}
body {
	background-image: url(graphics/bg3.gif);
}

h1 {
font-family:Georgia, verdana, Times New Roman, Times, serif;
font-size:16px;
color:#000066;
font-weight:bold;
margin-left:10px;
margin-top:10px;
}

h2 {
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
color:#000066;
font-weight:bold;
margin-left:0px;
margin-top:10px;
margin-bottom:5px;
}

h3 {
	font-family : verdana;
	font-size:10px;
	text-align:left;
	font-weight:bold;
	font-size : 13px;
	color : blue;
	margin-top:5px;
	margin-left:1px;
	margin-bottom:0px;
}

h4 {font-family : georgia;
font-weight:normal;
	font-style:normal;
	font-size : 13px;
	text-align:left;
	color : white;
	padding-left:4px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-image:url(graphics/top_menu_background.jpg);
	line-height:20px;
}

blockquote {
font-family:georgia; font-style:italic; font-size:12px;
}

p.form {
font-family : verdana;
	font-style : normal;
	font-size : 13px;
	text-align:right;
	color : black;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}
/* right menu */


div#submenu2 ul {
list-style:none;
margin:0px;
}

#rightmenu ul li.casesub{
	margin-left: 15px;
	list-style:none;
	list-style-image:none;
	font-size: 90%;
	color:#000000;
}



#rightmenu {
width: 225px;
padding: 0px;
margin-left:0px;
}

div#rightmenu ul {
list-style:none;
margin:0px;
padding:0px;
}



div#rightmenu li {
padding: 3px 12px 3px 8px;
border-bottom: 1px blue dotted;
border-left:none;
border-right:none;
margin-left:10px;
}

div#rightmenu li li{
padding: 3px 3px 3px 17px;
border-bottom: 1px red dotted;
border-left:none;
border-right:none;
margin-left:15px;
}

div#rightmenu li a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000066;
text-decoration:none
}

div#rightmenu li a:hover {
text-decoration:underline
}


/* recent work */

#right {
float: right;
width: 225px;
padding-left: 0px;
}

#right a {
	line-height: 15px;
	height: 45px;
	color: #00adef;
	text-decoration: none;
	background-image:url(graphics/dotted-line-horizontal.gif);
	background-repeat: repeat-x;
	display: block;
	border: 0px dotted #6192db;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#right a:hover {color: #03086e; background-color: #71b7fb;}

.imgHover img { border: 2px solid #00adef;}
.imgHover:hover img {border: 2px solid #03086e;}
.imgHover:hover {color: #000; /* irrelevant definition to overcome IE bug */}

#dotted-blog {
background-image:url(graphics/dotted-line-horizontal.gif);
background-repeat: repeat-x;
height: 15px;
clear: both;
width: 100%;
}

/* menus */

.bottommenu {
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align:middle;
	color: #03086e;
	height:30px;
	font-weight: normal;

}

a.bottommenu:link {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: normal;
	text-decoration: none;
	background-image:none;
}

a.bottommenu:visited {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: normal;
	text-decoration: none;
	background-image:none;

}
a.bottommenu:hover {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}

a.bottommenu:active {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}


a.portfolio:link {
	font-family: georgia;
	font-size: 12px;
	color: #03086e;
	font-weight: bold;
	text-decoration: none;
	background-image:none;
}

a.portfolio:visited {
	font-family: georgia;
	font-size: 12px;
	color: #03086e;
	font-weight: bold;
	text-decoration: none;
	background-image:none;

}
a.portfolio:hover {
	font-family: georgia;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-decoration: underline;
	background-color:#000033;
}

a.portfolio:active {
	font-family: georgia;
	font-size: 12px;
	color: #981b1e;
	font-weight: bold;
	text-decoration: underline;
	background-image:none;
}
.copyright {
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:25px;
	text-align: center;	
	vertical-align:middle;
	color: white;
	font-weight: normal;
	background-image:url(graphics/top_menu_background.jpg);
}

.topmenu {
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin-left:7px;
	margin-right:7px;
	color: white;
	font-weight: normal;
	background-image:url(graphics/top_menu_background.jpg);
}

a.topmenu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	margin-left:7px;
	margin-right:7px;
	font-weight: normal;
	text-decoration: none;
	background-image:none;
}

a.topmenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	margin-left:7px;
	margin-right:7px;
	font-weight: normal;
	text-decoration: none;
	background-image:none;

}
a.topmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	margin-left:7px;
	margin-right:7px;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}

a.topmenu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	margin-left:7px;
	margin-right:7px;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}

.submenu {
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align:top;
	color: #03086e;
	font-weight: normal;
	height:20px;
	background-image:url(graphics/sub_menu_background.jpg);
}


a.submenu:link {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #03086e;
	font-weight: normal;
	text-decoration: none;
	background-image:none;
}

a.submenu:visited {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #03086e;
	font-weight: normal;
	text-decoration: none;
	background-image:none;

}
a.submenu:hover {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}

a.submenu:active {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #981b1e;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}



a.recentwork:link {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #03086e;
	font-weight: normal;
	text-decoration: none;
	background-image:none;
}

a.recentwork:visited {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #03086e;
	font-weight: normal;
	text-decoration: none;
	background-image:none;

}
a.recentwork:hover {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: normal;
	text-decoration: underline;
	background-color:#000033;
}

a.recentwork:active {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #981b1e;
	font-weight: normal;
	text-decoration: underline;
	background-image:none;
}

ul {font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color: blue;
line-height:20px;
}


td.recentwork {
text-align:left;
border-left: 1px dashed #000033;
margin-top:10px;
margin-right:10px;
padding:15px;
}

td.portfolio{
border-bottom: 1px dashed #000033;
margin-top:10px;
margin-right:10px;
padding:10px;
}

td.graphicportfolio{
border-bottom: 1px dashed #000033;
margin-top:5px;
margin-right:5px;
padding:15px;
}
td.packages {
margin-top:10px;
margin-right:10px;
padding:15px;
}


td.footer {
background-image:url(graphics/footer_background.jpg);
background-repeat:no-repeat;
background-color:#007db2;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:white;
margin-top:10px;
margin-right:10px;
padding:15px;
}
table.home {background-image:url(graphics/home_page_graphic.jpg);
background-repeat:no-repeat;
}

table.otherpages {background-image:url(graphics/webpage_graphic.jpg);
background-repeat:no-repeat;
}

table.webportfolio {background-image:url(graphics/web_portfoliopage.jpg);
background-repeat:no-repeat;
}

table.seoportfolio {background-image:url(graphics/seo_portfoliopage.jpg);
background-repeat:no-repeat;
}



 #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer li a
{
	display: block;
	color: #71b7fb;
	width: 14em;
	text-decoration: none;
	border-bottom: 1px blue dotted;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 8px;
}

#navcontainer a:hover
{
background-color:#71b7fb;
color: blue;
text-decoration:underline;
}

#navcontainer li li a
{
	display: block;
	color:#000066;
	width: 14em;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 17px;
}
.otherpages .recentwork h2 {
	color: #FFA500;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.otherpages .recentwork li {
	margin-left: 10px;
}
.home .recentwork #right {
	margin-top: 10px;
}
.webportfolio img {
	margin-top: 20px;
	padding: 0px;
	margin-bottom: 0px;
}
.webportfolio #previews {
	margin: 0px;
	padding: 0px;
}
.webportfolio #descriptions h1 {
}
.webportfolio #descriptions h2 {
}
.webportfolio #descriptions h2 {
	font-size: 12px;
}
.webportfolio #description_1 {
	float: left;
	width: 194px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.webportfolio #description_1 h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.webportfolio #description_2 h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.webportfolio #description_2 {
	float: left;
	width: 194px;
	text-align: center;
}
.webportfolio #description_3 {
	float: left;
	width: 190px;
	text-align: center;
}
.webportfolio #description_3 h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.webportfolio #description_1 h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.webportfolio #description_2 h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.webportfolio #description_3 h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
.webportfolio #previews_1 {
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#large_preview img {
	margin-top: 60px;
}
.webportfolio .recentwork #our_sites {
	margin-top: 10px;
	margin-bottom: 10px;
}
.webportfolio .recentwork #our_sites p {
	margin-top: 5px;
	margin-bottom: 5px;
}