/* Base */
	body { text-align:center;font-family:'Open Sans', sans-serif;font-size:8pt;color:#383838;background:#eeeeee url('gfx/bg.png') repeat-x; }
	body, #site, .content { margin:auto; }
	#site { margin-top:114px; }
	.content { width:1054px;text-align:left; }
	
	/* Misc element defaults */
	a { text-decoration:none;color:#383838;transition:color .5s ease; }
	h1, h2, h3, ul, p { padding:0;margin:0; }
	h2 { font-size:18pt;font-weight:normal;letter-spacing:-1px;text-align:center; }
	h2 b { color:#121212; }
	h2 p {
	font-size:9pt;
}
	div { position:relative; }
	ul { list-style-type:none; }
	p.section {	text-align:justify; }
	p.point { padding-left:15px;position:relative; }
	p.point:before { content:'';display:block;position:absolute;left:0px;top:25px;width:4px;height:4px;background:#121212; }
	
	/* Buttons */
	.btn { float:left;border-radius:3px;padding:7px 15px 7px 15px;border:1px solid #74137f;font-weight:bold;color:#ffffff;font-family:Arial, Helvetica, sans-serif;margin-top:-6px;background: #74137f;background: -moz-linear-gradient(top,  #74137f 0%, #774d7c 100%);background: -webkit-linear-gradient(top,  #74137f 0%,#774d7c 100%);background: linear-gradient(to bottom,  #74137f 0%,#774d7c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74137f', endColorstr='#774d7c',GradientType=0 );transition: all .5s ease; }
	.btn:hover { color:#be65ed; }
	.btn.dark {	background:#121212; }

	/* Header */
	#header { position:fixed;top:0px;left:0px;background:#ffffff;width:100%;height:114px;z-index:1;box-shadow:0 5px 4px rgba(0,0,0,0.45); }
	
	/* Logo */
	#logo { position:absolute;left:0px;top:0px;width:159px;height:168px;background:transparent url('./gfx/logo.png') no-repeat;  }
	#logo a { display:block;width:159px;height:168px; }
	#logo span { display:none; }
	#logo_small { position:absolute;left:0px;top:6px;width:204px;height:29px;background:transparent url('./gfx/logo_small.png');display:none; }
	
	/* Navigation */
	#navigation { position:absolute;left:275px;top:64px; }
	#navigation li { display:block;float:left; }
	#navigation a { display:block;text-transform:uppercase;font-size:11pt;padding:15px 25px 15px 25px;border-bottom:3px #fffffff; }
	#navigation li.active a { color:#07b0ef;border-bottom:3px solid #07b0ef; }
	#navigation a:hover { color:#07b0ef; }
	
	/* Splash */
	#splash { background:#6c109c;height:234px;margin-bottom:-115px;animation:fade 30s;-moz-animation:fade 30s infinite;-webkit-animation:fade 30s infinite; }
	#splash .icons { width:100%;height:100%;background:transparent url('./gfx/splash_bg.png') repeat; }

    @-moz-keyframes fade /* Firefox */
    {
    0%   { background:#6c109c; }
    50%  {background:#420a5f; }
    100%   {background:#6c109c; }
    }

    @-webkit-keyframes fade /* Safari and Chrome */
    {
    0%   { background:#6c109c; }
    50%  { background:#420a5f; }
    100%   { background:#6c109c; }
    }

	
	/* Content */
	#content { margin-top:65px; }
	#content .content { background:red; }
	#content h2 { width:750px;margin:25px auto 45px auto;clear:both;color:#686868; }
	.container, .wide, .left, .right { float:left; }
	.wide, .left, .right { padding:18px;background:#ffffff;border:1px solid #cacaca;box-shadow:0 2px 3px rgba(0,0,0,0.15);border-radius:4px; }
	.wide { width:1014px; }
	.left { width:250px;margin-right:16px; }
	.right { width:710px; }
	.line { float:left;height:1px;background:#d9d9d9;margin-left:-18px;margin-bottom:14px;margin-top:5px; }
	.left .line { width:286px; }
	.right .line { width:746px;margin-top:15px; }
	.line.big { margin-top:95px;margin-bottom:75px; }
	.line.big img { position:absolute;left:286px;top:-68px; }
	.left .line.big img { left:73px; }
	.left h3.section { width:100%;text-align:center; }
	table { font-size:8pt; }
	table td { padding:5px 0 5px 0; }
	
	/* Boxes */
	.infobox { width:240px;display:block;float:left;margin-right:18px;margin-bottom:25px; }
	.infobox p { text-align:justify;margin-top:12px; }
	.infobox .box  { width:240px;height:125px;background:#74137f;border-radius:4px; }
	.infobox .box img { position:absolute;left:88px;top:30px;width:64px;height:64px;transition:all .5s ease; }
	.infobox h3 { width:100%;text-align:center;font-size:12pt;text-transform:uppercase;margin-top:15px; }
	.infobox .box:after { z-index:0;position:absolute;left:106px;bottom:-6px;content:'';display:block;width:0px;height:0px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #74137f;}
	.infobox:nth-of-type(4n+4) { margin-right:0; }
	.infobox .box:hover img { top:40px; }
	.supportinfo, .touch { float:left;width:1014px;height:105px;background:#121212;margin-left:-18px;padding:18px;margin-bottom:15px; }
	.supportinfo img { margin-left:10px; }
	.supportinfo h3 { position:absolute;left:450px;top:53px;color:#686868; }
	.supportinfo h3 b { color:#898989; }
	.touch { float:left;height:25px;line-height:25px;color:#ffffff;font-size:9pt;background:#242424;margin-top:-15px; }
	.touch .btn { float:right;margin-top:-10px;margin-left:6px; }
	.servicedesc { float:left;text-align:justify;margin-top:5px; }
	.servicedesc .btn { margin-top:8px;float:left;margin-bottom:8px; }
	.servicedesc ul { list-style-type:square;padding-left:25px; }
	.servicedesc li { margin:10px 0 10px 0; }
	a.service { float:left;display:block;width:250px;margin-bottom:5px; }
	.contact, .contact div { float:left; }
	.contact div { padding:5px 0 5px 0; }
	.contact .name, .contact .email { width:280px; }
	.contact input:not([type=submit]), .contact textarea { margin-top:3px;border:1px solid #787878;border-radius:2px;box-shadow:inset 0 3px 0 rgba(0,0,0,0.15);font-size:8pt;font-family:'Open Sans', sans-serif;padding:5px; }
	.contact input:not([type=submit]) { width:250px; }
	.contact textarea { width:530px;height:140px;margin-bottom:15px; }
	.contact input[type=submit] { cursor:pointer; }
	.contact .red { float:left;margin-left:25px;margin-top:3px;font-size:8pt;color:red;font-weight:bold; }

	/* Footer */
	#footer { margin-top:35px; }
	#footer .content { padding:18px;color:#969696; }
	#footer .content div { width:1014px;float:left;padding:18px;margin-bottom:45px; }