@import url('grids.css');
@import url('layout.css');

/* Generic START */
body, html {height:100%;}
body {background:url(./images/bg.gif) repeat-x; color:#636363;}
#page {width:960px; padding:0 0 10px 0;}

a {color:#1a86b6;}
a:hover {color:#333333;}

h1, h2, h3, h4, h5, h6 {color:#1a86b6;}
h2 {color:#48484a; font-size:20px; font-weight:bold; margin-bottom:5px;}
h3 {margin-bottom:10px; line-height:22px;}

#page span.button a {background:#aaaaaa; color:white;}
#page span.button a:hover {background:#ffc600; color:#3b3b3b;}

span.date {color:#767676; font-size:11px; margin:0 0 10px 0; display:block;}

.lineDotted {background:url(./images/line_dotted.gif) repeat-x; height:10px; margin:0 10px 0 10px;}

p {line-height:20px;}

textarea {background:white; border:1px solid #CCCCCC;}
/* Generic END */

/* Top START */
#top {height:100px; overflow:hidden;}
#top #logo {}

#top #infoBox {width:657px; height:164px; background:url(./images/header_bg.gif) no-repeat; position:relative;}
#top #infoBox .inner {padding:50px 40px 20px 60px;}
#top #infoBox h1 {color:#717171; font-size:17px; margin-bottom:10px;}
#top #infoBox p {color:#9f9f9f; width:450px; font-size:12px; margin-top:10px;}
#top #infoBox img {position:absolute; right:40px; top:70px;}
/* Top END */

/* Top Menu START */
#topMenu {height:42px; overflow:hidden; background:none; color:white; position:relative;}
#topMenu ul {bottom:0; margin-right:0;}
#topMenu ul li {background:url(./images/menu_sep.gif) no-repeat right;}
#topMenu ul li a {padding:12px 28px 12px 28px; color:#969696; font-weight:bold;}
#topMenu ul li a:hover {color:white;}
#topMenu ul li.current_page_item a {background:url(./images/menu_active.gif) repeat-x bottom; color:#1a86b6;}
/* Top Menu END */

/* Header START */
#header {background:url(./images/slideshow_bg.jpg) no-repeat; height:375px; position:relative;}
/* Header END */

/* Sub Menu START */
#subMenu {margin-top:22px;}
#subMenu ul li {background:url(./images/line_dotted.gif) repeat-x bottom; display:block;}
#subMenu ul li a {color:#6b6b6b; font-size:14px; padding:12px 0 12px 10px;}
#subMenu ul li a:hover, #subMenu ul li.selected a{background:url(./images/submenu_active.gif) no-repeat left center; color:white;}
/* Sub Menu END */

/* Portfolio Sub Menu START */
#portfolioSubMenu {margin-top:12px; overflow:hidden;}
#portfolioSubMenu ul li {display:inline;}
#portfolioSubMenu ul li a {background:url(./images/line_dotted.gif) repeat-x bottom; color:#4b4b4b; font-size:12px; padding:6px 0 6px 10px;}
#portfolioSubMenu ul li a span {display:block; color:#b8b8b8; margin:0; padding:0; font-size:11px; font-weight:normal;}

#portfolioSubMenu ul li a:hover {background:url(./images/line_dotted.gif) repeat-x bottom #f2f2f2; color:#1684b4;}
#portfolioSubMenu ul li a:hover div {color:#737373;}
#portfolioSubMenu ul li.selected a, #portfolioSubMenu ul li.current-cat a {color:white; font-weight:bold; background:url(./images/line_dotted.gif) repeat-x bottom #1684b4;}
#portfolioSubMenu ul li.selected a div {display:block; font-weight:normal; color:#caf1fd;}
/* Portfolio Sub Menu END */

/* Main Conent START */

ul.list {margin:0 0 20px 0; list-style:none;}
ul.list li {margin:0; padding:5px 10px 5px 30px; background:url(./images/bullet_blue_1.gif) no-repeat 10px 11px;}

a.button {display:inline-block; padding:5px 15px 5px 0px; background:url(./images/bullet_blue_1.gif) no-repeat right;}

#featuredProjects { position:absolute; top:385px; text-align:center; padding:28px 0 10px 0;}
#featuredProjects h2 {color:#48484a; font-size:20px; font-weight:bold;}
#featuredProjects a.button {display:inline-block; font-size:14px;  padding:5px 15px 5px 0px; background:url(./images/bullet_blue_1.gif) no-repeat right;}
#featuredProjects ul {margin: 0px; padding: 0px;}
#featuredProjects ul  li{display: inline; margin:0;}

.boxVertDotted {height:350px; background:url(./images/line_dotted_vert.gif) repeat-y right; overflow:hidden;}
.boxVertDotted p {margin-right:20px;}

#servicesMenu {margin-right:10px;}
#servicesMenu li a{background:url(./images/line_dotted.gif) repeat-x bottom; padding:10px 0 10px 0px; color:#636363; font-size:12px; vertical-align:middle;}
#servicesMenu li a img {vertical-align:middle; margin-right:10px;}
#servicesMenu li a:hover {color:#1a86b6;}
#servicesMenu li a .no_line {background: none;color:#636363; font-size:12px;}

.subpage {background:white; border:1px solid #e1e1e1; padding:19px; position:relative;}
.subpage h1 {font-size:24px; background:url(./images/line_dotted.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px;}
.subHead {font-size:18px; padding:10px 0 0 15px; color:#4b4b4b;}
.subpage .lineDotted {background:url(./images/line_dotted.gif) repeat-x; height:10px; margin:10px 0 10px 0; clear:both;}

blockquote {font-family:"Times New Roman", Times, serif; font-size:18px; color:#484848; line-height:22px; margin:0; text-align:left;}
.quoteName {text-align:right; margin:10px 0 20px 0; font-weight:bold;}

.portfolio {width:320px; float:left; margin-bottom:20px; text-align:center;}
.portfolioInfoLeft {width:180px; float:left; margin-right:10px; background:#fafafa; padding:10px;}
.portfolioInfoLeft ul {margin:0; list-style:none;}
.portfolioInfoLeft ul li {margin:0; padding:5px 10px 5px 30px; background:url(./images/bullet_blue_1.gif) no-repeat 10px 11px;}

.portfolioThumb {width:275px; height:165px; float:left; margin:10px; border:5px solid #eaeaea; position:relative; overflow:hidden; background:#eaeaea;}
.portfolioThumb div {position:absolute; display:block; background:#414141; color:white; font-size:11px; z-index:999; padding:5px 15px 5px 15px; top:-28px; filter:alpha(opacity=90); opacity:0.9;}
.portfolioThumb .caption {display:block; background:#333; color:#CCC; padding:5px; font-size:11px; }
.portfolioThumb .new {position:absolute; display:block; top:0px; right:0px;}

.portfolioInfoRight {width:440px; float:left; margin-left:10px;}

.blog h1 {margin-bottom:2px; padding-bottom:10px; margin-top:10px; font-size:28px; line-height:35px; color:#555555;}
.blog h1 a {color:#333333;}
.blog h1 a:hover {color:#1a86b6;}

.blog textarea {background:white; border:1px solid #CCCCCC;}
.blog .border {background:white; padding-right:20px; margin-right:0px;}

small {color:#999999; padding:10px 0 10px 0; font-size:11px; margin:0 0 15px 0; display:block;}
small a {display:inline;  text-decoration:underline;}
small a:hover {color:#333333;}

div.block {padding-bottom:10px; margin-bottom:30px;}

div.blockFooter {padding:8px 20px 8px 0; text-align:right; background:#f2f2f2; font-size:10px;}
div.blockFooter  a {color:#838383; text-transform:uppercase;}
div.blockFooter  a:hover {color:black;}
div.blockFooter span.sep {display:inline-block; padding:0 10px 0 10px; background:url(./images/footer_menu_sep.gif) no-repeat center;}

#contactPageMenu li a {display:inline; padding:0; margin:0; text-decoration:underline;}
#contactPageMenu li {display:block; padding:5px 0 5px 0;}
#contactPageMenu li img {margin-right:10px; vertical-align:middle;}

.testimonial {margin:15px; padding:15px 0 5px 0; background:url(./images/line_dotted.gif) repeat-x;}
.testimonial p {margin-bottom:10px;}

div.wordpressTheme {padding:10px 0 10px 0;}
div.wordpressTheme h2 {margin-bottom:15px;}
div.wordpressTheme img {margin-top:0px;}
/* Main Content END */

/* Comments START */
ol.commentlist small {background:none; padding:0;}
ol.commentlist {margin:10px 0 10px 0px; padding:0; color:#666666; list-style:none;}
ol.commentlist li.comment {border:1px solid #eaeaea; margin:10px 0 10px 0; background:#fafafa; padding:10px 10px 10px 10px; color:#666666;}
ol.commentlist div {padding:0;margin:0;}
ol.commentlist li.alt {background:#fefefe;}
ol.commentlist li.comment .author {font-weight:bold; font-style:normal; font-size:14px;}
ol.commentlist li.comment .commentAvatar {position:relative; float:left; margin-right:10px;}
ol.commentlist li.comment .commentContent {margin: 0 0 0 60px; padding:0px 10px 0px 10px;}
ol.commentlist li.comment p {}


ul.commentlist {margin:10px 0 10px 0px; padding:0; color:#666666; list-style:none;}
ul.commentlist li.pingback {border:1px solid #eaeaea; margin:10px 0 10px 0; background:#fafafa; padding:10px 10px 10px 10px; color:#666666;}

ol.commentlist ul.children {margin:0 0 0 20px; padding:0; list-style:none;}
ol.commentlist li.comment .reply {text-align:right;}

#respond {border:1px solid #eaeaea; margin:10px 0 20px 0px; background:#fafafa; padding:20px; color:gray;}
#respond h3 {margin-bottom:10px;}

ol.commentlist li.comment #respond {background:white;}
/* Comments END */

/* Sidebar START */
#sidebar {}

#sidebar h3 {margin:0 0 5px 0;}

#sidebar ul.submenu li a {padding:5px 10px 5px 10px; background:#fafafa; border-bottom:1px solid white;}
#sidebar ul.submenu li a:hover {background:#f3f3f3;}
/* Sidebar END */

/* Footer START */
#footer {margin:0 auto; background:url(./images/bg_bottom.gif) repeat-x;}
#footerContainer {width:960px; margin:auto;}

#footerContent {height:590px; overflow:hidden; text-align:left;}
#footerContent h2 {color:#bdbdbd; font-weight:normal; background:url(./images/line_dotted_dark.gif) repeat-x bottom; padding-bottom:15px; margin-bottom:15px;}
#footerContent a {color:#9e9e9e; text-decoration:underline;}
#footerContent a:hover {color:white;}

#footerContent input.text {width:220px;}
#footerContent input.text, #footerContent textarea {background:#2d2d2d; border:1px solid #414141; color:#5d5d5d; font-size:12px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
#footerContent textarea  {margin-bottom:15px; width:220px;height:110px; overflow:auto;}

#footerContent .post { padding-bottom:20px; margin-bottom:20px;}
#footerContent .post h2 {color:#f1f1f1; font-weight:normal; font-size:16px; background:none; margin-bottom:0; padding-bottom:5px; line-height:20px;}
#footerContent .post h2 a {color:#f1f1f1;}
#footerContent .post p {color:#9e9e9e; margin-top:5px; margin-bottom:0; line-height:16px;}
#footerContent .post a {color:#f1f1f1;}
#footerContent .img {float:left; margin:0 20px 0 0; width:360px; height:400px;}
#footerContent .img img {float:left; margin:0 10px 10px 0;}
#footerContent .contacts {float:left;}
#footerContent .contacts  h4 { color: #bdbdbd; font-size: 14px; padding: 0; margin: 0;} 

#footerContent .lineDottedDark {position:absolute; left:10px; top:260px; background:url(./images/line_dotted_dark.gif) repeat-x bottom; width:460px; height:10px;}

#contactMenu li a {color:#767676; display:inline; padding:0; margin:0;}
#contactMenu li {display:block; }
#contactMenu li img {margin-right:10px; vertical-align:middle;}
#footerContent h3 {color: #747474; font-style: Tahoma; font-size: 16px; margin:0px;}
#contactMenu span {color: white; font-style: Tahoma; font-size: 15px; }

#footerInfo {position:relative; text-align:left; color:#8d8d8d; padding:0; padding-top:15px; padding-bottom: 15px;}

#footerMenu {position:relative; padding:0; margin-top:15px;}
#footerMenu ul {position:absolute; right:0; display:inline;}
#footerMenu li a {padding:0 15px 0 15px; color:#9f9f9f; background:url(./images/footer_menu_sep.gif) no-repeat right;}
#footerMenu li a:hover {color:#6f6f6f;}
/* Footer END */

/* Easy Slider START */
#sliderBlogPosts {margin-bottom:20px;}
#sliderBlogPosts ul, #sliderBlogPosts li{margin:0; padding:0; list-style:none;}
#sliderBlogPosts li{width:460px; height:210px; overflow:hidden;}	
#prevBtn a{display:block; background:url(./images/btn_prev.gif) no-repeat; width:72px; height:18px; z-index:1000; font-size:0; float:left;}
#nextBtn a{display:block; background:url(./images/btn_next.gif) no-repeat; width:55px; height:18px; z-index:1000; font-size:0; float:right;}

#sliderHeader {}
#sliderHeader ul, #sliderHeader li{margin:0; padding:0; list-style:none;}
#sliderHeader li a{display:block; width:940px; height:300px; overflow:hidden; text-decoration:none;}

#sliderHeader li a span.slide {display:block; padding: 15px 20px 20px 20px; width:300px; }
#sliderHeader li a span {color:white; font-size:30px;}
#sliderHeader li a span.title {font-size:14px; color:#a8a8a9; line-height:20px;}
#sliderHeader li a span.testimonial {display:block; font-family:"Times New Roman", Times, serif; font-size:18px; color:#484848; line-height:22px; text-align:left; color:#d9d9d9; margin:5px 0 0 0; background:none; font-style:italic;}
#sliderHeader span.quoteName {font-size:12px; display:block; color:#7d7d7d; text-align:left; padding:0;}

#sliderPortfolio {margin:0; padding:0; border:1px solid #eaeaea;}
#sliderPortfolio ul, #sliderPortfolio li{margin:0; padding:0; list-style:none;}
#sliderPortfolio li{width:660px; height:400px; overflow:hidden;}

ol#portfolioControls{margin:20px 0 0 0; padding:0; height:28px; position:absolute; top:340px; right:20px;}
ol#portfolioControls li{margin:0 0 0 10px;  padding:0; float:left; list-style:none;}
ol#portfolioControls li a{float:left; width:15px; height:15px; background:#cecece; text-decoration:none; font-size:0px;}
ol#portfolioControls li.current a{background:#1a85b4;}
ol#portfolioControls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#prevPortfolioBtn a{display:block; background:url(./images/portfolio_prev.png) no-repeat; width:49px; height:49px; z-index:1000; font-size:0px; color:; position:absolute; top:250px; left:30px;}
#nextPortfolioBtn a{display:block; background:url(./images/portfolio_next.png) no-repeat; width:49px; height:49px; z-index:1000; font-size:0px; position:absolute; top:250px; right:30px;}

ol#controls{margin:20px 0 0 0; padding:0; height:28px; position:absolute; right:0;}
ol#controls li{margin:0 0 0 20px;  padding:0; float:left; list-style:none;}
ol#controls li a{float:left; width:220px; height:100px; background:#c1c1c1; border:1px solid #dfdfdf; margin:-1px; color:#555; text-decoration:none;}
ol#controls li.current a{border:5px solid #dfdfdf; margin:-5px;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* Easy Slider END */