html {
background-color:#fff;
background-image:url(images/backgroundcontent.png);
background-position:center top;
background-repeat:repeat-x;
}

#callus h3{
	margin:0px;
	padding:11px 29px 0px 0px;
	color:#fff;
	font-size:13px;
	text-align:right;
	font-weight:bold;
}

#callus{
	width:955px;
	height:58px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}


#content{
	width:955px;
	height:450px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}

#portfolio{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	background-color:#0C9;
	height:240px;
	width:955px;
	background:url(images/shadow.png) bottom left no-repeat;}

li#mission {
width:120px;
height:117px;
margin:0px;
padding:0px;
background:url(images/menu/mission.jpg);
text-indent:-9999px;
}
li#mission a {
display : block;
width : 120px;
height : 117px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#websiteservices {
width:97px;
height:117px;
margin:0px;
padding:0px;
background:url(images/menu/websiteservices.jpg);
text-indent:-9999px;
}
li#websiteservices a {
display : block;
width : 97px;
height : 117px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#websiteportfolio {
width:95px;
height:117px;
margin:0px;
padding:0px;
background:url(images/menu/websiteportfolio.jpg) no-repeat 0px -117px;
text-indent:-9999px;
}
li#websiteportfolio a {
display : block;
width : 95px;
height : 117px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#contact {
width:103px;
height:117px;
margin:0px;
padding:0px;
background-image:url(images/menu/contact.jpg);
text-indent:-9999px;
}
li#contact a {
display : block;
width : 103px;
height : 117px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#mission a:hover{background: url(images/menu/mission.jpg) no-repeat 0px -117px;}
li#websiteservices a:hover{background: url(images/menu/websiteservices.jpg) no-repeat 0px -117px;}
li#websiteportfolio a:hover{background: url(images/menu/websiteportfolio.jpg) no-repeat 0px -117px;}
li#contact a:hover{background: url(images/menu/contact.jpg) no-repeat 0px -117px;}

#webdev{
	display:inline;
	float:left;
	margin:40px 0px 0px 0px;
	padding:0px;
	width:955px;
	height:65px;
}

h1#h1webdev{
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
	display:inline;
	background-image:url(images/portfolio/webdevelopment.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:31px;
	text-indent:-9999px;
}

h2#clientlogo{
	margin:0px;
	padding:0px;
	float:right;
	display:inline;
	background-image:url(images/portfolio/businessplanlogo.png);
	background-repeat:no-repeat;
	width:173px;
	height:61px;
	text-indent:-9999px;
}

#left{
	width:250px;
	height:280px;
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
}

#left ul{
	margin:20px 0px 0px 10px;
	padding:0px;
	height:250px;
	width:199px;
	display:inline;
	float:left;
}

#left li{
	list-style:none;
}

li#businessplanscanada {
width:199px;
height:27px;
margin:0px;
padding:0px;
background: url(images/portfolio/menu/businessplanscanada.jpg) no-repeat 0px -27px;
text-indent:-9999px;
}
li#businessplanscanada a {
display : block;
width : 199px;
height : 27px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#ulounge {
width:199px;
height:27px;
margin:10px 0px 0px 0px;
padding:0px;
background: url(images/portfolio/menu/ulounge.jpg);
text-indent:-9999px;
}
li#ulounge a {
display : block;
width : 199px;
height : 27px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#absolutestardesign {
width:199px;
height:27px;
margin:10px 0px 0px 0px;
padding:0px;
background-image:url(images/portfolio/menu/absolutestardesign.jpg);
text-indent:-9999px;
}
li#absolutestardesign a {
display : block;
width : 199px;
height : 27px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#cakeconnection {
width:199px;
height:27px;
margin:10px 0px 0px 0px;
padding:0px;
background-image:url(images/portfolio/menu/cakeconnection.jpg);
text-indent:-9999px;
}
li#cakeconnection a {
display : block;
width : 199px;
height : 27px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#j5consulting {
width:199px;
height:27px;
margin:10px 0px 0px 0px;
padding:0px;
background-image:url(images/portfolio/menu/j5consulting.jpg);
text-indent:-9999px;
}
li#j5consulting a {
display : block;
width : 199px;
height : 27px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}


li#businessplanscanada a:hover{background: url(images/portfolio/menu/businessplanscanada.jpg) no-repeat 0px -27px;}
li#ulounge a:hover{background: url(images/portfolio/menu/ulounge.jpg) no-repeat 0px -27px;}
li#absolutestardesign a:hover{background: url(images/portfolio/menu/absolutestardesign.jpg) no-repeat 0px -27px;}
li#cakeconnection a:hover{background: url(images/portfolio/menu/cakeconnection.jpg) no-repeat 0px -27px;}
li#j5consulting a:hover{background: url(images/portfolio/menu/j5consulting.jpg) no-repeat 0px -27px;}


#right{
	width:705px;
	height:240px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}

#right ul{
	width:705px;
	height:170px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline;	
}

#right li{
	list-style:none;
}

li#libusinessplanscanada {
width:508px;
height:188px;
margin:52px 0px 0px 80px;
padding:0px;
background-image:url(images/portfolio/businessplanscanada.png);
text-indent:-9999px;
}
li#libusinessplanscanada a {
display : block;
width : 508px;
height : 188px;
text-indent : -9999px;
text-decoration: none;
overflow:hidden;
}

li#libusinessplanscanada a:hover{
margin:-90px 0px 0px 2px;
position:absolute;
background:url(images/portfolio/businessfull.png) no-repeat 0px 0px;
height:327px;
width:505px;}

#bottom{
	width:955px;
	height:40px;
	margin:30px 0px 0px 0px;
	padding:0px;
	float:left;
	display:inline;}
	
h2#project{
	width:59px;
	height:21px;
	background-image:url(images/portfolio/project.png);
	background-repeat:no-repeat;
	margin:2px 0px 0px 335px;
	padding:0px;
	float:left;
	display:inline;
	text-indent:-9999px;
}

#bottom p{
	float:left;
	display:inline;
	width:400px;
	height:20px;
	margin:0px 0px 0px 10px;
	padding:0px;
}

a#sitelink{
	float:right;
	display:inline;
	margin:2px 0px 0px 0px;
	padding:0px;
	background-image:url(images/portfolio/visit.png);
	background-repeat:no-repeat;
	width:65px;
	height:14px;
	text-indent:-9999px;
}
