/* =Body
-------------------------------------------------------------- */
html, body {
width: 100%;
height: 100%;
}

body {
text-align: center;
background: #000 url("../images/backgrounds/bg.jpg") no-repeat center top;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #bababa;
line-height: 18px;
}


.wrap {
width: 950px;
margin: 0 auto;
text-align: left;
padding: 0 5px;
}

/* =Header
-------------------------------------------------------------- */
#header {
width: 950px;
height: 135px;
margin-bottom: 10px;
/*background: url("../images/layout/header.png");*/
}

#logo {
display: inline;
float: left;
margin-top: 26px;
width: 149px;
height: 45px;
background: url("../images/layout/logo.png");
text-indent: -9999px;
overflow: hidden;
}

#nav {
display: inline;
clear: left;
float: left;
list-style: none;
margin-top: 15px;
height: 26px;
width: 100%;
background: url("../images/layout/nav.png");
padding-top: 5px;
padding-bottom: 10px;
}

#nav li {
display: inline;
float: left;
border-right: 1px solid #333;
padding-right: 5px;
margin-right: 5px;
}

#nav li.last {
border: 0;
margin-right: 0;
padding-right: 0;
}

#nav li a {
text-decoration: none;
color: #bababa;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
padding:5px 6px;
display: inline;
float: left;
}

#nav li a:hover {
color: #fff;
}

#nav .current a {
color: #fff;
}

#nav .current #home {
background: url("../images/nav/home.jpg") no-repeat;
}

#nav .current #about_us {
background: url("../images/nav/about_us.jpg") no-repeat;
}

#nav .current #led_screens {
background: url("../images/nav/led_screens.jpg") no-repeat;
}

#nav .current #services {
background: url("../images/nav/services.jpg") no-repeat;
}

#nav .current #markets {
background: url("../images/nav/markets.jpg") no-repeat;
}

#nav .current #clients {
background: url("../images/nav/clients.jpg") no-repeat;
}

#nav .current #gallery {
background: url("../images/nav/gallery.jpg") no-repeat;
}

#nav .current #contact_us {
background: url("../images/nav/contact_us.jpg") no-repeat;
}

/* =Slideshow
-------------------------------------------------------------- */
.slideshow, .smallslideshow, .slide, #inner-slideshow {
display: inline;
float: left;
width: 950px;
height: 429px;
position: relative;
overflow: hidden;
}

#inner-slideshow {
width: 17000px;
}

.slideshow p, .smallslideshow p {
position: relative;
top:20px;
text-transform: uppercase;
}

.slideshow p.right, .smallslideshow p.right {
text-align: right;
right: 0;
}

.slideshow p span, .smallslideshow p span {
background: #000;
padding: 5px;
font-size: 30px;
line-height: 33px;
color: #fff;
letter-spacing: -2px;
}

.slideshow p span.lower, .smallslideshow p span.lower {
text-transform: lowercase;
}

.slideshow p span.bold, .smallslideshow p span.bold {
font-weight: bold;
color: #e7364b;
}

.smallslideshow, .smallslideshow .slide, .smallslideshow #inner-slideshow {
height: 279px;
}

.smallslideshow p {
top:20px;
}

.smallslideshow p span {
font-size: 23px;
line-height: 23px;
}

.smallslideshow h2 {
font-size: 35px;
padding: 10px;
background: url("../images/layout/nav.png");
display: inline;
position: relative;
top:27px;
}

#home_0, #home_11 {
background: url("../images/slideshow/home_0.png") no-repeat;
}

#home_1 {
background: url("../images/slideshow/home_1.jpg") no-repeat;
}

#home_1 p {
top:225px;
}

#home_2 {
background: url("../images/slideshow/home_2.jpg") no-repeat;
}

#home_3 {
background: url("../images/slideshow/home_3.jpg") no-repeat;
}

#home_4 {
background: url("../images/slideshow/home_4.jpg") no-repeat;
}

#home_4 p {
top:225px;
}

#home_5 {
background: url("../images/slideshow/home_5.jpg") no-repeat;
}

#home_5 p {
top:225px;
}

#home_6 {
background: url("../images/slideshow/home_6.jpg") no-repeat;
}

