/* 

Colors:
light blue: #4E84C4
blue:		#144D97
navy blue:	#0D366A

 */

body {margin: 0px; 	background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: Arial, Verdana, sans-serif; }

.content {border-collapse: collapse; border:0; padding:0; }
.footer, .footer p {font-size:10px;}
p, td {font-family: Arial; font-size: 10pt; margin-top: 17px; margin-bottom: 0; line-height: 22px; }
h1 {font-size: 13pt; line-height: 22px; color:#2C62A2; }
h2 {font-size: 11pt; line-height: 20px; color:#2C62A2; }
h3 {font-size: 10pt; line-height: 20px; color:#2C62A2; }

li {line-height: 1.5em; }
.header, .header td, .header tr, .header table {margin:0; border-collapse: collapse; }
.header-logo-border {background-image: url('images/header-top-border.gif'); height: 13px; width: 100%; }
#triangle {background-image: url('images/header-top-triangle.jpg'); background-position: top right; background-repeat: no-repeat; width:50px; height:24px; }
#logo {background-color:#144D97; height: 110px; width: 100%; text-align: center; }
#logopic {height: 110px; margin: 0; padding:0; float:left; border:0; }

IMG.displayed {
    display: block;
    margin-left: auto; margin-right: auto }

td a, p a, p a:link, p a:active, p a:visited, li a {color: #0D366A; text-decoration:none; border-bottom:1px dotted #0D366A; }
p a:hover, a:hover, li a:hover { border-bottom:1px solid #0D366A; }
.side {border: 1px solid #4F85C3; padding:5px; }
.image {border-bottom: 0px !important; margin:0; padding:0; }
.footer {font-size: 8pt;}
.left, .left p .left p a {color:#FFFFFF; text-align:center; }
.left a, .left a:link, .left a:active, .left a:visited {color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #FFFFFF;}
.left a:hover { border-bottom:1px solid #FFFFFF; }
.image img {border:0; }
.text {vertical-align: top; padding:12px;}

.package-letter		{color:#FFFFFF; font-weight:bold; background-color:#2C62A2;}
.package-letter a	{color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #FFFFFF;}
.header-phone, p.header-phone {color:#FFFFFF; font-size:1.5em; padding-top:10px; }
.header-phone a {color:#FFFFFF; border-bottom:1px dotted #FFFFFF; }
.header-phone a:hover {border-bottom:1px solid #FFFFFF;}
.header-phone br {padding-bottom:10px; }
/* navigation
.....................................................................................*/

#nav {margin: 0; padding: 0; background:#0D336A; color: #FFFFFF; list-style: none;}
#nav li {border-bottom: 1px solid #C2C2BC; font-family: Arial, Verdana, sans-serif; font-size: 11px;}
#nav li a, #nav li a:visited {display: block; width: 100%; text-decoration: none; background: #2C61A2; padding: 4px 4px 4px 12px; width: 129px !important; width /**/:145px; color: #FFFFFF; border:0; }
#nav li a:hover {background: #80A1C7; color: #FFFFFF; border:0; }

#nav ul {display: none;}
#nav ul li {border: none;}

#nav ul a, #nav ul a:visited {background: left repeat-y #F5F5ED !important; color: #555 !important;border: none !important;}
#nav ul li a:hover {background: #A92938 !important; color: #fff !important; border:0; }
.special {width:5px; visibility:hidden; }
#ecommerce tr td {text-align: left; vertical-align: top; border-style: solid; border-width: 1px;}

.image-right {float: right; border: 1px solid #2C62A2; margin: 0 0 15px 15px;}

.portfolio {border: 1px solid #2C62A2;}
.quote {background-color: #0d3771;}
#overview ol li {margin-top: 1.7em;}
li.optional {margin-left: 30px;}
#specs tr td, .specs tr td {vertical-align: top; text-align: left;}

#logo-design {background-color: #144D97; color: #ffffff; width: 350px;}
#logo-design h2 {font-size: 13pt; color: #ffffff; text-align: center; margin: 10px 0; }
#logo-design input {margin: auto;}

#Web-Design-Portfolio .website {width: 251px; text-align: center;}

.list01 { padding:0 0 0 10px; }
.list01 li { background:url(../img/bg_list01.gif) left 4px no-repeat; padding:0 0 0 12px; margin:0 0 10px 0; }
.list01 li ul { padding:0 0 0 30px; }
.list01 li ul li { background:none; list-style:circle; padding:0 0 0 0; }
.floatLeft { float:left; }