@font-face {
	font-family: 'AllerRegular';
	src: url('/webdesign/fonts/aller_rg-webfont.eot');
	src: local('☺'), url('/webdesign/fonts/aller_rg-webfont.woff') format('woff'), url('/webdesign/fonts/aller_rg-webfont.ttf') format('truetype'), url('/webdesign/fonts/aller_rg-webfont.svg#webfontuHV3heBX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerLightRegular';
	src: url('/webdesign/fonts/aller_lt-webfont.eot');
	src: local('☺'), url('/webdesign/fonts/aller_lt-webfont.woff') format('woff'), url('/webdesign/fonts/aller_lt-webfont.ttf') format('truetype'), url('/webdesign/fonts/aller_lt-webfont.svg#webfontgUyRIPnF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerBold';
	src: url('/webdesign/fonts/aller_bd-webfont.eot');
	src: local('☺'), url('/webdesign/fonts/aller_bd-webfont.woff') format('woff'), url('/webdesign/fonts/aller_bd-webfont.ttf') format('truetype'), url('/webdesign/fonts/aller_bd-webfont.svg#webfont5xXOiYZI') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin:0px;
	padding:0px;
	position:relative;
	font-size:13px;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	background:url("/webdesign/images/background_main.jpg") repeat-x scroll 0 0 #EEEEEE;
}
a {
	color:#333333;
}
	a:hover {
		color:#737474;
	}
a img {
	border:none;
}
h1, h2, h3, h4, h5 {
	margin:0px;
	padding:0px;
	text-align:left;
}
h2 {
}
h3 {
	text-transform:uppercase;
	font-size:19px;		
	font-family:'AllerLightRegular', Tahoma, Geneva, sans-serif;	
	color:#363636;		
}
h4 {
	font-size:19px;		
	font-family:'AllerLightRegular', Tahoma, Geneva, sans-serif;	
	color:#363636;	
	letter-spacing:-1px;	
}
#cms h4 {
	margin-bottom:2px;
}
h5 {
	font-size:22px;
	color:#333333;
	font-family:'AllerLightRegular', Tahoma, Geneva, sans-serif;
}
	h5 a {
		color:#333333;
	}
		h5 a:hover {
			color:#737474;
		}
#footer .col h3 {
	margin-bottom:13px; 
	margin-left:2px;
	margin-top:25px; 
	padding:7px 0 5px;
}
#wrapper {
	position:relative;
	min-height:500px;
	width:960px;
	margin:0 auto;
	background:url("/webdesign/images/background_container.jpg") no-repeat scroll 0 0 transparent;
	z-index:10;
}
a {
	text-decoration:none;
}
p {
	margin:1em 0;
/*	line-height:17px; */
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
li {
	margin:0px;
	padding:0px;
}
ul.reset li {
	margin-left:10px;
	padding-left:10px;
}
/*#corner_fold {
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	height:233px;
	background:url('/webdesign/images/corner2.gif') no-repeat scroll 0 0 transparent;
}*/
/* header */
#header {
	height:150px;
	position:relative;
	/*padding-left:15px;*/
	background:transparent;
}
/*	#header h1 {
		font-family:'AllerBold';
		font-size:55px;
		letter-spacing:-6px;
		padding-bottom:2px;
		padding-top:12px;
		text-shadow:1px 1px 3px #666666;
	} */
	#header h1 {
/*		padding-top:30px;
		font-size:45px;
		font-family:'AllerBold';
		letter-spacing:-4px;
		text-shadow:1px 1px 1px #666666;		*/
/*		padding-top:5px;
		padding-bottom:2px;
		font-size:60px;
		font-family:'AllerBold', Tahoma, Geneva, sans-serif;
		letter-spacing:-6px;
		text-shadow:1px 1px 3px #666666;		*/
		padding-top:4px;
		padding-bottom:2px;
		font-size:75px;
		font-family:'AllerBold', Tahoma, Geneva, sans-serif;
		letter-spacing:0px;
		letter-spacing:-2px;
		text-shadow:1px 1px 3px #666666;
		font-weight:normal;
	}
	#header h1.hosting {
		letter-spacing:-3px;
	}
	#header h1 xmp {
		font-family:'AllerBold', Tahoma, Geneva, sans-serif;
		margin:0px;
		padding:0px;
		margin-left:-20px;
	}
