/* CSS Document */
@import "reset.css";
img, div, input, p, a, li{ behavior: url("css/iepngfix.htc") }
.floatL {float: left;}
.floatR {float: right;}
.noFloat {	clear: both !important;	float: none; width: 1px !important;	height: 0px; line-height: 0em !important; font-size: 0px !important;	margin: 0px !important;	padding: 0 !important;}
.noFloatSpan { /*no 1px height*/ display: block; *display: inline;	clear: both !important;	width: 1px !important;	height: 0px;	line-height: 0em !important; font-size: 0px !important; margin: 0px !important; padding: 0 !important;}

body { background:#1d2d37 url(../images/bg.jpg) repeat; padding-bottom:20px;}
.Wrapper { background:url(../images/illustration.jpg) top center no-repeat; width:100%; height:100%;}
.Container {width:900px; margin:0 auto; padding-top:10px;}
.Container a.logo { margin-left:10px; display:inline-block;}
.Container ul.Menu { float:right; margin-top:30px;}
.Container ul.Menu li { display:inline-block;}
.Container ul.Menu li a { position:relative; text-decoration:none; color:#c0d1db; font-size:12px; text-transform:uppercase; background: none; height:21px; display:inline-block; padding:6px 15px 0px 6px; margin-right:8px; float:left;}
.Container ul.Menu li a span.left { background: none; height:27px; width:16px; display:block; position:absolute; left:-10px; top:0px;}
.Container ul.Menu li a:hover { background:url(../images/menu-right.png) top right no-repeat;}
.Container ul.Menu li a:hover span.left {background:url(../images/menu-left.png);}
.Container ul.Menu li a.on { background:url(../images/menu-right.png) top right no-repeat;}
.Container ul.Menu li a.on span.left {background:url(../images/menu-left.png);}

.Banner { clear:both; width:450px; float:right; margin-top:30px;}
.Banner p { color:#c0d1db; font-size:13px; line-height:19px;}

.Boxes { width:900px; margin:0 auto; margin-top:100px; background: url(../images/boxesbg.gif) bottom repeat-x; height:220px; margin-bottom:20px;}
.Boxes .Box { float:left; width:270px; margin-right:20px; background:url(../images/boxbg.gif) bottom right no-repeat; padding-right:10px; height:200px;}
.Boxes .Box.last { margin:0px; background:none;}
.Boxes .Box h2 { padding-top:60px; color:#FFFFFF; font-size:23px; letter-spacing:-1px; font-weight:bold; margin-bottom:10px;}
.Boxes .Box p { font-size:12px; line-height:18px; color:#87a0af;}
.Boxes .Box ul { padding-top:15px;}
.Boxes .Box ul li {border-top:solid 1px #31434d; font-size:12px; padding-bottom:10px; padding-top:5px;}
.Boxes .Box ul li a { text-decoration:none; color:#87a0af;}
.Boxes .Box ul li a:hover { color:#fff;}

.Subscribe { width:262px; height:147px; float:right; background:url(../images/subscribeboxbg.jpg); padding:15px;} 
.Subscribe p { color:#fff; font-size:12px; line-height:18px;}
.Subscribe h2 { font-size:16px; color:#26d4ff; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.Subscribe .inputs { width:242px; height:22px; background:url(../images/inputs.jpg); margin-top:15px; padding:7px;}
.Subscribe .inputs  input { width:180px; background: none; border:none; font-size:12px; float:left;}
.Subscribe .inputs  input.submit { float:right; width:60px; height:36px; display:block; background:none; margin-top:-7px; margin-right:-7px; cursor:pointer;}

.About {background: url(../images/boxesbg.gif) bottom repeat-x; width:580px; float:left; padding-bottom:20px; margin-bottom:30px;}
.About h1 { font-size:26px; font-weight:bold; color:#fff; text-transform:uppercase; margin-bottom:10px;}
.About p.subheading { font-style:italic; font-size:14px; font-weight:bold; color:#4ce6ff; margin-bottom:10px;}
.About p { font-size:12px; color:#fff; line-height:18px;}

.CaseStudies { width:580px; float:left; padding-bottom:20px; margin-bottom:30px;}
.CaseStudies a.image { padding:4px; background:#48555d; width:249px; display:block; float:left; margin-right:30px;}
.CaseStudies a.image:hover { padding:4px; background:#32434e;}
.CaseStudies h2 { font-size:19px; text-transform:uppercase; font-weight:bold; color:#c0d1db; margin-bottom:10px;}
.CaseStudies p { font-size:12px; line-height:18px; color:#c0d1db; margin-bottom:20px;}

.Twitter { border:dashed 3px #36444d; no-repeat; float:right; width:180px; position:relative; padding:20px; margin-right:10px; padding-left:60px; margin-top:20px;}
.Twitter .twit { position:absolute; top:-20px; left:-20px;}
.Twitter h2 { font-size:15px; text-transform:uppercase; color:#4ce6ff; margin-bottom:10px; font-weight:bold;}
.Twitter p { font-size:12px; color:#fff; line-height:18px;}

.Footer { background:url(../images/footer-bg.jpg) no-repeat; width:900px; margin:0 auto; clear:both; height:50px; padding-top:20px;}
.Footer ul { text-align:center;}
.Footer ul li { display:inline-block;}
.Footer ul li a { text-transform:uppercase; font-size:11px; text-decoration:none; color:#c0d1db; padding-right:10px; margin-right:10px; border-right:solid 1px #c0d1db;}
.Footer ul li a.last { border:none; margin:0px; padding:0px;}