/* Base Specs */
/* ==========================*/
body {font-size:62.5%;font-family:Verdana,Arial,Helvetica;padding:0;margin:0;color:#666;width:100%;}  /* Base: 10px */ 
div, h1, h2, h3, h4, h5, h6 {position:relative;padding:0;margin:0;}	
a:link, a:visited, a:hover, a:active {text-decoration:none;color:#006699;}	
a:hover {text-decoration:underline;}
a.external, a.external:hover {background:url(/calgary-web-design/image/ext-link.gif) no-repeat right top; padding-right:16px;}	
img {border:0;}

/* Base Copy Styles */
/* ==========================*/
h1, h2 {font-family:Trebuchet MS, Arial, Helvetica;color:#fff;font-size:2.8em;font-weight:normal;}
h3, h4 {font-family:Trebuchet MS, Arial, Helvetica;color:#006699;font-size:2em;padding:10px 0;}
h4 {font-size:1.5em;}

dl {padding:0 10px;margin:10px 0;}
dl a:link, dl a:visited, dl a:active{color:#666;text-decoration:none;border:none;}
dl a:hover{text-decoration:none;border:none;}
dt {font-size:1.1em;}
dd {margin:0;padding:0;font-size:1.1em;color:#5084B6;font-family:Arial;margin:5px 0;}
dd a:hover {background:none;} 

p {font-family: Arial, Helvetica, sans-serif;padding:5px 5px;margin:0 0 5px 0;font-size:1.3em;line-height:150%;}

/* Main Content Wrapper Specs */
/* ==========================*/
#site {width:100%; padding:0; margin:0 auto; }
	#header-container {background:#3e709e; height:100px; border-bottom:1px solid #679bce;}
		#header {margin:0 auto; width:970px; background:url(/calgary-web-design/image/layout-tab-right.gif) 952px 5px no-repeat;}
			#logo {position:absolute;top:30px;left:15px;width:205px;}

/* Main Menu */
/* ==========================*/
#menu {padding:0;float:right;margin:55px 0 0 0;}
	#menu, #footer-container ul {list-style:none; border:0;}
		#menu li, #footer-container ul li {margin:0; padding:0; display:inline;}
		#menu li a,  #footer-container ul li a {display:block;float:left;margin:0 1px 0 0; padding:15px 14px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; text-decoration:none;}
		#menu li a:hover, #menu li a.active  {color:#fff; text-decoration:none; background: #5186b8 url(/calgary-web-design/image/menu_bg.gif) top repeat-x;}

/* Gallery Slider */
/* ==========================*/
#slider-container {background: url(/calgary-web-design/image/bg_simple.gif) top repeat-x;  margin:0 auto; padding:0; /*border-top:1px solid #679bce;*/}

	/* header-text */
	#slider {margin:0 auto; width:970px; padding:0;}
	#slider .left1 {float:left; width:390px;}
	#slider strong {display:block; margin:0; color:#a1e2e6; font-family:Arial, Helvetica, sans-serif; line-height:16px;}
	
	#slider h1 {font-family:Trebuchet MS, Arial, Helvetica; font-size:3.5em; color:#fff; padding:0 0 5px 13px; margin:0; line-height:1.2em;}
	#slider p {font-family:Arial, Helvetica, sans-serif; color:#fff; padding:0 0 10px 13px; margin:0; line-height:1.6em;}
	#slider ul.buttons {float:left; padding:8px 0 10px 10px; margin:0; list-style:none;}
	#slider ul.buttons li {float:left; padding:0 10px; margin:0;}

/* Subpage Slider */
/* ==========================*/
.slider2 {background: #5186b8;  margin:0 auto; padding:0;}
.slider2_resize {width:960px; margin:0 auto; padding:0;}
.slider2_resize h1 {float:left; margin:15px 15px 15px 10px;}
.slider2_resize h2 {float:left; margin:15px 0 0 0; padding:18px 0 0 0; color:#fff; font-size:1.1em;}

#gallery-container {float:right; width:537px; height:224px; margin:32px 17px 0 0; }
	#gallery {margin:0; padding:0; list-style:none; }
	#gallery ul,
	#gallery li {margin:0; padding:0; height:224px; list-style:none; }
	
	#gallery li {width:537px; height:244px; overflow:hidden; }
	p#controls {margin:0; position:relative; }
	#prevBtn, #nextBtn {display:block; margin:0; overflow:hidden; width:28px; height:28px; position:absolute; left:-30px; top:-85px; }
	#nextBtn {left:539px; }
	#prevBtn a {display:block; width:28px; height:28px; background:url(/calgary-web-design/image/gallery-left.gif) no-repeat 0 0; }
	#nextBtn a {display:block; width:28px; height:28px; background:url(/calgary-web-design/image/gallery-right.gif) no-repeat 0 0; }

/* HomePage Bubble Styles */
/* ==========================*/
#services-container {background: #e9e9e9; border-top:1px solid #fff;}
	#services {width:960px; margin:0 auto; padding:0;}
	#services .item {width:300px; margin:15px 10px 5px 10px; padding:0; float:left;}
	#services h2 {font-size:1.8em; border:0; font-family:Trebuchet MS, Arial, Helvetica; color:#666; padding:10px 10px; margin:0; border-bottom:1px solid #d8d8d8;}
	#services img  {float:left; margin:10px 0 0 0; padding:0;}
	#services p {width:220px; float:left; font-family:Arial, Helvetica, sans-serif; padding:5px 5px 0 5px; margin:0; }
	
/* Core Content Container Styles */
/* ==========================*/
#content-container {padding:0; margin:0; background: #fff url(/calgary-web-design/image/body_bg.gif) top repeat-x;}
	#content {width:970px; margin:0 auto; padding:10px 0; min-height:570px;}
	#content h2 {font-family:Trebuchet MS, Arial, Helvetica; font-size:2.5em; color:#3e709e; border-bottom:1px solid #cccccc; padding:5px; margin:0 0 5px 0;}
	
#col-1 {width:650px; margin:0 20px; float:left; padding:0 10px; min-height:500px;}
	#col-1 img {float: left; margin:20px 10px; padding:0;}
	#col-1 ul {list-style:none; margin:5px 5px; padding:0;}
	#col-1 li {background:url(/calgary-web-design/image/nav-dot-blue.gif) left no-repeat; padding:5px 20px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}

#col-2 {width:200px;  margin:0 20px; float:left; padding:0 10px;}
	#col-2 ul {list-style:none; margin:5px 5px; padding:0;}
	#col-2 li {border-bottom:1px solid #eaeaea; background:url(/calgary-web-design/image/main_ul_li.gif) left no-repeat; background-position: 5px 12px; margin:0; font-family:Arial, Helvetica, sans-serif; color:#5c5c5c;}
	#col-2 li a {font-family: Arial, Helvetica, sans-serif; color:#8d8d8d;  padding:10px 25px; text-decoration:none; display:block; font-size:1.3em;}
	#col-2 li a:hover, #side-nav a.active {color:#006699; background:#f5f5f5 url(/calgary-web-design/image/main_ul_li.gif) left no-repeat; background-position: 8px 12px; text-decoration:underline;}

/* Portfolio Gallery Styles */
/* ==========================*/
.portfolio {float:left; padding:10px 5px; display:block; border-bottom:1px solid #e1e1e1;}
	.portfolio img {float:left; padding:10px 20px 10px 0; margin-top:0px;}
	.portfolio p.title {font-family:Helvetica, Arial, sans-serif; margin:0; padding:0; font-weight:bold; font-size:1.4em;}

#footer-container {padding:20px 0; margin:0 auto; background:#e9e9e9; border-top:1px solid #d4d4d4; }
	#footer {width:970px; color:#868686; font-family:Arial, Helvetica, sans-serif; text-align: left; margin:0 auto; }
	#footer p {padding:0; margin:0; }
	#footer ul {float:right;}
	#footer ul li a {margin:0 5px;}
	#footer-container #footer a {color:#868686; font-family:Arial, Helvetica, sans-serif; padding:0 1px; }
	.text_left {text-align: left; }

#footer-container ul li a:hover {text-decoration:underline;}

p.clr, .clr {clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none;}

/* Form Styles */
/* ==========================*/
form {margin:0;padding:0;}
	fieldset {border:none;}
	fieldset legend{text-indent:-5000px;}
		label {font-family:Arial, Helvetica, sans-serif;font-size:1.3em;}
		input,select,textarea {display: block;font-size:13px;border:1px solid #cccccc;margin-bottom: 2px;margin:0 0 10px 0;}
		textarea {width:500px;;height:100px;}
		button {border:2px solid; border-color:#0272d7 #054177 #054177 #0272d7; background-color:#006699; color:#fff; font-size:12px; cursor:pointer; cursor:hand;}
	/*.submitbtn {background-color:#C8d6E1;valign:middle;border-top:1px solid #F1F1EF;border-right:1px solid #F1F1EF;border-bottom:1px solid #B2B2A6;border-left:1px solid #B2B2A6;font-size:0.9em;padding:0 10px;}*/
	
#email {background:url(/calgary-web-design/image/contact-email.gif) no-repeat 0 0;padding:5px 0 10px 55px;text-align:right;}
#phone {background:url(/calgary-web-design/image/contact-phone.gif) no-repeat 15px 0px;padding:15px 0;text-align:right;}

blockquote {margin: 50px 0;text-align: left;text-indent: 25px;background: url(/calgary-web-design/image/quote-top.gif);background-position: 0 2px;background-repeat: no-repeat;}
	blockquote p {margin: 0;display: inline;padding-right: 24px;background: url(/calgary-web-design/image/quote-bottom.gif);background-position: bottom right;background-repeat: no-repeat;font-size:1.5em;font-weight:bold;font-family:Trebuchet MS, Arial, Helvetica;}
	blockquote div {text-align:right;margin:10px 0;}