/*	#header h2 {
		color:#FFFFFF;
		font-family:'AllerLightRegular';
		font-size:18px;
		text-shadow:1px 1px 1px #666666;
	}*/
	#header h2 {
		margin-top:-11px;
		font-size:17px;
		font-family:'AllerLightRegular', Tahoma, Geneva, sans-serif;
		color:#fff;
		text-shadow:1px 1px 1px #666666;		
	}

	#dropdownButton {
		background:url("/webdesign/images/contact.jpg") no-repeat scroll 0 0 transparent;
		color:#FFFFFF;
		display:block;
		font-family:'AllerBold', Tahoma, Geneva, sans-serif;
		font-size:14px;
		height:30px;
		letter-spacing:0.75px;
		padding-left:13px;
		padding-top:3px;
		position:absolute;
		right:0;
		top:0;
		text-align:center;
		text-decoration:none;
		width:189px;
		z-index:999;
		outline:none;
	}
		#dropdownButton:hover {
			background:url("/webdesign/images/contact.jpg") no-repeat scroll left bottom transparent;
			color:#FFFFFF;
		}
	#header #login {
		background:url("/webdesign/images/background_drop.png") no-repeat scroll 0 0 transparent;
		color:#FFFFFF;
		margin:0 auto;
		padding:12px 0 0 20px;
		position:absolute;
		right:25px;
		top:20px;
		width:441px;
		z-index:10000;
	}
		#header #login h2 {
		/* margin:0px 0px 0px 0px;
		padding:0px 0px 10px;
		font-size:30px;
		font-family:'AllerRegular', Tahoma, Geneva, sans-serif;
		letter-spacing:-1.5px;
		color:#333333;*/
		color:#fff;
		font-size:36px;
		font-family:'AllerRegular', Tahoma, Geneva, sans-serif;
		letter-spacing:-1px;
		margin:0;
		padding:0 0 10px;
		}
		#info {
		margin-left:10px;
		margin-top:9px;
		width:180px;
		}
			#login h5 {
			font-size:12px;
			color:#C9C9C9;
			padding-bottom:4px;
			padding-top:0;
			text-transform:uppercase;
			}	
			#info ul {
			list-style:none outside none;
			margin:10px 0 15px 14px;
			padding:0;
			text-transform:uppercase;
			}		
				#info ul li {
				background:none repeat scroll 0 0 transparent;
				color:#CCCCCC;
				font-family:Arial,Helvetica,sans-serif;
				font-size:11px;
				font-weight:bold;
				letter-spacing:normal;
				line-height:normal;
				margin-bottom:0;
				padding:2px 0;
				}					
		#loginDiv {
		left:240px;
		position:absolute;
		top:74px;
		}
			#loginDiv form {
			color:#999999;
			font-size:12px;
			}	
				ul.form {
				background:none repeat scroll 0 0 transparent;
				border:0 none;
				list-style:none outside none;
				margin:0;
				padding:0;
				}				
					ul.form li {
					background:none repeat scroll 0 0 transparent;
					line-height:normal;
					margin:0;
					padding:0;
					}
			#loginDiv li.username {
				margin-bottom:10px;
			}
			#loginDiv li.password {
				margin-bottom:10px;
			}
				#loginDiv input {
					margin-top:3px;
				}
				#loginDiv input.submit {
					background:url("/webdesign/images/background_submit.jpg") repeat-x scroll 0 0 transparent;
					color:#777777;
					cursor:pointer;
					padding:1px 10px;
					text-shadow:-1px -1px 1px #000000;
					width:60px;
					background-color:#444444;
					border:1px solid #000000;		
					margin-bottom:5px;		
				}	
				#loginDiv input.signup {
					margin-top:6px;
				}
		.close {
			background:url("/webdesign/images/close.png") no-repeat scroll 0 0 transparent;
			bottom:40px;
			color:#FFFFFF;
			display:block;
			font-size:12px;
			height:27px;
			position:absolute;
			right:14px;
			width:27px;
			z-index:10000;
		}
			.close span {
			margin-left:-9999px;
			}
