@charset "utf-8";

html {
	padding:				0px;
	margin:					0px;
}

body {
	margin:					0px;
	padding:				0px;
	width:					100%;
	background:				#ededed url(images/bg.gif) top repeat-x;
}

#main {	
	width:					100%;
	margin:					0px auto 0px auto;
	padding:				0px;
	text-align:				center;
}

/* header */
#header {
	width:					975px;
	height:					154px;
	margin:					0px auto 0px auto;
	text-align:				left;	
}
/* top */
#top {
	height:					28px;
}
p.top {
	text-align:				right;
	padding:				7px 0;
}
p.top a {
	color:					#7c7c7c;
	font:					normal 11px Tahoma, Geneva, sans-serif;
}
/* logo */
.logo {
	float:					left;
	padding:				41px 0px 39px 0px;
	width:					250px;
}
.menu {
	float:					right;
	width:					710px;
	padding:				35px 0px 0px 0px;
}
/* chat used to be on home page*/
.chat {
	float:					left;
	padding:				41px 0px 0px 0px;
	width:					170px;
}


.slicer {
	clear:					both;
	width:					975px;
	margin:					0px auto 0px auto;
	background:				url(images/screen_bg.jpg) no-repeat top;
	height:					310px;
	text-align:				left;
}

div.panel {
	width:					975px;
	margin:					0px auto 0px auto;
	background:				url(images/pan_bg.gif) repeat-x;
	text-align:				left;
}


.title-block {
	clear:					both;
	background:				url(images/title_bg.jpg) no-repeat top;
	height:					173px;
	width:					975px;
	margin:					0px auto 0px auto;
	text-align:				left;
}



.body {
	padding:				10px 0px 0px 0px;
	border-bottom:			1px solid #dcdcdc;
	background:				#e9e9e9;
	text-align:				left;
	margin:					0px 0px 0px 0px;
}

.second-body {
	padding:				10px 0px 0px 0px;
	border-top:				1px solid #ffffff;
	background:				#f0f0f0;
	text-align:				left;
}

.content {
	width:					975px;
	margin:					0px auto 0px auto;
}

.services {
	padding:				10px 15px !important;
	padding:				10px 0 10px 5px;
	margin:					10px 0;
}

.hosting {
	float:					left;
	background:				#dfdfdf;
	padding:				1px;	
}









/* fonts */

h1, h2, h3, h4 {
	padding:				0px;
	margin:					0px;
}

.blue {
	color:					#26739f;
}
.red {
	color:					#ff0000;
}
.green {
	color:					green;
}




/* links */

a {
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}











