* {margin:0; padding:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-align:center; background-color:#edf5fa}

div.clear {clear:both; height:0;}
span.clear {display:block; clear:both; height:0;}
.fleft {float:left;}



#top-bg {background:#06090e url(../images/header-bg-overall.jpg);}

#menu-bg {height:70px; background:#06090e url(../images/menu-bg-border.gif) repeat-x;}
#menu {width:920px; height:70px; margin-left:auto; margin-right:auto; background: url(../images/menu-bg.jpg) bottom center no-repeat; text-align:left;}
#menu a.logo {display:block; float:left; margin-top: 17px; text-decoration:none;}
#menu a.logo img {border:none;}
#menu a.logo strong {display:inline-block; height:20px; margin-top:-20px; text-indent:-9999px;}


#menu ul {display:block; float:right; list-style:none; margin:18px 0 0 0;}
#menu ul li {display:block; float:left; margin-left:5px;}
#menu ul li a {display:block; height:32px; background-position:left; background-repeat:no-repeat; text-decoration:none;}

#menu ul li a strong {display:none;}
#menu ul li a.home {width:65px; background-image: url(../images/menu-home.gif);}
#menu ul li a.about-us {width:94px; background-image: url(../images/menu-about-us.gif);}
#menu ul li a.portfolio {width:101px; background-image: url(../images/menu-portfolio.gif);}
#menu ul li a.services {width:91px; background-image: url(../images/menu-services.gif);}
#menu ul li a.blog {width:61px; background-image: url(../images/menu-blog.gif);}
#menu ul li a.contact {width:85px; background-image: url(../images/menu-contact.gif);}
#menu ul li a:hover, #menu ul li a.active {background-position:right;}



#header-bg {height:260px; background: url(../images/header-bg-home.jpg) center top no-repeat;}
#header-border {height:260px; background: url(../images/header-bg-bottom-border.gif) bottom repeat-x;}
#header {width:920px; height:260px; margin-left:auto; margin-right:auto; text-align:left; padding:42px 0 0 0;}
#header h1.opening {display:block; width:590px; height:60px; background: url(../images/title-home-page.png) no-repeat left top;}
#header h1.opening strong {display:none;}

#header-inside-bg {height:120px; background: url(../images/header-bg-home.jpg) center top no-repeat;}
#header-inside-border {height:120px; background: url(../images/header-bg-bottom-border.gif) bottom repeat-x;}
#header-inside {width:920px; height:120px; margin-left:auto; margin-right:auto; text-align:left; padding:34px 0 0 0;}

h2.opening {width:590px; font-weight: normal; margin: 18px 0 0 0; padding: 0; line-height: 1em; font-size: 20px; color:#12161f;}
h2.opening a {color:#12161f;}
h2.opening span.first2lines {display:block; height:48px; text-indent: -9999px; background: url(../images/subtitle-first2lines.png) no-repeat left top;}
h2.opening span.extra-mile {display:block; float: left; width: 316px; height:24px; text-indent: -9999px; background: url(../images/subtitle-extra-mile.png) no-repeat left top;}
h2.opening a.the-best-work {display:block; float: left; width: 180px; height:24px; text-indent: -9999px; background: url(../images/subtitle-the-best-work.png) no-repeat left top;}
h2.opening a:hover.the-best-work {background-position: right top;}
h2.opening span.for-the {display:block; float: left; width: 65px; height:24px; text-indent: -9999px; background: url(../images/subtitle-for-the.png) no-repeat left top;}
h2.opening span.most-affordable-prices {display:block; float: left; width: 188px; height:24px; text-indent: -9999px; background: url(../images/subtitle-most-affordable-prices.png) no-repeat left top;}

h2.opening a.free-quote {display:block; float: left; width: 127px; height:24px; text-indent: -9999px; background: url(../images/subtitle-free-quote.png) no-repeat left top;}
h2.opening a:hover.free-quote {background-position: right top;}

h2.opening a.contact-us {display:block; float: left; width: 85px; height:24px; text-indent: -9999px; background: url(../images/subtitle-contact-us.png) no-repeat left top;}
h2.opening a:hover.contact-us {background-position: right top;}

h2.opening span.see-for-yourself {display:block; float: left; width: 165px; height:24px; text-indent: -9999px; background: url(../images/subtitle-see-for-yourself.png) no-repeat left top;}

#header-inside h2.opening {margin-top: 0;}

h2 {font-weight: normal; margin: 0; padding: 1px 0 0 0; line-height: 1em; font-size: 21px;}
h1 {font-weight: normal; margin: 0; padding: 1px 0 0 0; line-height: 1em; font-size: 21px;}

/* Links Styling */
#top-section p a, #main-content p a, #side-section p a, #footer div.all-right a {position:relative; color:#0066cc; text-decoration:none; border-bottom: 1px dotted #999999;}
#top-section p a:hover, #main-content p a:hover, #side-section p a:hover, #footer div.all-right a:hover {color:#0053a6;}



/* Main Content */
#main-content-bg {width:920px; padding:0 0 30px 0; margin-left:auto; margin-right:auto; text-align:left;}
#main-content {width:590px; float:left;}
#main-content div.title {background:url(../images/all-border.gif) bottom left repeat-x; padding-bottom:6px;}
#main-content h1 {margin-top:31px; height:27px; font-family:Arial, Helvetica, sans-serif; color:#262626;}
#main-content h2 {margin-top:31px; height:27px; font-family:Arial, Helvetica, sans-serif; color:#262626;}
#main-content p {margin-top:11px; line-height: 18px;}
#main-content p em {color:#d90000; font-style: normal;}

#main-content div.small-box {width:280px; float:left; margin:18px 0 0 30px;}
#main-content div.first {margin-left:0;}
#main-content div.small-box div.small-box-bg {background:#a6d4f5 url(../images/box-highlight.jpg) bottom left no-repeat;}

#main-content div.small-box div.small-box-bg a {display:block; padding:10px 9px 7px 9px; background:url(../images/box-border-top.png) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:black;}
#main-content div.small-box div.small-box-bg a img {display:block; border:1px solid #ffffff;}
#main-content div.small-box div.small-box-bg a strong {display:block; float:left; padding-top:6px; padding-left:1px;}
#main-content div.small-box div.small-box-bg a em {display:block; float:left; padding-top:6px; padding-right:1px; font-style:normal;}

#main-content div.small-box blockquote {display:block; background:url(../images/box-border-bottom.png) top repeat-x; font-style:italic; font-size:12px; line-height:16px; padding:12px 0 7px 5px; min-height:20px; height:auto !important; height:20px;}

#main-content div.small-box div.author {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; font-style:normal; padding-left:5px;}


#main-content div.big-box {width:590px; margin:18px 0 0 0; background:#a6d4f5 url(../images/box-big-highlight.jpg) top left no-repeat;}
#main-content div.big-box div.big-box-bg {background:url(../images/box-border-top.png) top repeat-x; padding:7px 9px 9px 9px;}
#main-content div.big-box div.big-box-bg img {border:1px solid white;}
#main-content div.big-box div.big-box-bg strong {display:block; margin-bottom:6px; padding-left:1px;}

#main-content div.project {display:block; float:left; width:180px; padding-left:40px; background: url(../images/icon-client.gif) top left no-repeat; min-height:34px; height:auto !important; height:34px; margin-top:20px; font-weight:bold; font-size:13px;}
#main-content div.project span {display:block; clear:both; color:#8c8c8c; font-weight:normal; font-size:11px;}

#main-content a.visit-website {display:block; width:118px; height:30px; background: url(../images/button-visit-website.gif) no-repeat; margin-left:-5px; margin-top:10px;}
#main-content a.visit-website strong {display: none;}

#main-content div.services {display:block; float:right; width:310px; padding-left:40px; background: url(../images/icon-checkboxes.gif) top left no-repeat; line-height:17px; min-height:34px; height:auto !important; height:34px; margin-top:20px;}
#main-content div.project-preview {margin-top: 20px;}

#main-content ul {margin-top:10px; list-style:none;}
#main-content ul li {padding-left:21px; background:url(../images/list-bullet.gif) top left no-repeat; margin:0 0 4px 1px;}

#main-content img.photo {float: left; margin: 0 20px 0 0;}


#contact {font-size:12px;}
#contact label {display:block; float:left; line-height:24px; width:87px; padding-right:13px; text-align:right; margin-top: 15px;}
#contact label em {color:#d90000; font-style: normal;}

#contact input {display:block; float:left; height:19px; width:183px; padding:3px 0 0 5px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 15px;}
#contact input.button {background-color:transparent; background-image:url(../images/form-button.gif); border:0; width:120px; height:26px; padding:0 0 2px 0; font-weight:bold; font-size:13px; color:white; margin-left: 100px;}
#contact input.button:hover {cursor:pointer;}

#contact select {display:block; float:left; height:22px; width:190px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 15px; font-family:Arial, Helvetica, sans-serif;}
#contact select option {background-color: white;}

#contact textarea {display:block; float:left; height:197px; width:383px; padding:3px 0 0 5px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px}

#contact span {display:block; float:left; line-height:24px; height:24px; width:287px; padding-left:13px; margin-top: 15px; font-size:12px; color:#999999;}
#contact span.details {width:383px; height:auto; margin: 10px 0 0 86px; line-height:17px;}



/* Side Section */
#side-section {width:280px; float:right; text-align:left;}
#side-section div.title {background:url(../images/all-border.gif) bottom left repeat-x; padding-bottom:6px;}
#side-section h2 {margin-top:31px; height:27px; font-family:Arial, Helvetica, sans-serif; color:#262626;}
#side-section p {font-size:13px; margin-top:11px; line-height:18px;}

#side-section ul {list-style:none;}
#side-section img.cinfo {margin-top:19px;}

#projects li {}
#projects li:hover {cursor:pointer;}
#projects li a {display:block; width:264px; font-size:11px; color:#8c8c8c; text-decoration:none; text-align:right; padding:9px 0 11px 16px; border-top: 1px solid #dae1e5; background: url(../images/portfolio-list-arrow.gif) top left no-repeat;}
#projects li a.first {border:none;}
#projects li a strong {float:left; font-size:13px; color:#0077cc;}
#projects li a span {display:block; clear:both; text-align:left;}

#projects li a:hover {background-color: #e4ebf0; background-image: none;}

#projects li a.active {background-color: #e4ebf0; background-image: none; color:#7a7a7a; }
#projects li a.active strong {color: black;}


#footer {width:920px; margin-top:40px; margin-left:auto; margin-right:auto; padding:17px 0 21px 0; background:url(../images/all-border.gif) top left repeat-x;}
#footer div.all-left {float:left; width:440px; text-align:left;}
#footer div.all-left a {color:#333333; text-decoration:none; border-bottom:1px dashed #cccccc;}

#footer div.all-right {float:right; width:440px; text-align:right; font-size:15px; color:#cccccc;}
#footer div.all-right a {font-size:13px;}