/* Matte White Icon */
#contact {
	position:absolute;
	top:75px;
	right:19px;
}
		#contact a:hover img {
			position:relative;
			top:2px;
		}
		#contact img {
			vertical-align:text-bottom;
		}

.tooltip {
	z-index:999;
	display:none;
	background:transparent url('/webdesign/images/black_arrow2.png') no-repeat;
	font-size:12px;
	height:40px;
	width:180px;
	padding:16px 17px 17px 17px;
	color:#fff;	
	font-size:10px;
}
/* main content */
#main_content {
	background:url("/webdesign/images/background_main-inner.jpg") repeat-x scroll 0 0 #EEEEEE; /* F0F0F0 */
	margin-top:1px;
	padding:10px 50px 20px;
	min-height:600px;
	overflow:hidden;
	line-height:20px;
	
}
	#main_content h2 {
		margin:12px 0px 0px 0px;
		padding:10px 0px 6px 0px;
		font-size:30px;
		font-family:'AllerRegular', Tahoma, Geneva, sans-serif;
		letter-spacing:-1.5px;
		color:#333333;
	}
	#main_content hr {
		border:none;
		border-top:1px solid #CCC;
		border-bottom:1px solid #fff;
		height:1px;
		margin:10px 0px 20px 0px;
	}
	#main_content ul.projects {
		margin:40px 0px 0px 0px;
	}
		#main_content .projects li {
			padding:5px 30px 0px 30px;
			overflow:hidden;
		}
			#main_content .projects li img {
				float:left;
				margin-right:40px;
				width:498px;
				height:298px;
				padding:4px 4px 25px 4px;
				background:url("/webdesign/images/background_project-image.jpg") no-repeat scroll 0 0 transparent;
			}
			#main_content .projects li span {
				font-size:9px;
				color:#A3A4A4;
				color:#6B6B6B;
			}
				.projects span.completed {
					display:inline-block;
					margin-top:5px;
				}
			#main_content .projects li p {
				font-size:11px;
				color:#6B6B6B;
				color:#333;
				line-height:1.7em;
				margin:5px 0px 15px 0px;
			}			
			#main_content .projects li ul {
				list-style:disc inside none;
				margin:0px 0px 25px 10px;
			}
				#main_content .projects li ul li {
					font-family:Arial,Helvetica,sans-serif;
					font-size:12px;
					padding:3px;
					text-indent:1em;
					color:#A3A4A4;
					color:#6B6B6B;
					letter-spacing:.5px;
					margin-bottom:12px;
					line-height:1.1em;
					list-style:disc inside none;
					overflow:visible;		
				}
					#main_content .projects li ul li a {
						color:#A3A4A4;
						/* text-decoration:underline; */
					}
						#main_content .projects li ul li a:hover {
							font-weight:bold;
						}
				
			#main_content .projects li hr {
				margin:50px auto 35px;
				width:70%;
				clear:both;
			}
		#main_content .projects li.projectRight {
		}
			#main_content .projects li.projectRight img {
				float:right;
				margin-left:40px;
				margin-right:0px;
			}
			#main_content .projects li.projectRight ul {
				list-style:disc inside none;
				margin-left:0px;
			}
			
