/* CSS Document */
/* Style sheets MUST be in the same directory as the index, or else other "foldered" files seem to not be able to access them. */

/***** CENTERING LAYERS *****/
#OuterTableLayer
	{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:static;
	display:table;
	margin:0px;
	padding:0px;
	z-index:-3;
	}

#MiddleTableLayer
	{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:absolute;
	display:table;
	margin:0px;
	padding:0px;
	z-index:-2;
	}
	
#InsideTableLayer
	{
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	z-index:-1;
	}

#BackgroundImage
	{
	margin:0px;
	padding:0px;
	z-index:-1;
	position:absolute;
	}
	
#BackgroundImage img
	{
	width:980px;
	height:600;
	}

#MainBody
	{
	width:980px;
	height:600px;
	margin:0px auto;
	padding:0px;
	text-align:left; 
	z-index:1;
	}
	
/***** END CENTERING LAYERS *****/

/***** BEGIN INDEX PAGE CSS *****/

#Navigation
	{
	position:relative;
	z-index:1;
	}
#Navigation li
	{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:230px;
	height:152px;
	display:block;
	}

#Navigation a
	{
	position:absolute;
	padding-top:30px;
	top:4px;
	left:4px;
	height:120px;
	width:160px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	color:#000000;
	background:url(../images/boxsprite.png) 0px 0px;
	}

#Navigation a:hover
	{
	background:url(../images/boxsprite.png) 0px -150px;
	}

#Box1 {left:60px;width:160px;}
#Box2 {left:235px;width:160px;}
#Box3 {left:410px;width:160px;}
#Box4 {left:585px;width:160px;}
#Box5 {left:760px;width:160px;}

#HomeText
	{
	position:relative;
	top:350px;
	left:60px;
	width:850px;
	margin:0px;
	padding-top:0px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:0px;
	z-index:2;
	}

#HomeText p
	{
	font-family:Arial,Verdana;
	font-size:0.875em;
	}
	
#BannerBack
	{
	position:absolute;
	top:-338px;
	left:100px;
	margin:0px;
	padding:0px;
	}

/***** END INDEX PAGE CSS *****/

/***** MINI NAVIGATION *****/
#MiniNavigation
	{
	position:relative;
	}
#MiniNavigation li
	{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:-95px;
	}
#MiniNavigation li, #MiniNavigation a
	{
	height:28px;
	display:block;
	}

#MiniBox1 {right:20px;width:30px;}
#MiniBox1 {background:url(../images/boxminisprite.png) 0px 0px;}
#MiniBox1 a:hover{background:url(../images/boxminisprite.png) 0px 0px;}

#MiniBox2 {right:55px;width:30px;}
#MiniBox2 {background:url(../images/boxminisprite.png) 30px 0px;}
#MiniBox2 a:hover{background:url(../images/boxminisprite.png) 30px 0px;}

#MiniBox3 {right:90px;width:30px;}
#MiniBox3 {background:url(../images/boxminisprite.png) 60px 0px;}
#MiniBox3 a:hover{background:url(../images/boxminisprite.png) 60px 0px;}

#MiniBox4 {right:125px;width:30px;}
#MiniBox4 {background:url(../images/boxminisprite.png) 90px 0px;}
#MiniBox4 a:hover{background:url(../images/boxminisprite.png) 90px 0px;}
/***** END MINI NAVIGATION *****/



/***** SMALL NAVIGATION *****/

