/* This is the global CSS file; it contains all CSS styles used on all pages */

/* Copyright (c)2009 Kinetiqu Web Productions */
/* Unless you have explicit written permission from the owner and copyright holder, you are denied permission to publish or republish this file, or a modification of this file, or any extract from this file, by any means. */


body {
	background-color: #EBEBEB;
	margin-top: 0px;
}

img {
	border: none;
}

img.navbar {
	opacity: 1;
	-webkit-transition: opacity 0.33s linear;
}

img.navbar:hover {
	opacity: .33;
}

td#topTableContentCell {
	background-color: #FFFFFF;
	vertical-align: top;
	width: 770px;
	height: 250px;
	padding-bottom: 10px;
}

td#mainTableContentCell {
	background-color: #FFFFFF;
	vertical-align: top;
	width: 770px;
	height: 0px;
	padding-bottom: 10px;
	overflow: hidden;
	-webkit-transition: height 0.5s linear;
}

td.mainTableLeftCell {
	background-image: url('../images/layout/mainTable/left.png');
	background-repeat: repeat-y;
	width: 25px;
}

td.mainTableRightCell {
	background-image: url('../images/layout/mainTable/right.png');
	background-repeat: repeat-y;
	width: 25px;
}

td#servicesCell {
	background-image: url('../images/layout/navbar/on/services.png');
	width: 225px;
}

td#portfolioCell {
	background-image: url('../images/layout/navbar/on/portfolio.png');
	width: 225px;
}

td#aboutCell {
	background-image: url('../images/layout/navbar/on/about.png');
	width: 225px;
}

#about {
	display: none;
	height: 400px;
	width: 750px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: blue;
}

#portfolio {
	display: none;
	height: 0px;
	width: 750px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: black;
	-webkit-transition: height 0.5s linear;
}

#services {
	display: none;
	height: 400px;
	width: 750px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: purple;
}