.dropCap {
	float:left;
	font-family:'AllerRegular',Tahoma,Geneva,sans-serif;
	font-size:46px;
	line-height:56px;
	height:35px;
	color:#6B6B6B;
	margin-top:-8px;
}			
/* footer */
#footer {
	background:url('/webdesign/images/background_footer.png') repeat scroll 0 0 transparent;
	color:#737474;
}
	#footer .content {
		position:relative;
		margin:0 auto;
		overflow:hidden;
		width:960px;
	}
			#footer a {
				text-decoration:none;
				color:#737474;
			}
			#footer a:hover {
				color:#C7C7C7;
			}
			#footer h3 {
				color:#A0A0A0;
			}
		
		/* col 1 */
		.col1 {
			float:left;
			padding:0px 30px 0px 0px;
			margin:0px 0px 25px 0px;
			width:286px;
		/*	background:url('/webdesign/images/seperator_footer-col.png') no-repeat scroll right center transparent; */
		}
			#footer ul.blog {
			}
				#footer ul.blog li {
					background:url('/webdesign/images/icons/bloglist.png') no-repeat scroll left center transparent;
					border-bottom:1px solid #151515;
					padding:9px 0px 10px 16px;
					border-top:1px solid #212222;	
					width:262px;				
				}
				#footer ul.blog li:first-child {
					border-top:none;
				}
				#footer ul.blog li:last-child {
					border-bottom:none;
				}
					#footer ul.blog li a {
						padding-left:5px;
						color: #545454
					}
					#footer ul.blog li a:hover {
							color:#C7C7C7;
						}
		/* col 2 */
		.col2 {
			float:left;
			padding:0px 30px 0px 0px;
			margin: 0px 0px 25px 20px;
			width:286px;
			color:#626363;	
		/*	background:url('/webdesign/images/seperator_footer-col.png') no-repeat scroll right center transparent; */
		}
			#footer ul.contact {
			}
				#footer ul.contact li {
					margin:0px 0px 7px 0px;
					padding:9px 0px 6px 28px;
				}
				#footer ul.contact li.mail {
					background:url('/webdesign/images/icons/mail.png') no-repeat scroll left 10px transparent;
				}
					#footer ul.contact li.mail a {
						display:inline-block;
						margin-left:5px;
						color: #545454
					}
					#footer ul.contact li.mail a:hover {
							color:#C7C7C7;
					}
				#footer ul.contact li.phone {
					background:url('/webdesign/images/icons/phone.png') no-repeat scroll 2px 6px transparent;
				}
				#footer ul.contact li.address {
					background:url('/webdesign/images/icons/home.png') no-repeat scroll 0px 7px transparent;
				}
			#footer ul.social {
			}			
				#footer ul.social li {
					float:left;
					margin:0px 10px 0px 0px;
				}
					#footer ul.social li a {
						display:block;
					}
						#footer ul.social li a img {
							display:block;
						}
						#footer ul.social li a:hover img {
							position:relative;
							top:2px;
						}
				#footer ul.social li {
					background:url("/webdesign/images/icons/mail.png") no-repeat scroll left 10px transparent;
				}
		
		/* col 3 */
		.col3 {
			float:left;
			padding:0px 0px 0px 0px;
			margin: 0px 0px 25px 20px;
			width:286px;
		}
			#footer .col3 .slideshow {
				position:relative;
			}
				#footer .col3 blockquote {
					display:none;
					position:absolute;
					top:0px;
					left:0px;
					background:url('/webdesign/images/quote_open.png') no-repeat scroll left top transparent;
					padding:15px 0px 0px 15px;
					text-indent:3em;
					margin:0px 17px 0px 0px;
					font-style:italic;
				}
				#footer .col3 .slideshow blockquote:first-child {
					display:block;
				}
					#footer .col3 blockquote p {
						background:url('/webdesign/images/quote_close.png') no-repeat scroll right bottom transparent;
						margin:0px 15px 0px 0px;
						padding:0px 0px 17px 0px;
					}
				#footer .col3 .slideshow cite {
					display:block;
					font-size:13px;
					font-weight:bold;
					margin:-10px 0 10px;
					padding-right:70px;
					text-align:right;
				}					
		
	/* copyright */
	#footer .copyright {
		clear:both;
		background:url('/webdesign/images/background_copyright.png') repeat-x scroll 0 0 transparent;
		height:66px;
	}
		#footer .copyright .content {
			padding-top:28px;
			width:960px;
			margin:0 auto;
		}
		#footer .quote {
			float:right;
		}
		
		
/* EXTRAS */
#target {
	display:none;
}
#turn_object {
	cursor:pointer;
}