#home_7 {
background: url("../images/slideshow/home_7.jpg") no-repeat;
}

#home_7 p {
top:225px;
}

#home_8 {
background: url("../images/slideshow/home_8.jpg") no-repeat;
}

#home_9 {
background: url("../images/slideshow/home_9.jpg") no-repeat;
}

#home_9 p {
top:225px;
}

#home_10 {
background: url("../images/slideshow/home_10.jpg") no-repeat;
}

#home_10 p {
top:225px;
}



/* =Leds
-------------------------------------------------------------- */
#leds {
width: 100%;
text-align: center;
height: 440px;
overflow: hidden;
}

.led {
width: 100%;
text-align: left;
height: 440px;
background-position: top center;
}

#leds.small-led, .small-led .led {
height: 290px;
}

.inner-led {
width: 950px;
height: 440px;
padding: 0 5px;
margin: 0 auto;
}

.small-led .inner-led {
height: 290px;
}

.padding-led {
padding-top:70px;
height: 370px;
width: 950px;
}

.small-led .padding-led {
height: 220px;
}

#home-1 {
background-image: url("http://uniledsolutions.com/images/backgrounds/home-1.jpg");
}

#home-2 {
background: url("http://uniledsolutions.com/images/backgrounds/home-1.jpg") -300px 0;
}

#led_screens_1 {
background-image: url("http://uniledsolutions.com/images/backgrounds/led_screens.jpg");
}

#services_1 {
background-image: url("http://uniledsolutions.com/images/backgrounds/services.jpg");
}

#partners_1 {
background-image: url("http://uniledsolutions.com/images/backgrounds/partners.jpg");
}

#contact_us_1 {
background-image: url("http://uniledsolutions.com/images/backgrounds/contact_us.jpg");
}

.left-info, .right-info {
display: inline;
float: left;
width: 400px;
margin-right: 40px;
font-size: 20px;
line-height: 25px;
color: #fff;
text-shadow: 1px 1px 5px #000;
font-weight: bold;
letter-spacing: -2px;
}

/* =Content
-------------------------------------------------------------- */
#content {
display: inline;
float: left;
width: 950px;
position: relative;
padding-bottom: 30px;
background: url("../images/backgrounds/footer.jpg") bottom center no-repeat;
}



.block-left, .block-center, .block-right, .block-23, .block-left-small, .block-23-big {
display: inline;
float: left;
width: 270px;
padding-right: 25px;
padding-left: 25px;
background: url("../images/layout/sep.png") repeat-y top right;
position: relative;
}

.home-info {
width: 560px;
}

.block-left {
padding-left: 0;
}

.block-right, body #footer .block-right, .block-23, .block-23-big {
padding-right: 0;
background: none;
width: 310px;
}

.block-23 {
width: 580px;
}

.block-left-small {
width: 160px;
background: none;
}

.block-23-big {
width: 715px;
}

.blocks-small {
background: url("../images/layout/sep.png") repeat-y 200px 0;
}

.black-title {
position: absolute;
background: url("../images/layout/black-trans.png");
padding: 5px 10px;
font-size: 18px;
color: #c3c3c3;
font-weight: bold;
top: 40px;
letter-spacing: -1px;
}

.blocks-23 {
background: url("../images/layout/sep.png") repeat-y 292px 0;
}

#inner-content {
display: inline;
float: left;
background: url("../images/layout/sep.png") repeat-y 290px 0;
}

.blocks-small #inner-content {
background-position: 210px 0;
}

.blocks-23 .block-left {
background: none;
}

.blocks3 {
display: inline;
float: left;
width: 100%;
}

.blocks3 .block-left, .blocks3 .block-center, .blocks3 .block-right {
background: none;
}

#content ul {
list-style: none;
margin-left: 20px;
}

#content ol {
margin-left: 40px;
}

#content li {
margin-bottom: 10px;
}

.testimonial, #testimonials {
font-weight: bold;
font-style: italic;
color: #ddd;
display: inline;
float: left;
width: 100%;
height: 90px;
position: relative;
}

.push {
bottom: 25px;
position: relative;
}

#spacer {
display: inline;
float: left;
width: 950px;
height: 30px;
}

