@import "photoCaption.css";

@charset "utf-8";


/* CSS clear: set default tag style and basic tag styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
margin:0 auto; padding:0;}

/* Main elements */
body {margin:0 auto; padding: 0 15px; text-align:center; font-size:9pt; background: #fff; font-family:Verdana, Arial, Helvetica, sans-serif;color: #1b3253;}
div.clear {clear : both;overflow : hidden;height : 1px;}
a {			color: #40669f; text-decoration: none; border: none;}
a:link {	color: #40669f;	text-decoration: none;border: none;}
a:visited {	color: #1b3253;	text-decoration: none;border: none;}
a:active {	color: #1b3253;	text-decoration: none;border: none;}
a:focus {	color: #1b3253;	text-decoration: none;border: none; outline: 0;}
a:hover {	color: #1b3253;	text-decoration: underline;border: none;}
h1 {font: Verdana, sans-serif; font-size: 120%; color: #ce6e12; margin: 0px; padding: 0px;}
h2 {font: Verdana, sans-serif; font-size: 130%; color: #ce6e12; margin: 0 0 8px 0; padding: 0px;}
h3 {font: Verdana, sans-serif; font-size: 100%; color: #102d41; margin: 0 0 8px 0; padding: 0px;}
h4 {font: Verdana, sans-serif; font-size: 100%; font-weight: normal; color: #000; margin: 0 0 8px 0; padding: 0px;}
h5 {font: Verdana, sans-serif; font-size: 100%; margin: 0px; padding: 0px; color: #000;}
li {list-style: none;}
p {font:Verdana, sans-serif; font-size: 100%; color: #1b3253; margin: 0px; padding: 0 0 30px 0; line-height:1.3em;}
strong { font-weight:normal;}
#wrap, #banner, #content, #footer  {width:960px;}
#wrap {height:100%; background: #fff; margin : 0 auto; padding: 0; border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
#banner {height: 132px; background: url("../images/website_banner.jpg") #071832 top right no-repeat; padding:21px 0 0 0; margin: 0 auto;}
#content {height: 100%; background: #fff; text-align: left; margin:0 auto; padding:0;}
#side {width: 232px; background:  #fff ; float:left; margin:30px 0 0 0; padding:0px 0px 30px 24px;}
#main {width:630px; background:url("../images/side_bkg_border.gif") #fff top left repeat-y; float:right; margin:0 auto; padding:30px 24px 30px 42px;}
#footer {height: 156px; background: #dbe5e9;}

/* Banner logo and navigation elements */

#banner .logo {height:62px; margin:0 0 0 0; padding:24px 48px; /*border-top:1px #fff solid*/;}
#banner .logo img {float:left;}
#banner .logo a img {text-decoration: none; border:none;}
#banner h1 {font-size:22pt; text-align:right; color:#1b3253; line-height:22pt; font-weight:300; letter-spacing:-1px;}
#navmenu {text-align:right; margin:2px 0 0 0;}
#navmenu ul {padding:0.2em 1em 0 1em; margin:0 auto; color:#fff; float:right; width:470px; }
#navmenu ul li {display:inline; font-size:8pt; text-align:right; color:#fff; font-weight:200; letter-spacing:-1px;}
#navmenu ul li a {padding: 0 1.2em; margin:0 auto; color: #fff; text-decoration: none;/*border-right: 1px solid #fff;*/}
#navmenu ul li a:hover,  #navmenu ul li a.current {color: #fe7e01;}

/* Content */ 
#content {}
#main {}
#main a:link, #main a:active, #main a:visited {color: #38516d; font-size:; }
#main  a:link.orange, #main  a:active.orange, #main  a:visited.orange {color: #ce6e12;} a:hover.orange {text-decoration:underline;} 
#main ul {font-size: 100%; color: #1b3253; margin: 0 0 0 15px; padding: 5px 0 20px 0px;}
#main ul li {color: #102d41; padding:0 0 0 0px;  margin: 0 0 8px 10px; list-style-image:url("../images/star_bullet.gif");  /*list-style-type:square; color:#fe7e01; background: url("../images/star_bullet.gif") top left no-repeat;*/ }
#main ul li a{padding:0 0 0 0px;  margin: 0 0 8px 0; color: #102d41;}
#main ul li a:hover{padding:0 0 0 0px;  margin: 0 0 8px 0; color: #ce6e12;}
#main .info {}
#main .info h3 {}
#main .info p {}
/*
#main .marketing {background: url("../images/gradient_bkg.gif") top left repeat-x #dbe5e9; border: 1px solid #ccc; padding: 0 24px 24px 24px; margin: 0 0 15px 0;}
#main .marketing .hdr { text-transform:uppercase;  color: #1b3253; border-bottom: 1px #ccc solid; width: 100%;}
#main .marketing h3 {color: #1b3253;}
#main .marketing p {}
*/
#main .box {border: 1px solid #ccc; margin: 0 0 24px 0;}
#main .boxbtm {background: url("../images/gradient_bkg.gif") top left repeat-x #fff;  padding: 15px 24px 24px 24px; }
#main .boxtop {background-color: #dbe5e9;	text-transform:uppercase;	color: #1b3253;	border-bottom: 1px #ccc solid;	padding:10px 24px 0px 24px;}
#main .box h2 {color: #1b3253;}
#main .box h3 {color: #1b3253;}
#main .box p {padding: 0 0 8px 0;}

#main .portfolio {}
#main .portfolio {}
#main  img.portfoliomain {margin: 0 0 12px 12px; padding: 0;border: 1px solid #fff; float:right;}
#main .portfolio ul {margin: 0; padding: 0; list-style-type: none; text-align: left;}
#main .portfolio ul li { display: inline; margin: 0; padding: 0;}
#main .portfolio ul li a { text-decoration: none; padding:0; /*color: #fff; background-color: #036;*/ }
#main .portfolio ul li a:hover {color: #fff; /*background-color: #369;*/}
#main .portfolio img {margin: 0 10px 12px 0; padding: 0;border: 1px solid #fff;}


#main .clientlinks {margin: 5px; padding: 0; list-style-type: none; text-align: left; border-bottom:dashed #999999 1px;}
#main .clientlinks img {margin: 0 12px 12px 0; padding: 0;border: 1px solid #fff; float:left;} 

.right { float:right;}

.left {float:left;}

#side {color: #40669f;}
#side h2 {margin:0 0 12px 0} 
#side h2.phone {margin:0 0 8px 0}
#side p {padding: 0 0 12px 0;}
#side ul.services {margin: 0 0 48px 0px;}
#side ul.services li {background-image: url("../images/bullet.gif");background-repeat: no-repeat; 
background-position: 0 3px; padding:0 0 0 15px;  margin: 0 0 16px 0px;
}
.website-design-firm {border: solid #ccc 1px; background: url("../images/local-web-design.jpg") top right no-repeat; padding:6px 6px 0 6px; margin:0 0 24px 0;}
.website-design-service {border: solid #ccc 1px; background: url("../images/web-designer-services.jpg") top right no-repeat; padding:6px 6px 0 6px; margin:0 0 24px 0;}
.website-design-information {border: solid #ccc 1px; background: url("../images/online-solutions.jpg") top right no-repeat; padding:6px 6px 0 6px; margin:0 0 24px 0;}

#main .quote { background:url("../images/quote.gif") #f2d8c0 top left no-repeat; padding:5px;}
#main blockquote {font: Verdana, sans-serif; font-size: 130%; color: #1b3253; margin: 0 0 8px 0; padding: 10px 10px 10px 50px;}


/*footer*/
#footer {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:12px 0px;}

.quotebox {width:500px; display:block; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 10px; border:3px double #CCC; border-width:3px 0; color:#333; background-color:#f0f0f0; font-size: 16px; font-family: Georgia;}
.quotebox img { float: left; margin: 8px; width: 100px; border: 5px solid #fff; }
.after { clear:both;}