@import url("style.dcss?file=reset.css");
@import url("style.dcss?file=menu.css");

body
{
	font-family:Arial, Sans-Serif;
	text-align:left;
	font-size:0.8em;
	color:#717171;
	padding:0;
	margin:0;
	height:100%;
	background-color:#fff;
}

.clearfix,
.clear
{
	clear: both;
	height:0px;
	font-size:0.1px;
	overflow:hidden;
}

.clearfix:after,.clear:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.hide,
.jsenabled
{
	display:none!important;
}

.no-left-margin
{
	margin-left:0!important;
}
.no-right-margin
{
	margin-right:0!important;
}
.no-top-margin
{
	margin-top:0!important;
}

a
{
	color:#929292;
	text-decoration:underline;
	outline:none;
}

a:hover
{
	text-decoration:none;
}

#page
{
	width:984px;
	margin:20px auto 20px auto;
	position:relative;
}

#page #banner
{
	width:984px;
	height:164px;
	position:relative;
}

#banner #logo
{
	width:244px;
	height:164px;
	float:left;
}

#banner #logo h1
{
	width:244px;
	height:0 !important;
	overflow:hidden;
	padding:164px 0 0 0;
	background-image:url(../images/hat-trick-logo.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
}

#banner #logo a
{
	width:244px;
	height:164px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#banner #menu
{
	width:400px;
	position:absolute;
	top:10px;
	left:331px;
	padding:0 0 0 0;
}



#main-content
{
	width:984px;
}

.click-block
{
	width:320px;
	height:180px;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
	overflow:hidden;
}

.no-right-margin .click-block
{
	margin-right:0!important;
}

.click-block a
{
	width:320px;
	height:180px;
	display:block;
	/*background-image:url(../images/3-seconds-about-hattrick.gif);*/
	background-color:#000;
	background-position:left top;
	background-repeat:no-repeat;
	font-family:Arial Black;
	color:#000;
	font-size:1.5em;
}

.click-block a:hover
{
	background-position:left bottom;
}

.click-block a span
{
	display:none;
}

#content-left,#content-left-2,#content-left-3
{
	float:left;
	display:inline;
	width:300px;
}

#content-left-2,#content-left-3
{
	padding:0 0 0 40px;
}

#content-right
{
	float:right;
	display:inline;
	width:650px;
	overflow:hidden;
}

.product-thumb
{
	width:150px;
	float:left;
	display:inline;
	margin:0 15px 15px 0;
}

.product-thumb .p-image
{
	width:150px;
	height:150px;
	overflow:hidden;
}

.product-thumb .p-image img
{
	width:150px;
}

.product-thumb a
{
	text-decoration:none;
}

h2,h3
{
	font-weight:bold;
	margin:0 0 14px 0;
}




p
{
	margin-bottom:12px;
}

input#buyproduct
{
	background:none;
	border:none;
	border-bottom:solid 1px #b3b3b3;
	padding:0;
	color:#b3b3b3;
	text-decoration:underline;
	cursor:pointer;
}

div.announcement
{
	position:absolute;
	top:-10px;
	left:665px;
	color:#929292;
	z-index:999;
}



div.twitter
{
	position:absolute;
	top:10px;
	right:0px;
	width:150px;
	color:#929292;
	z-index:999;
}

.twitter-feed a
{
	text-decoration:none;
	display:block;
}


/* FILE OBJECTS */
	
a.fileobject
{
	display:block;
	float:left;
	clear:both;
	display:inline;
	text-decoration:none;
	padding:0 0 0 36px;	
	margin:0 0 12px 0;
	background-position:0px top;
	background-repeat:no-repeat;
}

.fileobject span
{
	float:left;
	display:inline;
}

.fileobject span.file-displayname
{
	padding-bottom:1px;
	display:block;
	float:none;
}

.fileobject span.file-subtitle
{
	padding-bottom:1px;
	display:block;
	float:none;
}

.fileobject span.file-filesize
{
	width:60px;	
	clear:both;
	display:none;
}

.fileobject span.file-date
{
	
}

.fileobject span.file-filesize,
.fileobject span.file-date
{
	font-size:0.8em;	
	color:#ccc;
	margin-right:10px;
}

.file-doc,.file-docx{background-image:url(/images/icons/doc.gif);}
.file-mdb{background-image:url(/images/icons/icon_access.gif);}
.file-xls,.file-xlsx{background-image:url(/images/icons/icon_excel.gif);}
.file-ppt,.file-pptx{background-image:url(/images/icons/icon_powerpoint.gif);}
.file-pdf{background-image:url(/images/icons/pdf.gif);}


a.flv
{
	display: block;	
}

a.flv:hover
{
	cursor: pointer;
}

a.flv span
{
	display: block;	
	width: 100%;
	height: 100%;
	text-align: center;
}

a.flv span img
{
	margin: 50px 0 0 0;	
}

span.twitter-feed a
{
	font-weight:bold;
}

/* NEW STYLE */

div#banner #menu
{
 /*   left:270px;*/ /* commented until clients page goes live! */
    width:430px;
}

#banner #menu ul
{
    width:430px;
}

div#social 
{
    padding:0 0 4px 0;
}

div#social .social-button
{
    width:16px;
    height:16px;
    float:left;
    padding:0 6px 0 0;
}

div#social .social-button a
{
    display:block;
    padding:0!important;
}

div#social .social-button img
{
    display:block;
}

#social-button .addthis_button_compact
{
    padding:0!important;
}


div#search
{
    position:absolute;
    right:171px;
    top:7px;
    border-bottom:1px solid #c0c0c0;
}

div#search input#search-keyword-filter
{
    width:79px;
    border:0;
    background-color:#fff;
    float:left;
    color:#929292;
    height:20px;
    font-size:1em;
    font-family:Arial;
}

div#search input#submit
{
    float:left;
}

/* clients page */

#three-columns
{
    padding:38px 0 0 270px;
}

#three-columns .column
{
    float:left;
    width:238px;
    color:#5d5d5d;
}

#three-columns #column1
{
    width:250px;
    padding:0 16px 0 0;
}

#three-columns #column2
{
    width:254px;
    padding:0 16px 0 0;
}

#three-columns #column3
{
    width:170px;
}



#three-columns .column ul
{
    list-style:none;
    padding:0 0 16px 0;
}

#three-columns .column p
{
    margin:0;
    padding:0;
    color:#000;
}

#three-columns a
{
    color:#000;
    text-decoration:none;
}

#three-columns a:hover
{
    text-decoration:underline;
}

h2.client
{
    font-family:'Helvetica W01 Blk';
    color:#000;
    text-transform:lowercase;
    font-size:1.40625em;
    padding:0;
    margin:0 0 37px 0;
    
}

body.client #page #banner #logo,
body.client #page #banner,
body.client #page #banner #logo a
{
    height:105px;
}

body.client #page #banner #logo h1
{
    padding:105px 0 0 0;
}