#content strong {
color: #fff;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
height: 107px;
background: url("../images/layout/footer_sep.png") no-repeat top center;
clear: left;
}

#footer a {
color: #646464;
text-decoration: none;
}

#footer a:hover {
color: #bababa;
}

#footer strong {
color: #7f7f81;
}

#footer-background {
background: #232323;
height: 107px;
border-top: 1px solid #313131;
color: #646464;
}

#inner-footer {
text-align: left;
width: 950px;
margin: 0 auto;
padding: 15px 0;
}

#footer .block-left, #footer .block-center, #footer .block-right {
background-image: url("../images/layout/sep-footer.png");
height: 70px;
}

.footer-nav {
list-style: none;
display: inline;
float: left;
width: 135px;
}

#footer .block-right {
text-align: right;
}

#elliott {
display: inline;
float: right;
width: 18px;
height: 14px;
background: url("../images/layout/2x.png");
text-indent: 9999px;
overflow: hidden;
margin-top: 5px;
}

#elliott:hover {
background-position: -18px 0;
}

#footernav {
list-style: none;
}

#footernav li {
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #282828;
}

#footernav li.last {
margin-right: 0;
padding-right: 0;
border-right: 0;
}

#footernav a {
color: #7e7e7e;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

#footernav .current a {
color: #fff;
}

#copyright {
display: inline;
float: right;
font-size: 8px;
color: #3b3b3b;
text-align: right;
}

/* =Subnav
-------------------------------------------------------------- */
#content #subnav {
list-style: none;
margin-top: 15px;
margin-left: 0;
}

#subnav li {
margin-bottom: 7px;	
}

#subnav a {
color: #fff;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

#subnav a.red:hover, #subnav li.current a.red, #subnav li.current li.current a.red, .block-23 a.red {
color: #e7364b;
}

#subnav li.current li.current li.current a, #subnav li.current li.current li a:hover {
color: #fff;
}

#subnav li.current li a, #subnav li.current li.current li a {
color: #bababa;
}


#subnav a.orange:hover, #subnav .current a.orange, .block-23 a.orange {
color: #fbcc25;
}

#subnav a.yellow:hover, #subnav .current a.yellow, .block-23 a.yellow {
color: #faff2c;
}

#subnav a.green:hover, #subnav .current a.green, .block-23 a.green {
color: #a1d967;
}

#subnav a.blue:hover, #subnav .current a.blue, .block-23 a.blue {
color: #33bdf1;
}

#subnav li ul {
list-style: none;
padding-left: 15px;
margin-top: 5px;
margin-left: 0;
}

#subnav li ul a {
color: #bababa;
}

#subnav li ul .current a, #subnav li ul a:hover {
color: #fff;
}

#subnav ul.red li, #content ul.red li {
background: url("../images/bullets/red.png") no-repeat 0 7px;
padding-left: 10px;
}

#content .block-23 ul.red li, #content .redblock li {
background: url("../images/layout/bullet.png") no-repeat 0 7px;
padding-left: 10px;
margin-bottom: 6px;
}

#subnav ul.orange li, #content ul.orange li {
background: url("../images/bullets/orange.png") no-repeat 0 7px;
padding-left: 10px;
}

#subnav ul.yellow li, #content ul.yellow li {
background: url("../images/bullets/yellow.png") no-repeat 0 7px;
padding-left: 10px;
}

#subnav ul.green li, #content ul.green li {
background: url("../images/bullets/green.png") no-repeat 0 7px;
padding-left: 10px;
}

#subnav ul.blue li, #content ul.blue li {
background: url("../images/bullets/blue.png") no-repeat 0 7px;
padding-left: 10px;
}

/* =Partners
-------------------------------------------------------------- */
.partner {
display: inline;
float: left;
width: 100%;
margin-bottom: 20px;
}

.partner .image {
display: inline;
float: left;
width: 90px;
text-align: center;
margin-right: 30px;
}

.partner .description {
display: inline;
float: left;
width: 595px;
}

/* =Contact us
-------------------------------------------------------------- */
.call {
display: inline;
float: left;
width: 100%;
margin-bottom: 15px;
font-size: 13px;
color: #ababab;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -1px;
}

