body 
{
	background: #f4f4f4 url(/images/header_bg.gif) scroll repeat-x;
	line-height: 2em;
	font-size: .8em;
}


a:hover{text-decoration: none;}

h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}

h1, h2, h3{
	letter-spacing: .085em;
	font-family: "adelle-1","adelle-2",serif;
	font-weight: bold;
}

p, ul{ margin-bottom: 2em;}

p, li{
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
}
	

#header
{
	position: relative;
	background-color: #FFFFFF;
	height: 90px;
	padding: 0;
	margin: 0;
}

#header h1
{
	background: url(/images/serveit_logo.gif) no-repeat;
	height: 57px;
	width: 297px;
	position: absolute;
	bottom: 10px;
	left: 0;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}


#header h2
{
	background: url(/images/header_text.gif) no-repeat;
	height: 47px;
	width: 301px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

#content_outer
{
	position: relative;	
}

#content_frame
{
	position: relative;
	top: 53px;
}


/**************************/
/*Umbraco Feature Box     */
/**************************/
#feature_umbraco
{
	padding: 0;
	margin: 0;
	width: 300px;
	height: 355px;
}

#feature_umbraco a
{
	padding: 0;
	margin: 0;
	display: block;
	width: 300px;
	height: 355px;
	border:0;
	background: url(/images/feature_umbraco.gif) no-repeat scroll 0 0;
	outline: none;
}

#feature_umbraco a:hover
{
	background: url(/images/feature_umbraco.gif) no-repeat scroll -300px 0;
	text-decoration: none;
}

#feature_umbraco h2{
	visibility: collapse;
	display: none;
}

#feature_umbraco p{
	visibility: collapse;
	display: none;
}

/**************************/
/*Content Top Round	  */
/**************************/


#content_top_home
{
	background: #FFFFFF url(/images/inner_content_round_top_home.gif) no-repeat scroll top center;
	height: 23px;
	width: 950px;
	margin-top: 2em;
}


#content_top_dark
{
	background: #FFFFFF url(/images/inner_content_round_top_dark.gif) no-repeat scroll top center;
	height: 23px;
	width: 950px;
	margin-top: 2em;
}

#content_top_plain
{
	background: #FFFFFF url(/images/inner_content_round_top_plain.gif) no-repeat scroll top center;
	height: 23px;
	width: 950px;
	margin-top: 2em;
}


/**************************/
/*Content Inner Header BG	  */
/**************************/

/*repeating border stroke*/

.content_inner
{
	background: #FFFFFF url(/images/inner_content_bg.gif) repeat-y scroll;
	position: relative;
}


/*HOME PAGE*/


#content_inner_home h2.splash
{
	background: url(/images/splash_bg.jpg) no-repeat;
	height: 390px;
	width: 950px;
	text-indent: -9999px;
	margin-bottom: 0;
	
}

#content_inner_home h3.splash_tag
{
	background: url(/images/tag_line.gif) no-repeat top center;
	height: 20px;
	width: 255px;
	text-indent: -9999px;
	margin-bottom: 0;
	bottom: 0;
	right: 10px;
	position: absolute;
	
}

/*UMBRACO PAGE*/
#content_inner_header_umbraco
{
	background: #FFFFFF url(/images/splash_bg_umbraco.jpg) no-repeat scroll;
	position: relative;
	height: 358px;
}


/*PORTFOLIO PAGE*/
#content_inner_header_portfolio
{
	background: #FFFFFF url(/images/splash_bg_portfolio.jpg) no-repeat scroll;
	position: relative;
	height: 358px;
}

#content_bottom
{
	background: #FFFFFF url(/images/inner_content_round_bottom.gif) no-repeat scroll bottom center;
	height: 34px;
	width: 950px;
	margin-bottom: 80px;
}

.portfolio_image
{
	background: #F4F4F4 none repeat scroll 0 0;
	border:1px solid #DFE0E4;
	text-align: center;
	margin:0 0 20px;
	width: 470px;
	text-align: center;
	padding: 10px;
}

.portfolio_image img
{
	margin: auto;
	background:#FFFFFF url(/images/loading.gif) no-repeat scroll 50% 50%;
	border:1px solid #AFAFAF;
	display:block;
	padding:10px;
}