#myslidemenu {
bottom:4px;
position:absolute;
right:0;
z-index:9999;
white-space:nowrap;
}
.jqueryslidemenu {
padding-right:15px;
z-index:100;
}
.jqueryslidemenu ul {
list-style-type:none;
margin:0;
padding:0;
}
.jqueryslidemenu ul li {
background:none repeat scroll 0 0 transparent;
display:inline;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1em;
margin:0;
padding:0;
position:relative;
white-space:nowrap;
}
.jqueryslidemenu ul li a {
display:block;
font-family:'AllerBold', Tahoma, Geneva, sans-serif;
font-size:15px;
letter-spacing:0px;
padding:8px 23px;
text-decoration:none;
text-shadow:1px 1px 0 #000000;
}
* html .jqueryslidemenu ul li a {
display:inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
color:#FFFFFF;
}
.jqueryslidemenu ul li a:hover {
/* background:none repeat scroll 0 0 #000000; */
color:#CCCCCC;
}
.jqueryslidemenu ul li.highlight {
/* background:none repeat scroll 0 0 #000000;
position:absolute;
top:0px;
left:0px;
height:15px;
width:100px;
padding:8px 23px; */
background:none repeat scroll 0 0 #000000;
position:absolute;
bottom:-10px;
left:0px;
height:5px;
width:100px;
margin:0px 23px;
-moz-box-shadow:0px 1px 5px #666;
-webkit-box-shadow:0px 1px 5px #666;
box-shadow:0px 1px 5px #666;
}
div.underline {
	position:absolute;
	left:23px;
	right:23px;
	bottom:-10px;
	height:-1px;
	border-bottom:5px solid #000;
	-moz-box-shadow:0px 1px 5px #666;
	-webkit-box-shadow:0px 1px 5px #666;
	box-shadow:0px 1px 5px #666;
}
.jqueryslidemenu ul li ul {
display:block;
left:0;
position:absolute;
visibility:hidden;
z-index:9999;
}
.jqueryslidemenu ul li ul a {
background:url("/webdesign/images/background_nav.png") repeat scroll 0 0 transparent;
padding:10px;
}
.jqueryslidemenu ul li ul li {
display:list-item;
float:none;
}
.jqueryslidemenu ul li ul li ul {
top:0;
}
.jqueryslidemenu ul li ul li a {
border-bottom:1px solid #09191C;
font:11px Verdana;
margin:0;
width:150px;
}
.jqueryslidemenu ul li ul li a:hover {
background:none repeat scroll 0 0 #000000;
}
.downarrowclass {
position:absolute;
right:10px;
top:13px;
}
.rightarrowclass {
position:absolute;
right:5px;
top:12px;
}





/* HOME */
#home #main_content {
	/* background:none; */
	padding-left:0px; padding-right:0px;
	position:relative;
	padding-top:0px;
	margin-top:1px;
	overflow:hidden;	
}
#home_content{
	padding-left:50px; padding-right:50px;
	padding-top:10px;
}
#front_frame {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
	/*#front_images {
		position:relative;
		width:927px;
		height:288px;
		margin:0 auto 70px;
		border:1px solid #fff;
		background-color:#4E8DDE;
		margin-top:25px;
		overflow:hidden;
	}*/
	#front_images {
		position:relative;
		width:100%;
		height:338px;
		margin:0;
		border:none;
		background:none;
		/* background-color:#4E8DDE; */
		/* margin-top:-11px; */
		margin-top:0px;
		overflow:hidden;
		margin-bottom:15px;
	}
		img.front_image {
			opacity:0;
			position:absolute;
			top:0px;
			left:0px;
		}
		img.front_image.odd {
			top:auto;
			left:auto;
			right:0px;
			bottom:0px;			
		}
		img.front_image:first-child {
			opacity:1;
		}
		#front_images .caption {
			background:none repeat scroll 0 0 rgb(0,0,0);
			background:none repeat scroll 0 0 rgba(0,0,0,.8);
			bottom:0;
			left:9px;
			/* opacity:0.8; */
			position:absolute;
			width:942px;
			z-index:100;
			/* display:none; */
		}
			.caption p {
				margin:0;
				padding:15px;
				line-height:1.7em;
				font-size:13px;
				color:#C9C9C9 !important;
			}

