* { padding: 0; margin: 0; outline: 0; }
html, body { height: 100%; }
body { font: 12px/20px Arial, sans-serif; background: #fff; text-align: left; }

a { color: #ccc; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }
a.img img { display: block; border: 1px solid #ccc; }

input, select, textarea { font: 11px Arial, sans-serif; color: #000; }
.field, textarea { background: #fff; border: 1px solid #ccc; }

input.checkbox, input.radio { float: left; display: inline; height: 13px; width: 13px; margin: 2px 5px 0 0; }
label.checkbox, label.radio { float: left; display: inline; line-height: 13px; }

input.submit { border: 0; cursor: pointer; }

input::-moz-focus-inner { border: none; padding: 0; }

textarea { overflow: auto; }
fieldset { border: 0; padding-bottom: 15px; }

ul, ol { list-style: none outside none; }

.al { display: block; text-align: left; }
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }

.fl, .alignleft { float: left !important; display: inline; }
.fr, .alignright { float: right !important; display: inline; }

.cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }
.rel { position: relative; }

.shell { width: 982px; margin: 0 auto; }

h1, h2, h3, h4, h5 { color: #444; }
h1 { font: bold 25px Arial, sans-serif;  }
h2 { margin: 0 0 20px; font: 19px Arial, sans-serif; color: #212727; text-shadow: 1px 1px 0 #fff; }
h3 { font: 19px Arial, sans-serif; }
h4 { font: 16px Arial, sans-serif; }
h5 { font: 14px Arial, sans-serif; }

p { padding-bottom: 15px; }
p img { float: left; display: inline; margin: 0 20px 0 0; }
p img.fr { margin: 0 0 0 20px; }
small { font-size: 10px; }

header, section, article, hgroup, footer { display: block; }

#page { border-top: 1px solid #fff; min-height: 100%; }


/*
	Header
*/


.homepage header { height: 365px; }

header { position: relative; z-index: 3; height: 235px; }

h1#logo { float: left; display: inline; padding: 15px 0 0 4px; }
h1#logo a {
	width: 260px;
	height: 91px;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

nav { float: right; display: inline; padding: 41px 0 0; }
nav ul { }
nav ul li { position: relative;	}
nav > ul > li {  float: left; display: inline; font: bold 14px/36px Arial, sans-serif; text-transform: uppercase; }

nav > ul > li > a { position: relative; z-index: 2; float: left; display: inline; padding: 0 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
nav > ul > li > a:hover,
nav > ul > li > a.active { text-decoration: none; }

nav > ul > li.has-dd > a { padding-left: 17px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;  background-image: url(images/bullet-1.png); background-repeat: no-repeat; background-position: 6px center; }
nav > ul > li.has-dd > a:hover, 
nav > ul > li.has-dd > a.active,
nav > ul > li.hover > a { background-image: url(images/bullet-2.png); }

nav ul ul { display: none; position: absolute; top: 100%; left: 0; width: 165px; -moz-box-shadow: 0 0 1px rgba(1,1,1,.61); -webkit-box-shadow: 0 0 1px rgba(1,1,1,.61); box-shadow: 0 0 1px rgba(1,1,1,.61); }
nav ul ul ul { top: 0; left: 100%;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }

nav > ul > li > ul { -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; }

nav li li { font-size: 13px; line-height: 29px; text-transform: none; }
nav li li a { display: block; height: 29px; line-height: 29px; padding: 0 5px 0 10px; }

nav > ul > li > ul > li:first-child a { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }

nav li li:first-child a { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
nav li li:last-child a { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
nav li li a:hover { text-decoration: none; }

nav li li.has-dd > a { background-image: url(images/bullet-3.png); background-repeat: no-repeat; background-position: 150px center; }


/*
	Content
*/

.homepage  #content { margin: -247px 0 0; }

.page-wrapper .widecolumn { margin-left: 60px; width: 590px; }
.left-sidebar aside { margin-left: 60px; }
.left-sidebar .widecolumn { width: 600px; }

#content { position: relative; z-index: 4; margin-top: -108px; padding: 0 0 111px; height: 100%; }

.widecolumn { float: left; display: inline; width: 650px; }

.btn-1  { display: inline-block; height: 27px; padding: 0 15px; margin: 0 5px 0 0; background: url(images/btn-1.png) repeat-x 0 0; font: bold 11px/27px Verdana, Arial, sans-serif; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-decoration: none !important; }
.btn-1 span { display: inline-block; padding: 0 0 0 10px; background: url(images/bullet-5.png) no-repeat 0 center; }
.btn-1:hover { text-decoration: none; background-position: 0 -27px; }

.btn-2 { display: inline-block; height: 27px; padding: 0 10px; background: url(images/btn-2.png) repeat-x 0 0; font: bold 13px/27px Arial, sans-serif; color: #fffffd; border-top: 1px solid #aff3ff; border-bottom: 1px solid #4daff6;  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 1px 0 rgba(1,1,1,.75); -webkit-box-shadow: 0 1px 0 rgba(1,1,1,.75); box-shadow: 0 1px 0 rgba(1,1,1,.75); }

.btn-2:hover { text-decoration: none; background-position: 0 -27px; }

.btn-download span { display: inline-block; height: 27px; padding: 0 10px 0 15px; background: url(images/arrow-down.png) no-repeat 0 center; }

.btn-3 { padding: 0 0 0 7px; font: bold 12px/18px Arial, sans-serif; color: #007ee1; background: url(images/bullet-6.png) no-repeat 0 center; }

.btn-reply { padding-left: 10px; }
.btn-reply span { display: inline-block; height: 27px; padding: 0 0 0 18px; background: url(images/icon-reply.png) no-repeat 0 center; }

/*
	Unordered List
*/

.list-1 li { padding: 0 0 0 24px; background: url(images/bullet-4.png) no-repeat 0 5px; }
.list-1 li:last-child { padding-bottom: 0; }
.list-1 li a { color: #007ee1; text-decoration: underline; }
.list-1 li a:hover { color: #444; text-decoration: underline; }

/*
	Ordered List
*/

.list-2 { list-style: decimal outside none; padding: 0 0 0 24px; }
.list-2 li:last-child { padding-bottom: 0; }
.list-2 li a { color: #007ee1; text-decoration: underline; }
.list-2 li a:hover { color: #444; text-decoration: underline; }

/*
	Table Style
*/

#content { }
#content th { height: 28px; background: #027bc0; color: #fff; text-align: center; font-size: 12px; font-weight: bold; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
#content td:last-child,
#content th:last-child { border-right: 0; }
#content td { background: #fff; padding: 5px 0; font-size: 14px; font-weight: bold; color: #444; text-align: center; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
#content td td { border-bottom: 0; padding: 0; }


.post a.img img { background: #fff; padding: 3px; border: 1px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.post blockquote {  padding: 0 0 0 35px; background: url(images/icon-quote-top-2.png) no-repeat 0 0; font: italic 16px/22px Arial, sans-serif; color: #b8a9ae; }
.post blockquote.fr { width: 264px; margin: 0 0 0 11px; }
.post blockquote.fl { width: 264px; margin: 0 11px 0 0; }

.post a { color: #007fe4; text-decoration: underline; }
.post a:hover { text-decoration: none; }

aside { width: 250px; }
aside h3 { margin: 0 0 20px; font: bold 19px Arial, sans-serif; color: #318fd9; text-shadow: 0 1px 0 #fff; }
aside p a { color: #444; }
aside > ul > li { margin: 0 0 35px; }

.orange-btn { display: block; width: 244px; height: 63px; font: bold 22px/63px Arial, sans-serif; color: #fff; text-transform: uppercase; text-align: center; background: url(images/orange-btn.png); letter-spacing: -1px; text-shadow: 1px 1px 0 rgba(0,0,0,.50); opacity: 0.85; -moz-opacity: 0.85; }
.orange-btn:hover { text-decoration: none; opacity: 1.00; -moz-opacity: 1.00; }


.portfolio-slider { width: 594px; }
.portfolio-slider .mini-slider { padding: 5px 0 5px 43px; margin: 0 0 14px; position: relative; }
.portfolio-slider .mini-slider .jcarousel-container { padding: 0; z-index: 1; width: 506px; position: relative; overflow: hidden; }
.portfolio-slider .mini-slider .jcarousel-clip { width: 520px; }
.portfolio-slider .mini-slider li { float: left; display: inline; width: 130px; }
.portfolio-slider .mini-slider li a { width: 105px; height: 94px; }
.portfolio-slider .mini-slider .prev,
.portfolio-slider .mini-slider .next { position: absolute; top: 5px; left: 0; z-index: 9999; width: 39px; height: 102px; background: url(images/portfolio-slider-arrows.png); }
.portfolio-slider .mini-slider .next { left: auto; right: 0; background-position: -39px 0; }


.paging { }
.paging ul { text-align: center; }
.paging ul li { display: inline; font-size: 0; line-height: 0; margin: 0 2px; }
.paging ul li a { display: inline-block; padding: 0 10px;  background: url(images/btn-1.png) repeat-x 0 0; border: 1px solid #d5d5d5;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font: bold 12px/27px Verdana, Arial, sans-serif; color: #007ee1; }
.paging ul li a:hover,
.paging ul li a.active { text-decoration: none; background: #143a60; border-color: #143a60; color: #fff; text-shadow: 1px 1px 0 #105195; }
.paging ul li span { font: 12px/27px Verdana, Arial, sans-serif; color: #007ee1; }

/*
	Main Slider
*/

#main-slider { position: relative; padding: 11px; margin: 0 0 40px; height: 455px; -moz-box-shadow: 0 0 7px rgba(1,1,1,.14); -webkit-box-shadow: 0 0 7px rgba(1,1,1,.14); box-shadow: 0 0 7px rgba(1,1,1,.14); }

#main-slider .text { padding: 70px 0 0; width: 390px; }
#main-slider .text h2 { margin: 0 0 25px; font-size: 43px; font-weight: normal; line-height: 47px; letter-spacing: -2px; text-align: right; }
#main-slider .text p { padding: 0 0 35px 65px; font-size: 14px; line-height: 17px; text-align: right; letter-spacing: -1px; }
#main-slider .slider-btn { display: block; width: 127px; height: 61px; padding: 0 0 0 40px; margin: 0 0 0 auto; background: url(images/slider2-btn.png); font: bold 21px/61px Arial, sans-serif; text-transform: uppercase; opacity: 0.85; -moz-opacity: 0.85; text-shadow: 1px 1px 0 rgba(0,0,0,.75); }  
#main-slider  .slider-btn:hover { text-decoration: none; opacity: 1.00; -moz-opacity: 1.00; }
#main-slider .slide-image { position: absolute; top: 0; right: 0; }

/*
	Slider 1  - Type: Fader
*/

.slider-1 .video { position: absolute; top: 62px; right: 35px; padding: 0 0 10px; background: url(images/slider1-video-shadow.png) no-repeat 0 bottom; }
.slider-2 .video { position: absolute; top: 32px; right: 64px; padding: 0 0 10px; background: url(images/slider2-video-shadow.png) no-repeat 0 bottom; }

.slider-1 { background: #fff; }
.slider-1 .container { position: relative; overflow: hidden; width: 960px; height: 455px; }
.slider-1 .container .item { position: absolute; width: 960px; height: 455px; background: url(images/slider1-item-bg.jpg) no-repeat 0 0; }


.slider-1 .prev,
.slider-1 .next { position: absolute; top: 153px; left: 5px; z-index: 100; width: 32px; height: 186px; background: url(images/slider1-arrows.png) no-repeat 0 0; }
.slider-1 .next { left: auto; right: 5px; background-position: -32px 0; }
.slider-1 .prev:hover { left: 7px; }
.slider-1 .next:hover { right: 7px; }

.slider-1 .nav { position: absolute; z-index: 100; bottom: 11px; left: 393px; width: 114px; height: 10px; padding: 9px 50px 0 50px; background: url(images/slider1-nav-bg.png) no-repeat 0 0; }
.slider-1 .nav ul { font-size: 0; line-height: 0; text-align: center; }
.slider-1 .nav li { display: inline; }
.slider-1 .nav li a { display: inline-block; margin: 0 4px; width: 10px; height: 10px; background: url(images/slider1-nav-dot.png); }
.slider-1 .nav li a:hover,
.slider-1 .nav li a.active { background-position: 0 -10px; }
.slider-1 .nav li a img { display: none; }

.slider-1 .nav .tooltip { display: none; position: absolute; top: -93px; left: 0; padding: 5px 6px 0 6px; z-index: 9999; width: 162px; height: 97px; background: url(images/slider1-nav-popup.png); }

/*
	Slider 2 - Type: Slider Carousel
*/

.slider-2 { -moz-box-shadow: inset 0 0 10px #fff; -webkit-box-shadow: inset 0 0 10px #fff; box-shadow: inset 0 0 10px #fff; background: #fff url(images/slider2-bg.png) repeat-x 0 bottom; }
.slider-2 .container { position: relative; overflow: hidden; width: 960px; height: 349px; background: url(images/slider1-item-bg.jpg); }
.slider-2 .jcarousel-container,
.slider-2 .jcarousel-clip { position: relative; overflow: hidden; width: 960px; height: 349px; }
.slider-2 .container li { position: relative; float: left; display: inline; width: 960px; height: 349px; }


.slider-2 .nav { position: relative; overflow: hidden; padding: 18px 0 0 27px; height: 88px; }
.slider-2 .nav .prev,
.slider-2 .nav .next { position: absolute; top: 55px; left: 0; z-index: 9999; width: 11px; height: 16px; background: url(images/slider2-arrow-left.png); }
.slider-2 .nav .next { left: auto; right: 0; background-image: url(images/slider2-arrow-right.png); }
.slider-2 .nav li { float: left; display: inline; width: 183px; }
.slider-2 .nav li a { display: block; padding: 3px; width: 169px; height: 82px; }
.slider-2 .nav li a img { display: block; }
	
.slider-2 .nav .jcarousel-container,
.slider-2 .nav .jcarousel-clip { position: relative; overflow: hidden; width: 910px; height: }

.slider-shadow { position: absolute; left: 0; bottom: -7px; width: 981px; height: 8px; background: url(images/slider-shadow.png); }

/*
	Home Content
*/

.home-content { position: relative; overflow: hidden; padding: 0 20px; }
.home-content .widecolumn { width: 550px; }
.home-content aside { width: 330px; }
.home-content aside .list-1 { padding: 0 0 12px; }

.home-content .post { padding: 0 0 25px; height: 100%; }

.testimonials .avatar { float: left; display: inline; width: 82px; margin: 0 20px 0 0; }
.testimonials .avatar img { background: #fff; padding: 3px; border: 1px solid #e8e8e8; -moz-box-shadow: 1px 1px 1px rgba(1,1,1,.05); -webkit-box-shadow: 1px 1px 1px rgba(1,1,1,.05); box-shadow: 1px 1px 1px rgba(1,1,1,.05); }
.testimonials .text { float: left; display: inline; width: 440px; }
.testimonials .text p { padding: 0 0 5px; }
.testimonials .text p.quote { text-indent: 20px; background: url(images/icon-quote-top.png) no-repeat 0 3px; }
.testimonials .text p.quote .quote-bottom { position: relative; top: 2px; left: 5px; display:inline-block; width: 13px; height: 12px; background: url(images/icon-quote-bottom.png); }

.home-list-services { padding: 0 0 28px; }

.mini-slider { position: relative; overflow: hidden; height: 82px; border: 1px solid #e2e2e2; background: #fff; padding: 4px 0; }
.home-content .mini-slider li { float: left; display: inline; width: 90px !important; }
.mini-slider li a { display: block; width: 75px; height: 74px; padding: 3px; border: 1px solid #e8e8e8; background: #f7f7f7;  -moz-box-shadow: 1px 1px 0 #e9e9e9; -webkit-box-shadow: 1px 1px 0 #e9e9e9; box-shadow: 1px 1px 0 #e9e9e9;}
.mini-slider li a img { display: block; }

.mini-slider .jcarousel-container { position: relative; overflow: hidden; padding: 0 0 0 32px; height: 82px; }
.mini-slider .jcarousel-clip { width: 270px; height: 82px; position: relative; overflow: hidden; }
.mini-slider .prev,
.mini-slider .next { position: absolute; top: 4px; left: 0; z-index: 9999; cursor: pointer; width: 27px; height: 82px; background: url(images/mini-slider-arrows.png); }
.mini-slider .next { left: auto; right: 0; background-position: -27px 0; }

/*
	Featured Area
*/

.featured-area { position: relative; padding: 35px 0 0 35px; margin: 0 0 40px; width: 926px; height: 153px; background: url(images/featured-area-bg.jpg) no-repeat 0 0; border: 10px solid #fff;  -moz-box-shadow: 0 0 7px rgba(1,1,1,.14); -webkit-box-shadow: 0 0 7px rgba(1,1,1,.14); box-shadow: 0 0 7px rgba(1,1,1,.14); }
.featured-area h2 { margin: 0 0 25px; font: 41px Arial, sans-serif; color: #fff; text-shadow: -1px 1px 4px rgba(0,0,0,.75); }
.featured-area p { padding: 0 375px 0 0; font-size: 18px; line-height: 24px; color: #000; }
.featured-area .shadow { position: absolute; bottom: -16px; left: 0; width: 891px; height: 6px; background: url(images/featured-area-shadow.png) no-repeat 0 0; }


/*
	Projects
*/

.list-projects { position: relative; overflow: hidden; }
.list-projects ul { position: relative; width: 1042px; margin: 0 -60px 0 0; }
.list-projects li { float: left; display: inline; width: 290px; margin: 0 57px 0 0; min-height: 295px; }
.list-projects li h3 { margin: 0 0 10px 5px; font: bold 12px Arial, sans-serif; }
.list-projects li div.image { position: relative; padding: 3px; width: 281px; height: 181px; margin: 0 0 20px; border: 1px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }
.list-projects li div.image .shadow { position: absolute; bottom: -6px; left: 0; width: 289px; height: 6px; background: url(images/projects-shadow.png); }

/*
	Gallery
*/

.list-gallery { position: relative; overflow: hidden; }
.list-gallery ul { position: relative; margin: 0 -12px 0 0; width: 994px; }
.list-gallery li { float: left; display: inline; width: 186px; min-height: 188px; margin: 0 12px 0 0; }

.list-gallery li div.image { position: relative; padding: 3px; width: 178px; height: 151px; border: 1px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }
.list-gallery li div.image .shadow { position: absolute; bottom: -6px; left: 0; width: 186px; height: 6px; background: url(images/gallery-shadow.png); }
.list-gallery li div.image .hover { display: none; position: absolute; top: 3px; left: 3px; width: 178px; height: 151px; background: url(images/gallery-hover.png); cursor: pointer; }


/*
	Contact
*/

.contact-wrapper { padding: 0 0 0 60px; height: 100%; }
.contact-wrapper .widecolumn { width: 588px; }
.contact-wrapper aside { width: 250px; }

form label { float: left; display: inline; text-align: right; margin: 0 8px 0 0; line-height: 36px; color: #444; }
form field { position: relative;  overflow: hidden; height: 100%; }
form .field { float: left; display: inline;  width: 303px; padding: 10px; font: 12px Arial, sans-serif; color: #878787; }
form textarea.field { float: left; display: inline; width: 400px; height: 184px; resize: vertical; }
form .submit { border: 1px solid #d5d5d5; }
form .LV_validation_message { float: left; display: inline; line-height: 36px; margin: 0 0 0 5px; }
form .message-row { position: relative; }
form .LV_invalid { color: red; }
form .LV_valid { color: green; }

.contact-wrapper label { width: 56px; }
.contact-wrapper .submit { width: 122px; left: 66px; position: relative;  border: 1px solid #d5d5d5; }

.contact-form { position: relative; }
.contact-form .success { display: none; position: absolute; top: -47px; left: 200px; width: 250px; height: 30px; line-height: 30px; border: 1px solid #4fb427; background: #5cef22; color: #fff; text-align: center; }

aside .map { width: 227px; height: 238px; border: 1px solid #fff; }
aside .map img { display: block; }

/*
	Blog
*/

.blog { background: url(images/blog-bg.png) repeat-y right 0;  }
.blog-bottom { background: url(images/blog-bottom.png) no-repeat right bottom; }
.blog-top { padding: 0 0 50px; margin: 0 0 70px; width: 982px; height: 100%; background: url(images/blog-top.png) no-repeat right top; }

.blog .widecolumn { width: 647px; }
.blog .post { margin: 0 0 50px; }
.blog .post:last-child { margin: 0; }

.blog .post-header { padding: 0 0 15px; background: url(images/blog-horizontal-separator.png) no-repeat 0 bottom;  }
.blog .post-header h2 { display: inline-block; max-width: 265px; margin: 0 20px 20px 0; }
.blog .post-header h2 a { color: #444; text-decoration: none; }
.blog .post-header h2 a:hover { text-decoration: underline; }

.blog .post-header .meta { max-width: 155px; margin-top: 5px; }

.blog .post-header div.fr li { float: left; display: inline; margin: 4px 0 0 20px; color: #868686; line-height: 20px; }
.blog .post-header div.fr li.comments { font-weight: bold; color: #007ee1; }
.blog .post-header div.fr li.comments a { float: left; display: inline; width: 30px; height: 26px; position: relative; top: -1px; padding: 1px 0 0; margin: 0 5px 0 0; background: url(images/icon-comments.png); text-align: center; color: #007ee1; text-decoration: none; }
.blog .post-header div.fr li.comments a:hover { text-decoration: none; }

.blog .post .meta a { color: #878787; text-decoration: underline; }
.blog .post .meta a:hover { text-decoration: none; }

.blog .post-entry { position: relative; overflow: hidden; }

.blog .post-footer .meta { line-height: 29px; }

.blog .post a img { padding: 9px; background: #fff; border: 1px solid #e0e0e0;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.blog aside { width: 245px; }
.blog aside h3 { position: relative; padding: 0 0 28px; margin: 0 0 -5px; background: url(images/blog-sidebar-sepator.png) no-repeat 0 bottom; }
.blog aside .tag-cloud { text-align: justify; }
.blog aside .tag-cloud li { display: inline; line-height: 1; margin: 0 5px; }
.blog aside .tag-cloud li a { color: #444; margin-right: auto; }
.blog aside .tag-cloud li a:hover { text-decoration: none; color: #007ee1; }

.blog aside .ads { position: relative; overflow: hidden; }
.blog aside .ads { position: relative; margin: 0 -19px 0 0; }
.blog aside .ads li { float: left; display: inline; width: 132px; margin: 0 0 19px; }

.comments { }
.comments h4 { margin: 0 0 5px; font-size: 13px; font-weight: bold; color: #007ee1; }

.list-comments { padding: 0 0 30px; height: 100%; }
.list-comments li { position: relative; overflow: hidden; padding: 20px 0; background: url(images/blog-horizontal-separator.png) no-repeat 0 0; }
.list-comments li .user { float: left; display: inline; width: 123px; text-align: right; }
.list-comments li .user small { font-size: 11px; color: #868686; }
.list-comments li .user span { display: block; }
.list-comments li .user span a { padding: 0 0 0 20px; background: url(images/icon-comments-2.png) no-repeat 0 0; font-weight: bold; color: #007ee1; text-decoration: underline; }
.list-comments li .user span a:hover { text-decoration: none; }
.list-comments li .message { float: right; display: inline; width: 507px; }

.list-comments li.comment-reply { width: 507px; margin: 0 0 20px auto; background: #fff;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.list-comments li.comment-reply .user { width: 130px; }
.list-comments li.comment-reply .message { width: 335px; margin: 0 20px 0 0; }

.post-comment label { width: 215px; }
.post-comment label span { color: #878787; }
.post-comment textarea.field { width: 400px; }
.post-comment .submit { width: 130px; margin: 0 0 0 225px;  border: 1px solid #d5d5d5; }

/*
	Under Construction
*/

.under-construction { background: #f0f0f0 url(images/under-construction-bg.png) no-repeat center 310px; }
.under-construction .container { width: 483px; margin: 0 auto; }
.under-construction #page { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; }
.under-construction header { height: 138px; }
.under-construction header .shell { width: 483px; }
.under-construction h1#logo { display: block; float: none; padding-left: 106px; }
.under-construction header nav { display: none; }
.under-construction footer { display: none; }

.under-construction h2 { margin: 0 0 5px; }
.under-construction p { padding: 0 0 375px; font-size: 16px; color: #000; }
.under-construction label { float: none; display: block; margin: 0 0 5px; font-size: 16px; color: #212727; text-align: left; }
.under-construction .wrapper { position: relative; height: 59px; }
.under-construction .field { float: none; display: block; width: 420px; padding: 15px 20px; height: 27px; }
.under-construction .field input.blink { display: block; width: 300px; border: 0; font-size: 21px; color: #878787; background: none; }
.under-construction .submit { position: absolute; bottom: 0; right: 10px; width: 167px; height: 59px; background: url(images/submit-btn.png); border: 0; }


/*
	404 - Error Page
*/

.error-page { background: #f0f0f0; text-align: center; }
.error-page header,
.error-page footer { display: none; }
.error-page #page { background: none; padding: 90px 0 0;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.error-page .container { width: 867px; height: 628px; margin: 0 auto; background: url(images/error-page-bg.png); }

.error-page h2 { padding: 255px 0 0; }
.error-page p { padding: 0 0 20px; font-size: 16px; line-height: 20px; color: #fff; }
.error-page .home-btn { margin: 0 auto; }

.home-btn { display: block; width: 88px; height: 59px; padding: 0 0 0 44px; background: url(images/home-btn.png) no-repeat 0 0; font: bold 21px/59px Arial, sans-serif; color: #fff; text-transform: uppercase; text-align: left; opacity: 0.85; -moz-opacity: 0.85; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); }
.home-btn:hover { text-decoration: none; opacity: 1.0; -moz-opacity: 1.0; }

/*
	Full Width Page
*/

.full-width-page { }
.full-width-page .widecolumn { padding: 0 0 0 60px; width: auto; }

/*
	Project Detailed
*/

.slider-3 { height: 357px !important; background: #fff; }
.slider-3 .container { position: relative; overflow: hidden; width: 960px;  height: 357px; }
.slider-3 .container .item { position: absolute; top: 0; left: 0; width: 960px; height: 357px; }
.slider-3 .container .item img { width: 958px; height: 355px; border: 1px solid #dbdbdb; }

.slider-3 .prev,
.slider-3 .next { position: absolute; top: 100px; left: 5px; z-index: 100; width: 32px; height: 186px; background: url(images/slider1-arrows.png) no-repeat 0 0; }
.slider-3 .next { left: auto; right: 5px; background-position: -32px 0; }
.slider-3 .prev:hover { left: 7px; }
.slider-3 .next:hover { right: 7px; }

.slider-3 .nav { position: absolute; z-index: 100; bottom: 11px; left: 393px; width: 114px; height: 10px; padding: 9px 50px 0 50px; background: url(images/slider1-nav-bg.png) no-repeat 0 0; }
.slider-3 .nav ul { font-size: 0; line-height: 0;  text-align: center; }
.slider-3 .nav li { display: inline; }
.slider-3 .nav li a { display: inline-block; margin: 0 4px; width: 10px; height: 10px; background: url(images/slider1-nav-dot.png); }
.slider-3 .nav li a:hover,
.slider-3 .nav li a.active { background-position: 0 -10px; }
.slider-3 .nav li a img { display: none; }

.slider-3 .nav .tooltip { display: none; position: absolute; top: -93px; left: 0; padding: 5px 6px 0 6px; z-index: 9999; width: 162px; height: 97px; background: url(images/slider1-nav-popup.png); }

/*
	Sitemap
*/

.sitemap .list-1 li { line-height: 26px; background-position: 0 8px; }
.sitemap .list-1 > li > a { text-transform: uppercase; }
.sitemap .list-1 li li { padding-left: 12px; background: none; }
.sitemap .list-1 li li li { padding-left: 18px; background: none; }
.sitemap .list-1 li li a { color: #444; }
.sitemap .list-1 li li li a { color: #a4a4a4; }

/*
	Services
*/

.service-page { }
.service-page .widecolumn { margin-left: 40px; width: 594px; }
.service-page .post { position: relative; overflow: hidden; margin: 0 0 25px; }
.service-page .post .btn-1 { float: right; display: inline; }

.service-page .tags { position: relative; margin: 0 0 30px; padding: 1px 0 0; border-left: 1px solid #b0e4f3; }
.service-page .tags li { float: left; display: inline; position: relative; margin: -1px -12px 0 0; height: 28px; padding: 0 12px 0 0; background: url(images/tags-arrows.png) no-repeat right 0; }
.service-page .tags li span { position: absolute; top: -8px; left: -1px; width: 11px; height: 36px; }
.service-page .tags li a { float: left; display: inline; padding: 0 15px 0 25px; font-size: 13px; color: #64787e; line-height: 27px; border-top: 1px solid #b0e4f3; border-bottom: 1px solid #b0e4f3; background: #c8f0fc url(images/tags-hover.png) repeat-x 0 -100px; white-space: nowrap; }
.service-page .tags li.hover,
.service-page .tags li.active  { background-position: right -28px; }
.service-page .tags li.hover a,
.service-page .tags li.active a { text-decoration: none; background-position: 0 0; color: #386771; }

.portfolio-slider  .mini-slider,
.portfolio-slider  .jcarousel-container,
.portfolio-slider  .jcarousel-clip  { height: 102px; }


/*
	Styles Page
*/

.styles-page .post { padding: 0 0 0 60px; } 
.styles-page hgroup h2 { margin: 0; }
.styles-page form .submit { margin-left: 40px; width: 122px; }


/*
	Footer
*/

footer { position: relative; z-index: 10; min-height: 267px; background: #fff; }
footer .shell { position: relative; margin-top: -61px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
footer .footer-top { position: relative; overflow: hidden; padding: 35px 0 0 35px; height: 258px; }

footer h2 { padding: 0 0 0 32px; text-shadow: none; }

footer .column-1 { float: left; display: inline; width: 265px; margin: 0 35px 0 0; }
footer .tweets-list h2 { background: url(images/icon-tweets.png) no-repeat 0 4px; }
footer .tweets-list li { margin: 0 0 10px; }
footer .tweets-list .tweet_text { display: block; padding: 0 0 3px; color: #121212; font-size: 13px; line-height: 17px; }
footer .tweets-list .tweet_date { display: block; font-size: 10px; }

footer .tweets-list a { display: block; padding: 0 0 3px; color: #121212; font-size: 13px; line-height: 17px; text-decoration: none; }
footer .tweets-list a:hover { text-decoration: underline; }


footer .column-2 { float: left; display: inline; width: 193px; min-height: 206px; padding: 0 5px 0 35px; background: url(images/footer-separator.png) no-repeat 0 50px; }
footer .client-sheet h2 { background: url(images/icon-sheet.png) no-repeat 0 5px; }

footer .column-3 { float: left; display: inline; width: 285px; min-height: 206px; padding: 0 0 0 35px; background: url(images/footer-separator.png) no-repeat 0 50px; }
footer .contact-us h2 { background: url(images/icon-location.png) no-repeat 0 3px; }
footer .contact-us p { font-size: 12px; line-height: 18px; padding: 0 0 10px; }
footer .contact-us p a { color: #007ee1; text-decoration: underline; }
footer .contact-us p a:hover { text-decoration: none; }

footer .footer-bottom { padding: 20px 25px; background: url(images/footer-bottom-bg.png); font-size: 11px; line-height: 15px; color: #878787; text-transform: uppercase; }
footer .footer-bottom ul { float: right; display: inline; }
footer .footer-bottom ul li { float: left; display: inline;  padding: 0 18px; border-right: 1px solid #b8b8b8; }
footer .footer-bottom ul li:last-child { border: 0; padding-right: 0; }
footer .footer-bottom ul li a { color: #616566; }

footer span a { color: #007ee1; text-decoration: underline; }
footer span a:hover { text-decoration: none; }

/*
	Popup
*/

#overlay { position: fixed; width: 100%; height: 100%; z-index: 999; background: url(images/overlay-bg.png); top: 0; left: 0; display: none; }

.popup { position: absolute; z-index: 9001; top: 50%; left: 50%; background: #fff url(images/login-bg.png) repeat-x 0 bottom; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.20); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.20); box-shadow: 0 0 5px  rgba(0,0,0,.20); display: none; }
.popup .close { position: absolute; top: -15px; right: -15px; width: 42px; height: 41px; background: url(images/icon-close.png); }
.popup h2 { margin: 0; color: #000; padding: 0 28px; font: bold 19px/50px Arial, sans-serif; background: url(images/popup-header-bg.png) repeat-x 0 0; text-shadow: 1px 1px 0 #fff; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-shadow: 1px 1px 0 #fff; }

.login-popup { width: 347px; }
.login-popup form { padding: 20px 20px 15px 27px; height: 100%; }
.login-popup .field  { display: block; width: 270px; padding: 12px 14px; margin: 0 0 13px; font: 12px Arial, sans-serif; color: #444; }
.login-popup label.checkbox { display: block; float: none; line-height: 17px; text-align: left; }
.login-popup span.error { display: inline-block; padding: 2px 0 2px 25px; margin-top: 7px; font: 12px Arial, sans-serif; color: #d73200; background: url(images/icon-attention.png) no-repeat 0 0; }
.login-popup .submit { float: right; display: inline; border: 1px solid #d5d5d5; width: 82px; }

.under-construction .field,
.field {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff;
	border: 1px solid #afafaf;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(47%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.field-error, .LV_invalid_field { border-color: #ff0000; }
.field-focus { border-color: #3991d7 !important; color: #000 !important; }