/*PLAIN TEXT PAGE*/
#content_inner_header_plain
{
	position: relative;
	height: 210px;
	background: #FFFFFF url(/images/inner_content_bg.gif) repeat-y scroll;
}

#content_inner_header_plain h1
{
	position: absolute;
	left: 120px;
	font-size: 4em;
}

/*ABOUT PAGE*/


.employee_image img
{
	margin: auto;
	background:#FFFFFF url(/images/loading.gif) no-repeat scroll 50% 50%;
	border:1px solid #AFAFAF;
	display:block;
	padding:10px;
}



#footer
{
	width: 100%;
	background: #2d2f33 url(/images/footer_bg.gif) scroll repeat-x;
}

#footer h2
{
	color: #FFFFFF;
}


#innerfooter
{
	padding-top: 30px;
	color: #81868C;
}

#innerfooter div
{
	border-color: #54575A;
}

#innerfooter ul
{
	color: #FFFFFF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#innerfooter li{
	list-style-position:inside;
}

#innerfooter strong
{
 	color: #81868C;
 	font-weight: normal;
}

.footerinfo
{
	background: url(/images/footer_info.gif)  no-repeat scroll;
	height: 34px;
	width: 550px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	padding-top: 3px;
	font-size: 12px;
}
/**************************************/
/*NAV*/
/**************************************/

h3.nav_tagline
{
	background: url(/images/tag_line_nav.gif) no-repeat;
	position: absolute;
	top: 15px;
	right: 0;
	height: 37px;
	width: 261px;
	text-indent: -9999px;
}


#nav_header
{
	position: absolute;
	list-style-type: none;
	top: 15px;
	left: 0;
	margin: 0;
	padding: 0;
}

#nav_header li {float: left;text-indent: -9999px}

#nav_header a
{
	display: block;
	padding: 0;
	margin: 0;
	outline: none;
	background-image: url(/images/nav_header.gif);
	background-repeat: no-repeat;
}

/*ABOUT*/
#nav_header li a.about
{
	background-position: 0 0;
	width: 122px;
	height: 35px;
}

#nav_header a:hover.about
{
	background-position: 0px -36px;
}

/*PORTFOLIO*/

#nav_header li a.portfolio
{
	background-position: -122px 0;
	width: 146px;
	height: 35px;
}

#nav_header li a.portfolio_selected
{
	background-position: -122px -72px;
}

#nav_header a:hover.portfolio
{
	background-position: -122px -36px;
}

/*CONTACT*/

#nav_header li a.contact
{
	background-position: -268px 0;
	width: 137px;
	height: 35px;
}

#nav_header a:hover.contact
{
	background-position: -268px -36px;
}

#contact .vcard {display: inline; margin-left: -248px;}
#contact .vcard h3 {margin: 0 0 3px; font-size: 1.334em;}
#contact .vcard p {font-size: 1em;}
#contact .vcard a {font-size: .917em;}

/**************************************/
/*END NAV*/
/**************************************/


/**************************************/
/*TOP LEFT CALL TO ACTION SPRITE	  */
/**************************************/

/*defaults*/
a.ctoa_topleft
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(/images/ctoa_topleft.gif) no-repeat top left;
	height: 114px;
	width: 92px;
	z-index: 99;
	outline: none;
	text-decoration: none;
}

/*individual pages*/
a.ctoaTlHome
{
	background-position: 0 0;
}

a:hover.ctoaTlHome
{
	background-position: 0 -114px;
}

a.ctoaTlPortfolio
{
	background-position: -92px 0;
}

a:hover.ctoaTlPortfolio
{
	background-position: -92px -114px;
}

a.ctoaTlDefault
{
	background-position: -184px -0;
}

a:hover.ctoaTlDefault
{
	background-position: -184px -114px;
	
}

/**************************************/
/*END TOP LEFT CALL TO ACTION SPRITE  */
/**************************************/

/**************************************/
/*	Elements						  */
/**************************************/
input[type="text"]
{
	height: 2em;	
}




/**************************************/
/*	Error Message					  */
/**************************************/

.errorMessage
{
	background-color: #484A4E;
	width: 460px;
	color: #fff;
	font-weight: bold;
	border-color: #7F7F7F;
	padding: 20px;
}

.errorMessage ul
{
	margin: 0;
}