/* menu */
.menu ul { padding:0; margin:0; list-style:none; float:right;}
.menu ul li { float:left; margin:0; padding:10px 20px;}
.menu ul li a { display:block; color:#FFF; font:normal 14px Arial, Helvetica, sans-serif;}
.menu ul li a:hover { color:#2b93e1; text-decoration:none;}
.menu ul li a.active { color:#2b93e1;}
.menu ul li span { display:block; color:#8c8c8c; font:normal 11px Arial, Helvetica, sans-serif;}


/* slicer */
.slicer .desc { float:left; width:295px; padding:30px 10px 10px 30px;}
.slicer .desc h2 { color:#ffffff; font:bold 32px Arial, Helvetica, sans-serif; padding-bottom: 10px;}
.slicer .desc h3 { color:#ffffff; font:normal 18px Arial, Helvetica, sans-serif;}
.slicer .desc p { color:#ffffff; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.slicer .gallery { float:right; width:502px; padding:16px 69px 4px 69px;}

/* title block */
.title-block h2 { color:#ffffff; font:bold 40px Arial, Helvetica, sans-serif; padding:55px 0 0 50px;}
.title-block p { float:right; width:600px; padding:10px 50px; margin:40px 0 0 0; border-left:1px solid #1a76c8; font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; line-height:1.6em;}



/***** panel *****/
div.panel div { background:url(images/pan_l.gif) no-repeat left;}
div.panel div div { background:url(images/pan_r.gif) no-repeat right; height:52px; width:975px;}
div.panel h1 { font:normal 18px Arial, Helvetica, sans-serif; color:#FFF; padding:15px 20px;}
div.panel p { float:right; padding:18px 10px 0 10px;}
div.panel a { font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; padding:0 5px;}


/***** box *****/
div.box {
	clear:					both;
	width:					975px;
	margin:					0px auto 0px auto;
	background:				url(images/box_bg.gif) repeat-y left;
	text-align:				left;
}
div.box div.bottom {	
	background:				url(images/box_bot.gif) no-repeat bottom left;
	margin:					0px 0px 0px 0px;
}
div.box div.bottom div.top {	
	background:				url(images/box_top.gif) no-repeat top left;
	width:					975px;
}
div.box div.bottom div.top3{	
	background:				url(images/box3_top.gif) no-repeat top left;
	width:					975px;
}

/***** box2 *****/
div.box2 {
	width:					975px;
	margin:					0px auto 0px auto;
	background:				url(images/box2_bg.gif) repeat-y left;
}
div.box2 div.bottom {
	background:				url(images/box2_bot.gif) no-repeat bottom left;
}
div.box2 div.bottom div.top {
	background:				url(images/box2_top.gif) no-repeat top left;
	width:					975px;
}
div.box2 p {
	padding-right:			80px !important;
}

/***** box *****/
div.box3 {
	clear:					both;
	width:					975px;
	margin:					0px auto 0px auto;
	background:				url(images/box_bg.gif) repeat-y left;
}
div.box3 div.bottom {
	float:					left;
	background:				url(images/box_bot.gif) no-repeat bottom left;
	margin:					0px 0px 10px 0px;
}
div.box3 div.bottom div.top {
	float:					left;
	background:				url(images/box_top.gif) no-repeat top left;
	width:					975px;
}


/* services */
.services h2 { padding:10px 0; margin:5px 0; color:#373737; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px solid #d7d7d7;}
.services p { padding:10px 0; margin:5px 0; color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em;}
.services p.link { border-top:1px solid #d7d7d7; height: 20px !important;}
.services a { color:#145190; font:normal 11px Arial, Helvetica, sans-serif;}
.services .left { float:left; width:295px; margin:0 10px;}
.services .center { float:left; width:295px; margin:0 10px;}
.services .right { float:left; width:295px; margin:0 10px;}

.services .left p, .services .center p, .services .right p {
	height:	80px;
}

/* content */
.box .content {	
	padding:				20px;
	margin:					10px 0px 0px 0px;
}

/* testi */
div.testi { background:url(images/test_bg.gif) repeat-y; width:292px; margin:20px 10px;}
div.testi div { background:url(images/test_top.gif) no-repeat top;}
div.testi div div { background:url(images/test_bot.gif) no-repeat bottom; width:272px; padding:15px 10px 30px 10px;}

/* content */
.content h2 { color:#373737; font:normal 18px Arial, Helvetica, sans-serif; padding:10px; margin:0 0 10px 0; border-bottom:1px solid #cacaca; wwidth: 90% !important; }
.content .right h2 { color:#373737; font:normal 18px Arial, Helvetica, sans-serif; padding:10px; margin:0 0 10px auto; border-bottom:1px solid #cacaca; wwidth: 90% !important; }
.content h3 { color:#373737; font:normal 16px Arial, Helvetica, sans-serif; padding: 5px 5px 8px 10px; margin:10px 0 0 0;}
.content h4 { color:#0d6a16; font:normal 14px Arial, Helvetica, sans-serif; padding: 0px 5px 8px 10px; margin:0px 0 0 0;}
.content p { color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em; padding: 5px 5px 12px 10px;}
.content a { color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em; font-weight: bold;}
.box .bottom .top .content p, .box .bottom .top .content ul, .box .bottom .top3 .content p {
	padding-right:	20% !important;
}

.content .left { float:left; width:610px; padding:0 10px;}
.content .right { float:right; width:312px; padding:0 10px;}

/* team */
.team { float: left; background:#dfdfdf; padding:1px;}
.team div.team-style { float: left; border:1px solid #FFF; background:#e9e9e9; padding:10px;}
.team-left { float:left; width: 150px;}
.team-right { float:left; width: 434px;}

/* hosting */
.hosting div.hosting-style { float: left; border:1px solid #FFF; background:#e9e9e9; padding:10px;}
.hosting-left { float:left; width: 310px;}
.hosting-right { float:left; width: 590px; padding: 0px 0px 0px 10px; }
.hosting h3 {
	padding-top:			0px !important;
}
.content hr {
	width:					96%;
}



.content ul, .services ul {
	list-style:				none;
	padding:				0px 0px 12px 8px;
	margin:					0px 0px 0px 0px;
}
.content ul li, .services ul li {
	background-image:		url(images/bullet-01.gif);
	background-repeat:		no-repeat;
	background-position:	8px 12px;
	padding:				5px 20px 5px 20px;
	margin-left:			0px;
	color:					#505050;
	font:					normal 11px Arial, Helvetica, sans-serif;
	line-height:			1.6em;
}

.content ol {
	list-style:				decimal;
	padding:				6px 10px 14px 12px;
	margin:					0px 0px 0px 12px;
}
.content ol li {
	background-image:		none;
	padding:				2px 0px 2px 0px;
	margin-left:			10px;
	font:					normal 14px Arial, Helvetica, sans-serif;
}



ul.list { margin:0 !important;; padding:0 !important;; list-style:none;}
ul.list li { margin:0; padding:5px 20px 5px 20px !important;; color:#505050; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.6em; background-image: none;}
ul.list li img { float:left; padding:0 20px 0 5px;}


ul.sub_navigation { margin:0 !important; padding:0 !important; list-style:none;}
ul.sub_navigation li { margin:0; padding:10px 10px 0 10px !important; list-style:none; background-image: none;}
ul.sub_navigation a { display:block; color:#373737; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.6em; height:16px;}
ul.sub_navigation a:hover { color:#134b89; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.6em; height:16px;}
ul.sub_navigation a.active { color:#134b89; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.6em; height:16px;}
ul.sub_navigation a.selected { color:#134b89; font-weight: bold;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}


/********** footer **********/
.footer {
	width:					975px;
	margin:					0px auto 0px auto;
	background:				#bcbcbc url(images/footer_bg.jpg) repeat-x top;
	width:					100%;
	padding:				30px 0px 10px 0px;
	text-align:				left;
}
.footer p {
	color:					#333333;
	font:					normal 11px Arial, Helvetica, sans-serif;
	text-align:				center;
	padding:				0;
}
.footer a {
	color:					#333333;
	font:					normal 11px Arial, Helvetica, sans-serif;
}
.footer table {
	display:				inline;
}







/* special styles */

p {
	margin:					0px;
	padding:				5px 0px 0px 0px;
}

hr {
	margin:					10px 0px 10px 0px !important;
	padding:				0px !important;
	border:					0px;
	outline:				0px;
	background:				#cacaca;
	color:					#cacaca;
	height:					1px;
	text-align:				left;
}

p.clr, .clr {
	clear:					both;
	padding:				0;
	margin:					0;
	background:				none;
}

.chat-button {
	padding:				0px 0px 0px 10px;
}

.right {
	text-align:				right;
}
.center {
	text-align:				center;
}

.example {
	border:					solid 1px #000000;
	margin:					0px 20px 0px 0px;
}

img.about {
	margin:					8px 8px 8px 8px;
}

img.canada-icon {
	border:					0px;
	margin-right:			200px;
}
img.best-canadian {
	border:					0px;
	position:				absolute;
	right:					10px;
	bottom:					10px;
}

.left-float {
	float:					left;
	width:					50%;
}
.right-float {
	float:					right;
	width:					50%;
}

img.eval {	
	margin:					10px 80px 0px 120px;
	border:					none !important;
}

.portfolio p {
	padding:				0px 0px 10px 10px !important;
}

.main-banner {
	text-align:				right;
	padding:				36px 0px 0px 0px;
}
.main-banner img {
	border:					solid 1px #795d07;
}


.posts {
	text-align: right;
	width: 312px;
}
.posts a, .posts a:active, .posts a:visited {
	display: block;	
	padding: 4px 10px 4px 4px;
	margin: 0px 0px 5px auto;
	width: 200px;
	color: #000000;
	text-decoration: none;
}
.posts a:hover {
	color: #000000;
	text-decoration: underline;
}


.topics {
	text-align: right;
	width: 312px;
}
.topics a, .topics a:active, .topics a:visited {
	display: block;
	border: solid 1px #000000;
	padding: 4px 10px 4px 4px;
	margin: 0px 0px 5px auto;
	width: 260px;
	background-color: #1962af;
	color: #ffffff;
	text-decoration: none;
}
.topics a:hover {
	background-color: #f6d427;
	color: #000000;
	text-decoration: none;
}


.content h4 a { color:#0d6a16; font:normal 14px Arial, Helvetica, sans-serif; padding: 0px 0px 8px 0px; margin:0px 0 0 0;}