/* CREDITS
 * ----------------------------------------------------------
 * Title:		64bitswebhosting - Screen Stylesheet
 * Author:		David Candreva <info@stuffproduction.com>
 * Date:		06/01/10
 * Last Edit:	00/00/00
 * ----------------------------------------------------------
 * STYLES
 * ----------------------------------------------------------
 * Orange		#f7833a
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ line-height:16px; color:#2893b6; }

.clear{ clear:both; }

a{ color:#2894B7; }
a:hover{ text-decoration:none; }

a:focus{ outline:none; }

/* Container
---------------------------------------------------------- */
div#container{ width:960px; margin:0 auto; }

/* Header
---------------------------------------------------------- */
div#header{ position:relative; height:320px; }
div#header a{ text-decoration:none; }

/* logo */
div#header img#logo{ position:absolute; top:18px; }

/* contact */
p.contact{ position:absolute; right:15px; top:37px; font-size:16px; text-transform:uppercase; }
p.contact em{ font-style:normal; color:#f7833a; }

/* serviceLinks */
div#header div.serviceLinks{ float:right; background:#167c9e; }
div#header div.serviceLinks ul{ padding:8px 15px; overflow:hidden; }
div#header div.serviceLinks ul li{ margin:0 10px 0 0; float:left; }
div#header div.serviceLinks ul li a{ font-size:14px; padding:0 11px 0 0; color:#FFF;  background:url(../images/layout/serviceLinks_seperator.png) no-repeat right center; }
div#header div.serviceLinks ul li.last{ margin:0; }
div#header div.serviceLinks ul li.last a{ padding:0; background:none; }
div#header div.serviceLinks ul li a:hover{ color:#F7833A; }

/* navigation */
div#header div.navigation{ position:absolute; top:60px; right:0; }
div#header div.navigation ul{ float:right; }
div#header div.navigation ul li{ margin:0 0 0 1px; line-height:29px; float:left; }
div#header div.navigation ul li a{ width:105px; text-align:center; display:block; float:left; line-height:29px; font-size:16px; color:#147a9b; background:#a3ddf7; }
div#header div.navigation ul li a:hover, div#header div.navigation ul li.active a{ background:#2995b8; color:#FFF; }

/* splash */
div#header div.splash{ overflow:hidden; width:100%; color:#FFF; position:absolute; bottom:0; height:232px; background:url(../images/layout/splash_background.png) no-repeat 0 0; }
div#header div.splash div.wrapper{ height:232px; position:relative; width:100%; }
div#header div.splash div.box{ line-height:20px; float:left; padding:45px 0 0 30px; width:500px; }
div#header div.splash div.box p{ margin-bottom:10px; }
div#header div.splash div.box a{ color:#FFF; text-decoration:underline; }
div#header div.splash div.box p strong{ color:#a3ddf7; }
div#header div.splash div.box h1{ margin-bottom:5px; font-size:22px; }
div#header div.splash div.box h1 em{ font-style:normal; color:#9ee1ff; }
div#header div.splash img{ position:absolute; right:75px; bottom:0; }

/* Breadcrumb
---------------------------------------------------------- */
div#breadcrumb{ padding:0 30px; font-size:11px; line-height:37px; height:37px; background:url(../images/layout/breadcrumb_tile.png) repeat-x 0 0; }
div#breadcrumb ol li{ margin:0 8px 0 0; color:#177e9f; float:left; }
div#breadcrumb ol li a{ border-bottom:1px solid #177e9f; text-decoration:none; color:#177e9f;  }
div#breadcrumb ol li a:hover{ border-bottom:0; }
div#breadcrumb ol li.link{ padding-right:9px; background:url(../images/layout/breadcrumb_seperator.png) no-repeat right center; }

/* Content
---------------------------------------------------------- */
div#content{ padding:20px 0 0; }

/* quicklinks */
div#content div.quicklinks{}
div#content div.quicklinks ul{ padding:0 15px 20px; width:930px; overflow:hidden; }
div#content div.quicklinks ul li{ color:#f7833a; margin:0 14px 0 0; padding:0 14px 0 0; float:left; font-size:15px; background:url(../images/layout/quicklinks_seperator.png) no-repeat right center; }
div#content div.quicklinks ul li.last{ background:none; }
div#content div.quicklinks ul li a{ color:#2994b8; }
div#content div.quicklinks ul li a:hover{ text-decoration:none; color:#f7833a; }

/* Footer
---------------------------------------------------------- */
div#footer{ border-top:1px solid #8dc6d9; padding:15px 15px; font-size:11px; }
div#footer p.copyright{ color:#f7833a; }
div#footer p span{ color:#f7833a; }
div#footer p a{ color:#2893b6; text-decoration:none; }
div#footer p a:hover{ border-bottom:1px solid #2893b6; }

/* slider
---------------------------------------------------------- */
#SlideItMoo_banners_outer {
	display:block;
	position:relative;
	width: 400px;
	height: 100px;
	margin:0px auto 0px;
}
#SlideItMoo_banners_inner {
	position:relative ;
	overflow:hidden ;
	width: 400px ;
	height: 100px ;
	margin: 0px auto 0px;
}
#SlideItMoo_banners_items {
	white-space:nowrap;
	display:block;
	position:relative;
}
#SlideItMoo_banners_items a img {
	border:none;
}