/* -------------------------------------------------- */
/* TripCentral.ca Layout Styles*/

/* -------------------------------------------------- */
/* Reset */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* -------------------------------------------------- */
/* Special Classes */

.special-text{position:absolute;text-indent:-5000px;}
.easy-clear{clear:left;}
.print-only{display:none;}
.hide-me{display:none;}

/* -------------------------------------------------- */
/* Containers */

body{
color:#575656;
font-family:"Arial";
font-size:80%;
background:#FFF url(/PHP/linxsmart/new-images/bg.png) no-repeat top center;
padding-bottom:25px;
}

#wrapper{
width:970px;
margin:0px auto 10px auto;
}

#display{padding:25px 0;}

/* -------------------------------------------------- */
/* Header */

#header{
position:relative;
background:url(/PHP/linxsmart/new-images/bg-header.png) no-repeat top left;
height:119px;
}

#logo a{
display:block;
width:420px;
height:76px;
cursor:pointer;
}

#header-links{
width:229px;
overflow:hidden;
text-align:center;
position:absolute;
right:247px;
top:30px;
font-size:12px;
color:#FFF;
}

#header-links h5{
font-weight:normal;
color:#b7d6d7;
margin-bottom:4px;
}

#phone-number{
width:229px;
overflow:hidden;
position:absolute;
right:0;
top:34px;
text-align:center;
color:#FFF
}

#phone-number h5{
line-height:24px;
font-size:20px;
font-weight:bold;
background:url(/PHP/linxsmart/new-images/icon-phone.gif) no-repeat left center;
}

/* -------------------------------------------------- */
/* Column Definitions */

/* Singles */
#column-1, #column-2, #column-3{
width:229px;
float:left;
}

#column-4{
width:229px;
float:right;
}

/* Doubles */
#column-12, #column-23, #column-34{
width:476px;
float:left;
}

/* Triples */
#column-123, #column-234{
width:723px;
float:left;
}

/* Margins - never includes column 4 space */
#column-1, #column-2, #column-3,
#column-12, #column-23,
#column-123{
margin-right:18px;
}

/* -------------------------------------------------- */
/* Block Definitions */

/* Singles */
.block-1, .block-2, .block-3{
width:229px;
float:left;
}

/* Doubles */
.block-12, .block-23{
width:476px;
float:left;
}

/* Margins - add as second class when needed */
.right-margin{
margin-right:18px;
}

/* -------------------------------------------------- */
/* Footer */

#footer{border-top:1px solid #c4c4c4;color:#858585;position:relative;padding-top:5px;}

#footer-links{
list-style:none;
margin-bottom:5px;
}
#footer-links li{
display:inline;
font-size:0.9em;
}
#footer-links li a{
color:#858585;
}
#footer h5{
font-weight:normal;
font-size:0.9em;
}
#footer-logos{
position:absolute;
right:0;
top:5px;
list-style:none;
}
#footer-logos li{
display:inline;
}