/*
    AUTHOR: TOUCH MEDIA WEB SITE DESIGN
            info@touchmedia.ca
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; background: url(../interface/wood.jpg) repeat-x; margin: 0px; padding:0px;}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; line-height:140%; text-align:justify;}
a { outline: none; }

h1 { font: 1.5em bold #4082bd; color:#4082bd; margin-bottom:20px; letter-spacing:-1px;}
h2{letter-spacing:-1px; color:#444;margin-top:50px;}
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; margin-right:66px;}
.clear { clear: both; }
.bold { font-weight:bold; }
.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
div#top{
	background-image:url(../interface/top.png);
	background-repeat: repeat-x;
	height: 132px;
}
div#top-wrapper {
	width:1014px;
	margin:0 auto;
}
div#top img {
	margin-top:0px;
	float:left;
}
div#top p {
	width:430px;
	margin-top:70px;
	float:right;
	text-align:right;
	color:#7f796d;
}
.right{float:right}

#contentbox {
	background-color: white;
	margin:340px auto 0 auto;
	padding: 3px 0 0 0;
}
#contentbar{
	border-top: #4082bd 8px solid;
	margin:0 auto;
	background-color: white;
	width:100%;
}
#maincontent{
	margin:40px auto 0px auto;
	background-color: white;
	width:1014px;
}
#leftside{
	margin:0px 0px 0px 80px;
	background-color: white;
	width:560px;
}
#footer{
	background-color: #daebf7;
	width:100%;
	height:200px;
	margin-top:60px;
	padding-top:40px;
}

#footerguts{
	font-size: 0.85em;
	color:#2c2c2c;
	margin:0 auto;
	width:864px;
}
#firstcolumn{
	display:block;
	position:absolute;
}
#secondcolumn{
	clear:both;
	display:block;
	position:absolute;
	margin-left:218px
}
#thirdcolumn{
	clear:both;
	display:block;
	position:absolute;
	margin-left:435px
}
#fourthcolumn{
	clear:both;
	display:block;
	position:absolute;
	margin-left:735px;
	text-align:right;
}

#quote{
position:absolute;
right:0px;
top:350px;
z-index:500;
}


a.cont:link{
text-decoration:none;
color:#7b9109;
font-weight:bold;
}

a.cont:hover{
text-decoration:none;
color:#4082bd;
font-weight:bold;
}


a.cont:visited{
text-decoration:none;
color:#7b9109;
font-weight:bold;
}

/* END STRUCTURE */


/* ------------------------------------------ */
/* LINKS */
/* ------------------------------------------ */


a.button {
    background: transparent url('../interface/bg_button_a.jpg') no-repeat scroll top right;
    color: white;
    display: block;
    float: left;
    font: 80% sans-serif; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
    height: 35px;
    margin-top: 41px;
    margin-right: 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../interface/bg_button_span.jpg') no-repeat;
    display: block;
    line-height: 24px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
	color: #daebf7;
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px */
}


#footer a {
	color: #2c2c2c;
	text-decoration:none;
}
#footer a:hover {
	color: #4082bd;
}

#footer a:visited {
	text-decoration:none;
}

/* END LINKS */



/* ------------------------------------------ */
/* CAROUSEL */
/* ------------------------------------------ */


/* END CAROUSEL */