#SmallNavigation
	{
	position:relative;
	top:-25px;
	}

	#SmallNavigation li
		{
		margin:0px;
		padding:0px;
		list-style:none;
		position:absolute;
		}
	
	#SmallNavigation li, #SmallNavigation a
		{
		height:35px;
		display:block;
		}

	#SmallBox1 {left:31px;width:105px;}
	#SmallBox1 {background:url(/images/sprite_navi_boxsmall.png) 0px -55px;}
	#SmallBox1 a:hover{background:url(/images/sprite_navi_boxsmall.png) 0px 0px;}
	#SmallBox2 {left:135px;width:105px;}
	#SmallBox2 {background:url(/images/sprite_navi_boxsmall.png) 0px -55px;}
	#SmallBox2 a:hover{background:url(/images/sprite_navi_boxsmall.png) 0px 0px;}
	#SmallBox3 {left:239px;width:105px;}
	#SmallBox3 {background:url(/images/sprite_navi_boxsmall.png) 0px -55px;}
	#SmallBox3 a:hover{background:url(/images/sprite_navi_boxsmall.png) 0px 0px;}
	#SmallBox4 {left:343px;width:105px;}
	#SmallBox4 {background:url(/images/sprite_navi_boxsmall.png) 0px -55px;}
	#SmallBox4 a:hover{background:url(/images/sprite_navi_boxsmall.png) 0px 0px;}
	#SmallBox5 {left:447px;width:105px;}
	#SmallBox5 {background:url(/images/sprite_navi_boxsmall.png) 0px -55px;}
	#SmallBox5 a:hover{background:url(/images/sprite_navi_boxsmall.png) 0px 0px;}

		#SmallBox1Text {font-family:Arial, Helvetica, sans-serif;font-size:1em; color:#000000;position:absolute;left:19px;top:13px;font-weight:bold;}
		#SmallBox2Text {font-family:Arial, Helvetica, sans-serif;font-size:1em; color:#000000;position:absolute;left:21px;top:13px;font-weight:bold;}
		#SmallBox3Text {font-family:Arial, Helvetica, sans-serif;font-size:1em; color:#000000;position:absolute;left:29px;top:13px;font-weight:bold;}
		#SmallBox4Text {font-family:Arial, Helvetica, sans-serif;font-size:1em; color:#000000;position:absolute;left:31px;top:13px;font-weight:bold;}
		#SmallBox5Text {font-family:Arial, Helvetica, sans-serif;font-size:1em; color:#000000;position:absolute;left:35px;top:13px;font-weight:bold;}

/***** ADDITIONAL LAYERS *****/

#Copyright
	{
	position:relative;
	top:450px;
	left:-25px;
	margin:0px;
	padding:0px;
	font-family:Arial,Verdana;
	font-size:0.5em;
	text-align:center;
	letter-spacing:0.3em;
	font:bold;
	}

#LinkedIn
	{
	position:relative;
	top:412px;
	left:815px;
	}
	
	#LinkedIn img
		{
		height:18px;
		width:126px;
		}

#FaceBook
	{
	position:relative;
	top:432px;
	left:680px;
	}

#GeoTrustIndex
	{
	position:relative;
	top:505px;
	left:416px;
	height:30px;
	}

	#GeoTrustIndex_ssl
		{
		position:relative;
		top:-50px;
		left:100px;
		}
	
#LayerLogo
	{
	position:relative;
	width:200px;
	height:90px;
	top:10px;
	left:20px;
	margin:0px;
	background-image:url(../images/logo.png);
	z-index:2;
	}

#LayerText /* Max height = 378px */
	{
	position:relative;
	top:10px;
	left:20px;
	width:920px;
	height:370px;
	margin:0px;
	border:1px solid black;
	padding:10px;
	background:url(../images/layertextbg.png);
	z-index:2;
	overflow:auto;
	}

#LayerText p
	{
	font-family:Arial,Verdana;
	font-size:0.875em;
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
	}

#UserStatus
	{
	position:relative;
	font-family:Arial,Verdana;
	font-size:0.6em;
	font-weight:bold;
	text-align:right;
	top:-65px;
	right:85px;
	}

#UserStatus a
	{
	color:#FFFFFF;
	}
	
/***** END ADDITIONAL LAYERS *****/



