/* Trisource.ca CSS
Created by Trisource Computer Services, Inc.

/* Body
-----------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #eaeaea url(../images/background1.png) repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #184061;
}

h1 {
}    

h2 {  
}

p { 
}

/* Containers
-----------------------------------------------------------------------------*/
#container1 {
	background: #eaeaea url(../images/background2.png) repeat-y;
	width: 1035px;
	margin-top: 7px;
	margin-left: auto;
	margin-right: auto;
}

#container2 {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

/* Header 
-----------------------------------------------------------------------------*/
#header {
	height: 125px;
}

#logo { 
	padding: 0px; 
	margin-top: 20px;
	width: 302px;
	height: 90px;  
	float: left; 
	background: url('../images/logo.png'); 
}

#tagline { 
	padding: 0px; 
	margin-top: 53px;
	margin-left: 50px;
	width: 248px;
	height: 53px;  
	float: left; 
	background: url('../images/tagline.png'); 
}

#contact_us { 
	padding: 0px; 
	margin-top: 15px;
	width: 211px;
	height: 22px;  
	float: right; 
	background: url('../images/contact_us.png'); 
}

/* Nav
-----------------------------------------------------------------------------*/
#nav {
	background: #000 url('../images/background_nav.png') repeat-x;
	height: 46px;
	max-height: 46px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
}

.navspacercolor {
	color: #454545;
}

#navtext {
	text-align: center;
    font-size: 17px;
	margin-top: 8px;
	padding: 0px;
	color: #FFF;
}

#navtext a {
	color: #FFF;
	text-decoration: none;
}

#navtext a:hover {
	color: #f79226;
	text-decoration: underline;
}

#navtext a:active {
	color: #f89224;
	text-decoration: underline;
}

/* Content
-----------------------------------------------------------------------------*/
#precontent {
	height: 15px;
}

#content {
	min-height: 500px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}

#content_creative {
	width: 948px;
	height: 293px;
	background: #FFF url('../images/creative.jpg');
	border: 1px solid #000;
}

#content_creative2 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_web_designs.jpg');
	border: 1px solid #000;
}

#content_creative3 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_web_hosting.jpg');
	border: 1px solid #000;
}

#content_creative4 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_marketing_creative.jpg');
	border: 1px solid #000;
}

#content_creative5 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_portfolio.jpg');
	border: 1px solid #000;
}

#content_creative6 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_whyus.jpg');
	border: 1px solid #000;
}

#content_creative7 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_support.jpg');
	border: 1px solid #000;
}

#content_creative8 {
	width: 948px;
	height: 200px;
	background: #FFF url('../images/header_order.jpg');
	border: 1px solid #000;
}

#content_left {
	width: 650px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}

#content_right {
	width: 282px;
	float: right;
	padding: 0px;
	margin: 0px;
	height: 400px;
	margin-bottom: 15px;
}

#box1 {
	padding: 15px;
	float: left;
	width: 285px;
	background: #efefef;
	border: 1px solid #d5d5d5;
	min-height: 200px;
}

#box2 {
	padding: 15px;
	float: right;
	width: 285px;
	background: #efefef;
	border: 1px solid #d5d5d5;
	min-height: 200px;
}

#box3 {
	background: #daebf5;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	float: right;
	width: 252px;
	border: 1px solid #d5d5d5;
	min-height: 450px;
}

#box4 {
	background: #efefef;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	float: left;
	width: 569px;
	border: 1px solid #d5d5d5;
	min-height: 450px;
}

#sign_up_now_box {
	clear: both;
	margin-top: 50px;
	background: #fff;
	border: 1px solid #CCC;
	min-height: 150px;
	text-align: center;
	margin-bottom: 20px;
}

.tr {
	margin-top: 10px;	
}

.table_h1 {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #CCC;
	font-weight: bold;
}

#portfolio_left {
	float: left;
	width: 315px;
	background: #d5d5d5;
	border-left: 1px solid #373737;
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
	margin-bottom: 15px;
}

#portfolio_right {
	padding: 20px;
	float: right;
	width: 211px;
	background: #373737;
	border-top: 2px solid #373737;
	border-right: 2px solid #373737;
	border-bottom: 2px solid #373737;
	min-height: 208px;
	max-height: 208px;
	margin-bottom: 15px;
}

#portfolio_right a {
	color: #fff;
}

#portfolio_header_text {
	text-align: left;
    font-size: 16px;
	font-weight:700;
	color: #f89224;
	margin-bottom: 10px;
	overflow:visible;
}

#portfolio_text {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
    font-size: 12px;
	color: #FFF;
}

#portfolio_text2 {
	margin-bottom: 15px;
	text-align: left;
    font-size: 12px;
	font-style:italic;
	color: #CCC;
}
	
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	overflow: auto;
	background: #FFF;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.footerspacercolor {
	color: #e3e3e3;
}

#footertext {
	text-align: center;
    font-size: 17px;
	margin-top: 8px;
	padding: 0px;
	color: #b7b7b7;
}

#footertext a {
	color: #b7b7b7;
	text-decoration: none;
}

#footertext a:hover {
	color: #666;
	text-decoration: underline;
}