#home #main_content .col {
	background:url('/webdesign/images/col-separator.png') no-repeat scroll right center transparent;
	width:253px;
}
#home #main_content .col3 {
	background:none;
}
#home #main_content .col {
	position:relative;
	z-index:101;
}
#home #main_content .col h3 {
	float:left;
	margin-left:2px; /* margin-top:25px; */
}
#home #main_content .col img {	
	float:left;
	padding-right:7px;
}
#home #main_content p {
	clear:both;
	color:#737474;
	color:#6B6B6B;
	color:#000;
}
.separator {
	background:url("/webdesign/images/separator.png") no-repeat scroll 0 0 transparent;
	clear:both;
	height:39px;
	margin:5px 0px;
	width:960px;
	margin-left:-50px;
}
.text-content {
	float:left;
	margin-bottom:30px;
	margin-left:4px;
	/* margin-right:35px;*/
	width:566px;
}
#content_sidebar {
	width:250px;
	float:right;
	padding-left:40px;
	margin-bottom:29px;
}
/* #home #content_sidebar {
	width:280px;
}*/
	.sidebar_icon {
		float:left;
		padding-right:5px;
		padding-top:2px;
	}
	#content_sidebar h2 {
		line-height:20px;
	}


#projects_mini {
	z-index:105;
	width:170px;
	height:106px;
	position:absolute;
	top:81px;
	left:395px;
	overflow:hidden;
}
	#projects_mini img {
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	#projects_mini img:first-child {
		display:inline-block;
	}

/* THE COMPANY */
#team .team_member {
	display:inline-block;
	background:url("/webdesign/images/photo_empty.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:189px;
	margin-right:24px;
	width:189px;
}
	/* image size: 169 x 157 (1.076:1)*/ 
	.team_member a {
		display:inline-block;
		margin:13px 0 0 10px;
	}
	.team_member img {
		vertical-align:text-bottom;
	}
.team_detail {
	float:left;
	margin-bottom:15px;
	margin-top:10px;
	/*width:353px; */
}















/* CMS */
#screen {
	position:absolute;
	top:-740px;
/*	top:111px;*/
	left:50%;
	width:850px;
	margin-left:-425px;
}
	#close_player {
		position:absolute;
		top:-10px;
		right:0px;
		cursor:pointer;
		width:65px;
	}
#screen img{
	display:inline-block;
}
#screen_contents {
	position:absolute;
	top:8px;
	left:247px;
	width:358px;
	height:224px;
	background:black;
	overflow:hidden;
}
#screen_contents_big {
	background-color:white;
	position:absolute;
	top:37px;
	left:52px;
	width:747px;
	height:464px;
	text-align:center;
	overflow-y:hidden;
	overflow-y:visible;	
}
	#screen {
		z-index:110;
		margin-bottom:5px;
	}
	#screen img {
		margin:auto;
	}


/* SIGNUP */
#signup_form {
}
	#signup_form label {
		display:inline-block;
		width:120px;
		margin-bottom:5px;
	}
	#signup_form input {
	}


/* Plupper Live Chat (including Shadowbox) */
#sb-body, #sb-loading {
	background:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#sb-wrapper-inner {
	border:none !important;
}
#sb-loading {
	background-color:#000;
}
#sb-title-inner {
	font-family:'AllerLightRegular',Tahoma,Geneva,sans-serif !important;
	font-weight:bold !important;
	font-size:19px;
	text-transform:uppercase;    
}




#hosting_live_chat, #hosting_top_right {
	position:absolute;
	top:50px;
	right:19px;
}
	#hosting_live_chat img {
		vertical-align:text-bottom;
	}
#hosting_top_right {
	top:47px;
	top:36px;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	margin-right:10px;
	color:#333333;
}
		#hosting_top_right #plupperDialog img {
			vertical-align:baseline;
		}