body{
	background:#000 url('/edmonton-web-design/images/creo-bg-green.jpg') fixed;
	font-family:Georgia, "Trebuchet MS", serif;
	font-size:11px; margin-top:0; padding-top:0;
	color:#ffffff;
	}
	
h1,h3,h4,h5,h6{font-family:Georgia, "Trebuchet MS", serif;}

h2 a{
	font-family:Georgia, "Trebuchet MS", serif; font-style: italic; color:#ffffff; font-size:15px;
}

h2 a:hover{
	font-family:Georgia, "Trebuchet MS", serif; font-style: italic; color:#33cc00; font-size:15px;
}

/*a{color:#33cc00;}*/
a{color:#ffffff;}
a:hover{color:#336600;}

/* container element styles */
#topcontainer{
	height:398px;
}
#maincontainer{ margin-top:15px;}
#maincontainer h1, #featuredcontent h1{color:#339900; font-size:16px; font-weight:normal; padding-bottom:8px;}
#maincontainer h3, #featuredcontent h3{color:#fff; font-size:14px; font-weight:normal; margin:0; padding:0;}

/******** element styles ********/
#clientnav{float:right; clear:both; margin-top:24px;}
#clientnav a{text-decoration:none; text-transform:uppercase; color:#666666; font-size:9px; margin-left:24px;}
#clientnav a:hover{text-decoration:underline;}

/* mega menu styles find in megamenu.css */

#topcontent{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; margin-top:90px;}
#topcontent em{color:#FFF; font-size:13px;}
#topcontent em.smaller{font-size:11px;}

#featuredcontent{margin-top:75px;}
#featuredcontent img{float:left;}
#featuredcontent p{margin-left:85px;}
#featuredcontent p a{color:#fff; text-decoration:underline;}
#featuredcontent p a:hover{color:#33cc00;}

#leftcontent{}
#leftcontent p{margin:10px; color:#333;}
#leftcontent:hover p{margin:10px; color:#fff;}



#recentwork{}
#recentwork ul {list-style:none; margin:0; padding:0; float:left;}
#recentwork li{margin:0; padding:0; padding-top:3px; clear:both;}
#recentwork li img{float:left;}
#recentwork li a{ margin-left:10px; text-decoration:none; color:#666666;}
#recentwork li a:hover{color:#FFF;text-decoration:underline;}

	/* ui tabs style */
	.ui-tabs .ui-tabs-hide {
     display: none;
	}

.workcontent p{margin:0; padding:0; padding-left:20px;}
.workcontent b{color:#FFF; font-weight:normal;}

#footer1{padding:14px; padding-bottom:0; margin-bottom:14px;}

#footer2{padding:14px; border-top:#343434 1px solid;}
#footer2 a{text-decoration:none; color:#666666;}
#footer2 a:hover{color:#FFF;}
#footer2 #footernav{float:left;}
#footer2 #kelly{float:right;}
#footer2 #footernav a{margin-right:24px;}

.column-a{
font-size: 11px;
}

.div-info{
height: 50px; border-top: dotted 1px #666; border-bottom: dotted 1px #666; background: #333; color: #fff; padding-top: 15px; padding-bottom: 15px;
}

.div-infoA{
width: 75px; float: left; padding-left: 15px;
}

.div-infoB{
float: left;
}


/* stuff from kelly */

.logobox {
	width: 75px;
	height: 75px;
	border: solid 1px #222222;
	float: left;
	text-align: center;
	margin-right: 2px;
	margin-bottom: 2px;
}

p.introduction:first-letter {

font-family: Georgia, serif;
font-size: 200%;
font-weight: normal;
float: left;
width: 1em;
color: #fff;
padding: 0px;
margin-right: 5px;
font-style: italic;

}

#links ul {
        list-style-type: none;
        width: 200px;
} 

#links li {
        border: 1px dotted #333;
        border-width: 1px 0;
        margin: 5px 0 0 0;
}

#links li a { 
        color: #333333;
        display: block;
        font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding: 3px;
}

 * html #links li a {  /* make hover effect work in IE */
		width: 200px;
}

#links li a:hover {
        background: #333;
        color: #ccc;
        padding: 3px;
}

#links a span {
        padding: 3px;
        color: #333333;
        font: normal 70% "Trebuchet MS", Arial, Helvetica, sans-serif;
        line-height: 150%;
}

/*	css for portfolio	*/

.img-portfolio{
	padding-bottom: 5px;
}