/***** ================================================================= OTHER CSS *****/
body{margin:0px;padding:0px;background-color:#969696;}

a img{border:none;}
a:link, a:visited{color:#C90000;text-decoration:none;}
a:hover, a:active{color:#CCCCCC;text-decoration:none;}

h1{font-family:Arial,Verdana;font-size:1.0em;font-weight:bold;}
h2{font-family:Arial,Verdana;font-size:0.875em;font-weight:bold;}

.textmain {font-family:Arial,Verdana;font-size:0.875em;} /* Copied from "#LayerText p" in 'Additional Layers' section*/
.texterror{font-family:Arial,Verdana;font-size:0.875em;color:#CC0033;}
.trademarked{font-variant:small-caps;}

#Sideways
	{
	position:relative;
	}
#Sideways li
	{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
	display:block;
	width:20px;
	}

/***** ================================================================= BEGIN PAGE-SPECIFIC CSS *****/

/***** hire.php *****/
#serlist_hire
	{
	position:relative;
	left:0px;
	width:560px;
	border-style:solid;
	border-width:0px;
	font-family:Arial,Verdana;
	font-size:0.75em;
	}

	#serlist_hire ul
		{
		list-style-type:none;
		margin:0px;
		padding:0px;
		}
	
		#serlist_hire li
			{
			display:inline;
			float:left;
			border-style:solid;
			border-top-width:1px;
			border-bottom-width:1px;
			border-left-width:1px;
			border-right-width:0px;
			}

	#serlist_hire a:link, #serlist_hire a:visited, #serlist_hire a:hover, #serlist_hire a:active
		{
		display:block;
		width:83px;
		color:#000000;
		text-decoration:none;
		padding:4px;
		text-align:center;
		}
	
	#serlist_hire a:link, #serlist_hire a:visited
		{
		background-color:#878787;
		}
	
	#serlist_hire a:hover, #serlist_hire a:active
		{
		background-color:#A5A5A5;
		}

#serdesc_hire
	{
	width:550px;
	height:100px;
	clear:both;
	padding:5px;
	border-style:solid;
	border-width:0px;
	}

	#right_column_hire
		{
		position:absolute;
		top:-2px;
		left:580px;
		width:300px;
		height:382px;
		padding:5px;
		border-left-style:solid;
		border-left-width:1px;
		}

#hirequote_div2
	{
	position:absolute;
	border-style:solid;
	border-width:0px;
	top:44px;
	left:140px;
	}

#hirequote_div4
	{
	position:absolute;
	border-style:solid;
	border-width:0px;
	top:228px;
	left:140px;
	}

/***** checkout1(thru 3).php *****/
#left_order_column
	{
	width:240px;
	padding-left:5px;
	}

#right_order_column
	{
	position:absolute;
	top:20px;
	left:270px;
	width:600px;
	padding-top:3px;
	padding-left:5px;
	border-left-style:solid;
	border-width:1px;
	}

/*************** services.php ***************/
#services_bar
	{
	position:absolute;
	left:/*195*/10px;
	width:600px;
	font-family:Arial,Verdana;
	font-size:0.75em;
	}

	#services_bar ul
		{
		list-style-type:none;
		margin:0px;
		padding:0px;
		}

	#services_bar li
		{
		display:inline;
		float:left;
		border-style:solid;
		border-top-width:1px;
		border-bottom-width:1px;
		border-left-width:1px;
		border-right-width:0px;
		}

	#services_bar a:link, #services_bar a:visited, #services_bar a:hover, #services_bar a:active
		{
		display:block;
		width:95px;
		color:#000000;
		text-decoration:none;
		margin:0px;
		padding:4px;
		text-align:center;
		}

	#services_bar a:link, #services_bar a:visited
		{
		background-color:#878787;
		}
	#services_bar a:hover, #services_bar a:active
		{
		background-color:#A5A5A5;
		}

#services_bgimage
	{
	position:absolute;
	top:90px;
	left:540px;
	width:400px;
	height:300px;
	z-index:-2;
	background-repeat:no-repeat;
	width:400px;
	height:300px;
	overflow:hidden;
	}

#services_descriptions
	{
	position:relative;
	top:30px;
	left:0px;
	width:550px;
	height:330px;
	border-style:solid;
	border-width:0px;
	}

	#services_descriptions_sidebar
		{
		position:absolute;
		width:350px;
		height:350px;
		left:580px;
		top:40px;
		border-style:solid;
		border-width:0px 0px 0px 1px;
		padding-left:5px;
		}
	
		#services_descriptions_sidebar table
			{
			margin:0px;
			border-style:solid;
			border-width:0px;
			width:100%;
			border-spacing:0px;
			}
		
			#services_descriptions_sidebar td
				{
				margin:0px;
				padding:0px 0px 0px 5px;
				border-style:solid;
				}
/***** ================================================================= END PAGE-SPECIFIC CSS *****/