/*
Theme Name: CatamaranDesign
Theme URI: http://CatamaranDesign.ca/
Description: The theme for CatamaranDesign.ca
Version: 0.1
Author: Alexander Jettel
Author URI: http://www.alexjettel.com/
Tags: jutson
*/


/*	
	Layout
*/

#main {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	}
#left {
	float:left;
	clear:left;
	width:20%;
	border-right: 1px solid #CCC;
	}
#topleft {
	height:100px;
	border-bottom:1px solid #ccc;
	}
#right {
	width:76%;
	height:100px;
	float:left;
	border-bottom:1px solid #ccc;
	}
#content {
	width:76%;
	margin-left:2%;
	margin-top:1%;
	float:left;
	}
#message {
	width:100%;
	float:left;
	clear:both;
	margin-top:30px;
	text-align:center;
	}
#footer {
	width:98%;
	float:left;
	clear:both;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	}
/*
	Design
*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	}
#right  {
	text-align:center;
	font-size:24px;
	line-height:100px;
	color:#999;
	font-size:24px;
	font-weight:bold;
}
#right .orange {
	color:#e67817;
	}
#left ul {
	list-style:none;
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:25%;
}
#left li {
	margin-bottom:6px;
	}
#left a {
	text-decoration: none;
	font-size:15px;
	padding-left: 15px;
	white-space: nowrap;
	color:black;
	}
#left li a:hover, #left .active {
	background-image: url(/images/square.png);
	background-repeat: no-repeat;  
	background-position: 0 .4em;
	padding-left: 15px;
	}

#content h1 {
	font-size:18px;
	color:#999;	
	}
#content ul{
	list-style:square
	}
#content .inline {
	float:right;
	}
#content p a, #content p a:visited{
	color:#ff6600;
	text-decoration:none;
}

#content .topmenu a:hover{
}

#content img{
	border:0;
}

#footer .small {
	color:#ccc;
	font-size:12px;
	}
	
.justify {
	text-align: justify;
 	}

#sublist, #itemlist{
	padding-left:10px;
	margin:0;	/* IE */
	font-size:11px;
}
#sublist a{
	color:#ff6600;
	}
#itemlist {
	font-size:9px;
}

#sublist li a,#sublist li a:hover {
	background-image: none;
	padding-left: 0px;
}
.navigationtable {
	margin-top:3%;
	}
.navigationtable a {
	color:#666;
	text-decoration:none;
	
}
.post {
	margin-bottom:30px;
	float:left;
	clear:both;
	width:100%;
}
.post h1{
	clear:both;
}
.alignright {
	float:right;
	margin-left:6px;
}
.alignleft {
	float:left;
	margin-right:6px;
}
.link,.orange{
	text-decoration:none;
	color:#e67817;
	font-weight:bold;
}
#right a, #right a:visited{
	text-decoration:none;
	color:#999;
}
#right img {
	padding-top:25px;
	border:none;
}
#topleft img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}
#referrals img {
	margin-left:25%;
}