/* HTML/Body */

html, body, #Body, #FadeWrap {
height: 100%;
min-height:100%;
overflow:hidden;
}
body {
background: #fff;
}

/* Vertical Align Div */

#Align {
visibility: hidden;
width: 100%;
height: 50%;                                                                     
margin-top: -200px;                                                              
float: left;
}

/* Wrappers */

#Wrapper {
width:100%;
height:400px;
clear: both;
top: -400px;
position: static;
}
#Wrap {
width:700px;
margin:0 auto;	
}
.Wrap {
margin:0 auto;
}

/* Navigation */

#Menu {
position:absolute;
bottom:0;
left:0;
height:40px;
background: #fff;
width:100%;	
}
#Menu ul.Navi {
	float:left;
	width:700px;
}
#Menu ul.Navi li {
float: left;
height:40px;
min-width: 50px; /* be nice to Opera */
}
#Menu ul.Navi li a {
	display: block;
	height:40px;
	float: left;
	line-height:40px;
	font-size:16px;
	padding: 0 15px;
	color:#000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}
#Menu ul.Navi li a:hover, #Menu ul.Navi li a.Act { 
color:#1fc3f3;
}
#Menu ul.Social {
	float:right;
	width:130px;
	padding-left:10px;
}
#Menu ul.Social li {
float: left;
height:40px;
width:24px;
min-width:24px;
margin-right:8px;
}
#Menu ul.Social li a {
display: block;
height:40px;
width:24px;
min-width:24px;
text-indent:-9999px;    
}
#Menu ul.Social li a.Facebook {background:url(../images/btn-facebook.jpg) top left no-repeat; }
#Menu ul.Social li a.PayPal {background:url(../images/btn-paypal.jpg) top left no-repeat; }
#Menu ul.Social li a.YouTube {background:url(../images/btn-youtube.jpg) top left no-repeat; }
#Menu ul.Social li a.Twitter {background:url(../images/btn-twitter.jpg) top left no-repeat; }
#Menu ul.Social li a.Facebook:hover, #Menu ul.Social li a.Twitter:hover, #Menu ul.Social li a.YouTube:hover, #Menu ul.Social li a.PayPal:hover {
background-position:bottom left;
}

/* Wrapper Sizes */

.Wrap.Home {width:620px;}
.Wrap.About {width:960px;}
.Wrap.Services {width:740px;}

/* Home page */

#HomeMain {
width:620px;
height:210px;
}
#HomeMain .Left, #HomeMain .Mid, #HomeMain .Right {
float:left;
padding-top:15px;
}
#HomeMain .Left {
width:180px;
}
#HomeMain .Mid {
width:240px;
padding-left:20px;
}
#HomeMain .Right {
width:160px;
padding-left:20px;
}

/* About page */

#AboutMain {
width:960px;
height:210px;
}
#AboutMain .Left, #AboutMain .Right, #AboutMain .Text, #AboutMain .Team {
float:left;
}
#AboutMain .Left {
width:310px;
}
#AboutMain .Right {
width:650px;
}
#AboutMain .Text {
width:330px;	
padding:20px 20px 0 0;
background:url(../images/bg-spacer-vertical.jpg) top right repeat-y;
}
#AboutMain .Team {
width:280px;
padding:20px 0 0 20px;
}

/* Services page */

#ServicesMain {
padding-top:20px;
}
.Service {
width:245px;
float:left;	
margin-bottom:20px;
}
.Service img {
float:left;	
}
.Service .Text {
float:right;
width:200px;	
}

/* Carousel */

#Slider {
position:relative;
height:523px;
}
.jcarousel-container {
width: 100%;
height:523px;
position: relative;
}
.jcarousel-clip {
width: 100%;
height:523px;
z-index: 2;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
}
.jcarousel-list li, .jcarousel-item {
float: left;
width: 340px;
height:503px
}

/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/

.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal {
position: absolute;
top: 150px;
width: 36px;
height: 60px;
cursor: pointer;
z-index:500;
}
.jcarousel-next-horizontal {
right: 100px;
background:url(../images/btn-next.png) top left no-repeat;
}
.jcarousel-prev-horizontal {
left: 80px;
background:url(../images/btn-prev.png) top left no-repeat;
}
.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover {
background-position:bottom left;	
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
background:none;
display:none;
visbility:hidden;
}

/* ItemSlider */

.Item{ 
width:680px;
margin:0 auto;
}
.Item img { 
width: 680px;
margin-bottom:10px;
}

/* Employee Tooltip Styling */

.tipsy { 
font-size: 12px; 
background-repeat: no-repeat;   
}
.tipsy-inner { 
padding:8px; 
background: #111; 
color: #FFF; 
max-width: 300px; 
margin-bottom:5px;
text-align: center;
}
.tipsy-inner { 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
}
.tipsy-south { 
background-position: bottom center; 
}


/* Form style */

.Text label { 
display: inline-block;  
height: 23px;
margin-bottom:8px;
float:left;
width: 100px;
font-weight:bold;
}
.Text input.text {  
width:176px;
padding-left:4px;
max-width:180px;
color: #888; 
float:left;
outline:0;
background: url(../images/bg-input.jpg) top left no-repeat; 
height:23px;
margin-bottom:8px;
}   
.Text input.text:focus { 
background: url(../images/bg-input.jpg) bottom left no-repeat; 
}
.Text .textarea {
height:90px;
padding:5px;
overflow:hidden;
width:220px;
max-height:90px;
color: #888;
max-width:220px;
margin-bottom:3px;	
background: url(../images/bg-textarea.jpg) top left no-repeat; 
}
.Text .textarea:focus {
background: url(../images/bg-textarea.jpg) bottom left no-repeat; 
}
.Text input.submit { 
width: 88px;
margin-top:2px; 
height:30px;
line-height:30px;
text-align:center;
cursor: pointer;  
background: url(../images/btn-submit.jpg) top left no-repeat;  
color:#fff;
font-weight:bold;
font-size:11px;
float:right;
cursor:pointer;
}
.Text input.submit:hover { 
background: url(../images/btn-submit.jpg) bottom left no-repeat;   
}
.Text legend { 
display:none;
}
.Text span.required{ 
color: #b64a34; 
}