/* screen.css */
* {
padding: 0;
margin: 0;
}
body {
padding: 0;
margin: 0;
color: #444;
}
a:link {
color: #0771b9;
}
a:focus, a:hover, a:active {
color: #000;
}
input {
padding: .15em;
}
/* -------------------------------------
  CMSPAGE CONTENT (most are in ~/css/default.css)
---------------------------------------- */
/* Font Size */
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

h3, h4, h5, h6 {
margin-top: .6em;
}
h1 {
margin-top: 0;
color: #000;
}
hr {
height: 2px;
border: 1px solid #fff;
border-top: 1px solid #ccc;
margin: .8em 0;
}
/* -------------------------------------
  Main Structural Containers
---------------------------------------- */
#Header {
width: 900px;
margin: 0 auto;
position: relative;
}
#Content {
padding-top: 2.2em;
padding-bottom: 2em;
width: 900px;
margin: 0 auto;
}
#Portfolio {
width: 900px;
margin: 0 auto;
}
#Footer {
width: 900px;
margin: 0 auto;
}
/* -------------------------------------
  Header
---------------------------------------- */
#Logo {
float: left;
}
#Logo h1 {
font-size: 2em;
font-weight: normal;
margin: 0;
line-height: 70px;
color: #000;
text-transform: uppercase;
font-family: helvetica,verdana,geneva,sans-serif;
}
.Navigation {
float: right;
}
.Navigation {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 20px;
right: 0;
}
.Navigation li {
float: left;
font-size: 1.5em;
color: #999;
}
.Navigation a {
margin: 0 3px;
padding: 5px;
display: block;
color: #999;
line-height: 1;
text-decoration: none;
}
.Navigation a:visited {
color: #999;
}
.Navigation a:hover {
color: #fff;
background-color: rgba(0,0,0,.8);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
}
/* -------------------------------------
  About
---------------------------------------- */
#Welcome {
margin: 0 auto;
padding: .8em 0;
clear: both;
font-size: 4.1em;
font-weight: normal;
font-style: italic;
line-height: 1.3;
width: 900px;
letter-spacing: 1px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 1px 1px 1px #ccc;
}
#ContactInfo ul {
margin: 0;
padding: 0;
margin-bottom: 16px;
list-style: none;
}
#ContactInfo li {
padding: 4px 0;
border-bottom: 1px solid #ccc;
}
#Content h3 {
font-weight: normal;
font-size: 1.8em;
margin-top: 0;
}
#Content .Area {
float: left;
width: 286px;
margin-right: 20px;
}
#Content .Last {
margin-right: 0;
}
/* -------------------------------------
  Portfolio
---------------------------------------- */
.Client {
padding: 3em 0;
position: relative;
border-top: 1px solid #ccc;
}
.Client .View {
padding-bottom: 1em;;
}
.Client ul {
margin: 0; padding: 0;
list-style: none;
}
/* Carousel --------- */
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 900px;
height: 714px;
}

.portalconcept .jcarousel-list li, .portalconcept .jcarousel-item { height: 714px; }
.portalconcept .jcarousel-list li, .portalconcept .jcarousel-item { height: 779px; }
.portalwireframe .jcarousel-list li, .portalwireframe .jcarousel-item { height: 872px; }
.prohealth .jcarousel-list li, .prohealth .jcarousel-item { height: 622px; }
.norton .jcarousel-list li, .norton .jcarousel-item { height: 740px; }

.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
.jcarousel-next,
.jcarousel-prev{ width:50px; height:50px; position:absolute; top:45%; cursor: pointer; }
.jcarousel-next { background:url(../imgs/btn-carousel-next.png); left:879px;  }
.jcarousel-prev { background:url(../imgs/btn-carousel-prev.png); left:-28px; }
.jcarousel-next:hover,
.jcarousel-prev:hover { background-position:-50px 0; cursor: pointer;}

.jcarousel-prev-disabled, .jcarousel-next-disabled {
 display: none !important;
}
/* -------------------------------------
  LISTS
---------------------------------------- */
ul.Horiz, ol.Horiz {
margin-left: 0;
padding-left: 0;
list-style: none;
width: 100%;
float: left;
}
ul.Horiz li, ol.Horiz li {
width: auto;
float: left;
padding-right: .8em;
background-image: none;
padding-left: 0;
white-space: nowrap;
}
ul.Plain, ol.Plain {
list-style: none;
margin-left: 0;
padding-left: 0;
}
ul.Plain li {
background-image: none;
padding-left: 0;
}