/*----------------------Global----------------------------*/
*
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#484848;
}

body
{
	background-image:url(..//images/background_filler.png);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
	background-color:#235a9d
}

h1
{
	font-size:14px;
	color:#235A9D;
	margin-bottom:15px;
}

ul, li
{
	list-style-type:none;
}


a, a:visited, a:hover
{
	color:#0033ff;
	text-deocration:underline;
}

p
{
	margin-bottom:15px;
}	

.clear
{
	clear:both;
}

img {
 border: none;
}



/*----------------------SiteWrapper----------------------------*/
#SiteWrapper
{
	width:926px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


/*---------------------Nav------------------------*/
#Nav li
{
	float: left;
	height:52px;
}

#Nav li span
{
	position: absolute;
	left: -9000px;
}

#Nav .liAbout a, #Nav .liAbout a:visited
{
	background-image: url(../images/but_about_up.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 140px;
	height:52px;
	display:block;
}

#Nav .liAbout a:hover
{
	background-image: url(../images/but_about_over.png);
	text-decoration: none;
}

#Nav .liWebsites a, #Nav .liWebsites a:visited
{
	background-image: url(../images/but_websites_up.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 143px;
	height:52px;
	display:block;
}

#Nav .liWebsites a:hover
{
	background-image: url(../images/but_websites_over.png);
	text-decoration: none;
}

#Nav .liUserInterfaces a, #Nav .liUserInterfaces a:visited
{
	background-image: url(../images/but_user-interfaces_up.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 196px;
	height:52px;
	display:block;
}

#Nav .liUserInterfaces a:hover
{
	background-image: url(../images/but_user-interfaces_over.png);
	text-decoration: none;
}

#Nav .liMobileApps a, #Nav .liMobileApps a:visited
{
	background-image: url(../images/but_mobile_apps_up.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 181px;
	height:52px;
	display:block;
}

#Nav .liMobileApps a:hover
{
	background-image: url(../images/but_mobile_apps_over.png);
	text-decoration: none;
}

#Nav .liPrint a, #Nav .liPrint a:visited
{
	background-image: url(../images/but_print_up.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 112px;
	height:52px;
	display:block;
}

#Nav .liPrint a:hover
{
	background-image: url(../images/but_print_over.png);
	text-decoration: none;
}

#Nav .liContact a, #Nav .liContact a:visited
{
	background-image: url(../images/but_contact_up.png);
	background-repeat: no-repeat;
	background-position:left top;
	width: 154px;
	height:52px;
	display:block;
}

#Nav .liContact a:hover
{
	background-image: url(../images/but_contact_over.png);
	text-decoration: none;
}



/*---------------------PreloadNav------------------------*/
.preloadDiv
{
	position: absolute;
	left: -2000px;
	width: 1px;
	height: 1px;
}

#preload1
{
	background-image: url(images/but_about_over.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#preload2
{
	background-image: url(images/but_websites_over.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#preload3
{
	background-image: url(images/but_user-interfaces_over.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#preload4
{
	background-image: url(images/but_mobile_apps_over.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#preload5
{
	background-image: url(images/but_print_over.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#preload6
{
	background-image: url(images/but_contact_over.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}



/*---------------------Logo------------------------*/
#Logo
{
	margin-left:-21px;
	
}


/*----------------------OneCol----------------------------*/
#OneCol
{
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/filler.png);
	background-repeat:repeat-y;
	background-position:left top;
}


#OneCol #OneColInnerWrapper
{
	margin-left:auto;
	margin-right:auto;
	width:880px;
}

#OneCol #ContentWrapper
{
	background-color:#F1EFEF;
	padding:15px;
}


/*----------------------TwoCol----------------------------*/
#TwoCol
{
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/filler.png);
	background-repeat:repeat-y;
	background-position:left top;
}

#TwoCol #TwoColInnerWrapper
{
	margin-left:auto;
	margin-right:auto;
	width:880px;
}

#TwoCol #LeftCol
{
	float:left;
	width:480px;
	position:relative;
}

#TwoCol #RightCol
{
	float:right;
}



/*----------------------Footer----------------------------*/
#Footer
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image: url(../images/bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:26px;
	width:926px;
}



/*----------------------Copyright----------------------------*/
#Copyright
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#Copyright p
{
	font-size:10px;
	color:#FFF;
}

/*----------------------About----------------------------*/
#About
{
	margin-top:15px;
	background-color:#F1EFEF;
	padding:15px;
}

.AboutImage {
        float: right;
        margin: 0px 0 20px 30px;

}

/*----------------------Gallery----------------------------*/
#Gallery table
{
	width:100%;
	font-size:13px;
}

#Gallery table td
{
	text-align:center;
	padding:3px 3px 3px 0px;
	font-size:13px;
}

.GalleryContact {
	width:440px;
	text-align:right;

}