@charset "utf-8";
/* CSS Document */

body
{
	background-color:#333;
}

a, a:visited
{
	color:#525252;
}

/*to sharpen image*/
img
{
	-ms-interpolation-mode:bicubic;
	border:0;
}

/*div used to align the content vertically and horizontally*/
#aligndiv
{
	text-align:center;
	height:100%;
	width:100%;
}

.site
{
	margin:0 auto;
	text-align:left;
	width:826px;	
}
.site .background{
	z-index:0;
	position:absolute;
	top:50%;
	height:610px;
	width:826px;
	display:block;
	background-color:#dcdcde;
	margin-top:-300px;
}

.site .main
{
	/*these attributes are used to set vertical alignment*/
	position:absolute; /*position has to absolute for the inline div element*/
	top:50%; /*the edge of the div is at 50% of the screen*/
	height:610px; /*height of div element must be specified*/
	margin-top:-267px /*move the margin up to half of div's height*/

}

.site .main .content {
	
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding-top:0px;
	
	position: relative;
	height: 371px;
	width: 443px;
	left: 262px;
	top: -10px;
	
	max-height: 371px;
	overflow: hidden;
	max-width: 445px;
	text-align: left;
	z-index:2;
	position:absolute;
}

.site .main .content .heading
{
	font-family: "Lucida Sans Unicode", "Arial", "Lucida Grande", "Helvetica", "Verdana", sans-serif;
	font-style: normal;
	color:#474646;
	font-size: 24px;
	font-weight: normal;
	letter-spacing:2px;
	left:46px;
	top:-2px;
	position:absolute;
	height:35px;

}

.site .main .content .body
{
	font-family: "Verdana", "Arial","Lucida Sans Unicode","Helvetica", sans-serif;
	font-style: normal;
	color:#525252;
	font-size: 11px;
	font-weight: regular;
	line-height:16px;
	left:46px;
	top:25px;
	padding-top:0px;
	position:absolute;
}

.site .main .content .body .first_paragraph
{
	padding-top:2px;
	position:relative;
}
.site .main .content .body .sub_paragraph
{
	padding-top:10px;
	position:relative;
}

.site .main .content .body .shallowlist
{
	padding-top:0px;
	left:20px;
	position:relative;
}
.site .main .content .body .deeplist
{
	padding-top:10px;
	left:20px;
	position:relative;
}
.site .main .content .sideheading
{
	left:0px;
	top:0px;
	position:absolute;
}

.site .main .menu
{
	top:366px;
	left:267px;
	position:absolute;
	z-index:4;
	cursor:pointer;
}

.site .main .menu #softwaresolutions
{
	left:0px;
	background-image:url('../images/menu_software.gif');
}

.site .main .menu .softwaresolutionstoplayer
{
	left:0px;
	position:absolute;
	display:block;
	width:142px;
	height:107px;
	background:transparent url('../images/menu_software.gif');
	border:none;
}

.site .main .menu #websitedevelopment
{
	left:145px;
	background-image:url('../images/menu_website.gif');
}

.site .main .menu #itconsulting
{
	left:290px;
	background-image:url('../images/menu_IT.gif');
}

.site .main .menu #softwaresolutions, .site .main .menu #websitedevelopment, .site .main .menu #itconsulting
{
	position:absolute;
	width:142px;
	height:107px;
	display:block;
}
.site .main .menu #softwaresolutions:hover, .site .main .menu #websitedevelopment:hover, .site .main .menu #itconsulting:hover, .site .main #logozone:hover
{
	cursor:pointer;
}

.site .main .reflection
{
	left:102px;
	top:471px;
	display:block;
	width:719px;
	height:101px;
	background-image:url('../images/menu_mirror.gif');
	position:absolute;
	z-index:3;
}

.site .main #logozone
{
	top:415px;
	left:50px;
	width:212px;
	height:135px;
	position:absolute;
	overflow:hidden;
	z-index:5;
	color:#0F6;
	display:block;
	background:transparent (../images/logo_overlay.gif) no-repeat;
	cursor:pointer;
}
.site .main .logo
{
	top:390px;
	left:1px;
	display:block;
	width:267px;
	height:187px;
	background-image:url('../images/logo.jpg');
	position:absolute;
	z-index:2;
}

.site .main .newcontact
{
	top:555px;
	left:265px;
	position:absolute;
	z-index:4;
}

/***Old contact info styles***/
.site .main .contact
{
	z-index:5;
	font-family:  "Verdana","Arial", "Lucida Sans Unicode", "Lucida Grande", "Helvetica",  sans-serif;
	font-style:normal;
	font-size: 8px;
	font-weight:bold;
	font-size-adjust:0.5;
	line-height:14px;
	letter-spacing:2px;
	
	width:600px;
	text-align:right;
	top:555px;
	left:216px;
	position:absolute;

}

.site .main .contact .layout
{
	position:relative;
	
}

.site .main .contact .layout .dark
{
	color:#414141;
	float:right;
	
}

.site .main .contact .layout .light
{
	color:#8C8C8C;
	float:right;
}
/***End of old contact info styles***/