.call .telephone {
font-size: 31px;
font-weight: normal;
color: #fff;
letter-spacing: -3px;
}

.call a.telephone {
font-size: 19px;
text-transform: none;
letter-spacing: -1px;
font-weight: bold;
text-decoration: none;
}

label {
display: inline;
float: left;
width: 70px;
margin-right: 10px;
font-size: 11px;
color: #fff;
font-weight: bold;
line-height: 13px;
}

label span {
color: #868686;
font-weight: normal;
}

input {
display: inline;
float: left;
width: 430px;
height: 22px;
border: 0;
padding:0 5px;
background: url("../images/layout/input.png");
padding-top:5px;
}

textarea {
display: inline;
float: left;
width: 430px;
height: 92px;
max-width: 430px;
max-height: 92px;
border: 0;
padding:5px;
background: url("../images/layout/textarea.png");
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}

input#submit {
display: inline;
float: right;
width: 91px;
height: 23px;
color: #fff;
text-shadow: 1px 1px 0 #000;
background: url("../images/layout/submit.png");
margin-right: 57px;
padding-top: 0;
}

input#submit:active {
background-position: -90px 0;
}

label.error {
position: absolute;
width: 135px;
height: 20px;
background: url("../images/layout/error_label.png");
right:-85px;
padding-left: 20px;
padding-top: 7px;
}

form p {
display: inline;
float: left;
width: 100%;
position: relative;
}

.thanks {
display: inline;
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 30px;
font-size: 13px;
color: #ababab;
font-weight: bold;
letter-spacing: -1px;
}

.thanks span {
font-size: 31px;
font-weight: normal;
color: #fff;
letter-spacing: -3px;
text-transform: uppercase;
}

label.hidden {
display: none;
}

/* =Table
-------------------------------------------------------------- */
table, thead, tbody, tr {
width: 100%;
}

table td, table th {
padding: 5px;
}

table {
border-top: 1px solid #242424;
border-left: 1px solid #242424;
} 

table th {
background: #ccc;
color: #000;
background: url("../images/layout/th.png");
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-shadow: 1px 1px 1px #fff;
}

table td {
border-bottom: 1px solid #242424;
border-right: 1px solid #242424;
}

table .alt td {
background: #171717;
}



/* =Typography
-------------------------------------------------------------- */
h1 {
font-size: 55px;
color: #fff;
text-shadow: 1px 1px 5px #000;
line-height: 40px;
margin-bottom: 30px;
letter-spacing: -5px;
font-weight: normal;
text-transform: capitalize;
}

h2 {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
letter-spacing: -1px
}

p {
margin-bottom: 15px;
}

strong {
font-weight: bold;
}

a {
color: #fbcc25;
}

/* =Gallery
-------------------------------------------------------------- */
.gallery {
display: inline;
float: left;
width: 950px;
}

.gallery a {
padding: 1px;
border: 1px solid #4c4c4c;
display: inline;
float: left;
background: no-repeat center center;
margin-right: 40px;
margin-bottom: 40px;
width: 120px;
height: 120px;
}

.gallery a.last {
margin-right: 0;
margin-bottom: 0;
}

.gallery a img {
display: inline;
float: left;
}

/* =Clients
-------------------------------------------------------------- */
.client {
display: inline;
float: left;
margin-right: 45px;
margin-bottom: 45px;
width: 100px;
height: 100px;
}


.last-client {
margin-right: 0;
}

.view_gallery {
text-align: right;
padding-right: 30px;
}

.view_gallery a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 15px;
}

/* =Seps
-------------------------------------------------------------- */
.markets_view .block-left {
background-position: 260px 0;
}

.services_view .block-left {
background-position: 285px 0;
}

.led_screens_view h1 {
font-size: 50px;
}

.home_view .home-info {
width: 376px;
padding-right:20px;
}

.home_view .block-center {
width: 217px;
padding:0 20px;
}

.home_view .block-center ul {
line-height: 18px;
}

.home_view #content .block-center ul li {
margin-bottom: 2px;
}

.home_view .block-right {
padding-left: 20px;
width: 275px;
}