@charset "utf-8";
body {
	font-family: Calibri, Arial, Sans-serif ;
	font-size:15px;
	background: #000;
	background-image:url(../images/bg.png);
	background-position:top;
	background-repeat: repeat-x;
	background-attachment:fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#1C5471;
}

.main #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../images/pixelstack-logo.png);
	background-position:left top;
	background-repeat:no-repeat
}

.main #header {
	background:#1C5471;
	background-image:url(../images/topbirdy.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-left: 70px;
	margin-bottom:0;
	position:relative;
	height:40px;
}
.main #flash {
	background:#F5F5F5; 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-left: 70px;
	margin-bottom:0;
	position:relative;
	
	text-align:center;
	
}
.main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}
.main #mainContent {
	padding: 0 140px 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#F5F5F5;
	background-image:url(../images/mainbirdies.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-left: 70px;
	position:relative;
	margin-top:0;
	text-align:justify;
	
}
.main #pageContent {
	padding: 0 60px 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#F5F5F5;
	background-image:url(../images/mainbirdies.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-left: 70px;
	position:relative;
	margin-top:0;
	text-align:justify;
	
}

.main #introContent {
	padding: 0 60px 0 290px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#F5F5F5;
	margin-left: 70px;
	position:relative;
	margin-top:0;
	text-align:justify;
	background-image:url(../images/welcomebird.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}
.main #designTop {
	padding: 0 300px 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#F5F5F5;
	margin-left: 70px;
	position:relative;
	margin-top:0;
	text-align:justify;
	background-image: url(../images/designbird.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}
.main #webTop {
	padding: 0 300px 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#F5F5F5;
	margin-left: 70px;
	position:relative;
	margin-top:0;
	text-align:justify;
	background-image: url(../images/webbird.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}
.main #contactTop {
	padding: 0 60px 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#F5F5F5;
	margin-left: 70px;
	position:relative;
	margin-top:0;
	text-align:justify;
	background-image:url(../images/tipcontactpage.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}
.main #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#1C5471;
	text-align:center;
	margin-left: 70px;
	height:90px;
	position:relative;
	background-image: url(../images/licensedsoftware.png);
	background-position:bottom;
	background-repeat:no-repeat;
	
}
.main #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Calibri, Arial, Sans-serif;
	font-size:12px;
	color:#F5F5F5;
	line-height:20px;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background:#1C5471;
	float: right;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 40px;
	list-style: none;
	background-repeat: no-repeat;

}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 40px;
	background-repeat: no-repeat;
}
.home {background-image: url(../images/home_over.gif); width: 43px;}
.home a {background-image: url(../images/home_button.gif);}
#home {background-image:url(../images/home_over.gif)}
.graphic {background-image: url(../images/graphicdesign_over.gif); width: 113px;}
.graphic a {background-image: url(../images/graphicdesign_button.gif);}
#graphic {background-image: url(../images/graphicdesign_over.gif)}
.web {background-image: url(../images/webdesign_over.gif); width: 86px;}
.web a {background-image: url(../images/webdesign_button.gif);}
#web {background-image: url(../images/webdesign_over.gif);}
.contact {background-image: url(../images/contact_over.gif); width: 95px;}
.contact a {background-image: url(../images/contact_button.gif);}
#contact {background-image: url(../images/contact_over.gif);}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a:link {color:#398FB0; text-decoration:none;}
a:visited {color:#398FB0; text-decoration:none;}
a:hover{color:#D38629; text-decoration:none;}
a:active{color:#398FB0; text-decoration:none;}

a.white:link {color: #F5F5F5; text-decoration:underline}
a.white:visited {color: #F5F5F5; text-decoration:underline}
a.white:hover {color: #FFF; text-decoration:none}
a.white:active {color:#F5F5F5; text-decoration:underline}

.nolink{color: #CCC}

#facebook {
	position: fixed;
	width:70px;
	height:70px;
	z-index:1;
	right: 0px;
	bottom:2%;
}
#portfolio{vertical-align:top;
			text-align:left;
						}
a img {border:solid 1px #b8b8b8;
background-color: #f5f5f5;
padding:3px;
filter: alpha(opacity:0.7);
	KHTMLOpacity: 0.7;
	MozOpacity: 0.7;
	-khtml-opacity:.70;
	-ms-filter:”alpha(opacity=70)”;
	-moz-opacity:.70;
	filter:alpha(opacity=70);
	opacity:.70;}

a:hover img {border:solid 1px #b8b8b8;
background-color: #f5f5f5;
padding:3px;
	filter: alpha(opacity:100);
	KHTMLOpacity: 100;
	MozOpacity: 100;
	-khtml-opacity:100;
	-ms-filter:”alpha(opacity=100)”;
	-moz-opacity:100;
	filter:alpha(opacity=100);
	opacity:100;
	} 
a.fb img {border:0;
background: none;
filter: alpha(opacity:0.8);
	KHTMLOpacity: 0.8;
	MozOpacity: 0.8;
	-khtml-opacity:.80;
	-ms-filter:”alpha(opacity=80)”;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	opacity:.80;}

a.fb:hover img {border:0;
background:none;
	filter: alpha(opacity:100);
	KHTMLOpacity: 100;
	MozOpacity: 100;
	-khtml-opacity:100;
	-ms-filter:”alpha(opacity=100)”;
	-moz-opacity:100;
	filter:alpha(opacity=100);
	opacity:100;
	} 
	
.field {width:290px; 
		background-color: #FFF; 
		border:1px solid #1C5471; 
		padding:3px; 
		margin-top:5px; 
		margin-bottom:5px;
		font-family:Calibri, Arial, sans-serif;
		font-size:14px;
		color:#1C5471;}
		
.submit{width:74px;
		height:33px;
		background-image:url(../images/submit.gif);}
    
h1{font-size:28px;}
h2{font-size:20px;}
h3{font-size:16px;
	font-weight:bold;}

.smallfont{font-size:12px;}
p.webdesigncompany{margin: 10px 0 0 0 ;
font-size:12px;
}