html {background-color:#C5CCD3;}
body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, sans-serif;
color:#504545;
font-size:13px;
background-image:url(img/home_bg.jpg);
background-repeat:repeat;
background-color:#C5CCD3;
}
P{margin-top:5px;margin-bottom:8px;}

#container{
width:100%;
padding:0px;
min-height:725px;
background-image:url(img/masthome_bg.jpg);
background-position:913px 0px;
background-repeat:no-repeat;
}

/*IE6 and below hack for min height*/
* html #container{height:720px}

#homemast {
width:592px;
height:254px;
margin:0;
}
#mast {
width:913px;
height:254px;
margin:0;
}
#navcontainer{
width:913px;
height:26px;
margin:0;
background-color:#C5CCD3;
}
#nav{
width:346px;
height:26px;
margin:0;
background-color:#C5CCD3;
}


#text {
width:515px;
height:auto;
padding-left:42px;
padding-top:34px;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:13px;
background-image:url(img/home_bg.gif);background-repeat:no-repeat;
}
#servicestext {
width:550px;
height:auto;
padding-left:42px;
padding-top:4px;
padding-bottom:14px;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:13px;
background-image:url(img/home_bg.gif);background-repeat:no-repeat;
}
#widetext {
width:760px;
height:auto;
padding-left:42px;
padding-top:34px;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:13px;
background-image:url(img/home_bg.gif);background-repeat:no-repeat;
}
#submenu{width:550px;height:25px;padding-top:5px;padding-left:44px;font-family: Arial, Helvetica, sans-serif;
font-size:15px;}

#portfolio{
width:913px;
height:auto;
padding-left:42px;
padding-top:4px;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:13px;
}
#portfoliopanel{
float:left;
width:490px;
height:auto;
padding:0;
margin:0;
}
#flashportfoliopanel{
float:left;
width:auto;
height:auto;
padding:0;
margin:0;
padding-bottom:15px;
}

#portfoliotext{
float:left;
width:380px;
height:auto;
padding-top:18px;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:13px;
color:#504545;
}
#flashportfoliotext{
float:left;
width:320px;
height:auto;
padding-top:18px;
padding-left:24px;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:13px;
color:#504545;
}
#websites{
float:left;
width:220px;
}
#logos{
float:right;
width:220px;
}
#flash{
float:left;
width:220px;
}
#other{
float:right;
width:220px;
}
#MySlideShow2{width:320px;height:82px;margin:0;padding:0;}
#whatsnew{width:320px;height:260px;margin:0;padding:0;}
#sidepanel{
position:absolute;
width:320px;
top:254px;
left:592px;
z-index:7;
}
#whatnext{
padding:9px;
padding-top:0;
background-color:#FFFFFF;
font-size:16px;
font-weight:bold;}

#clear{clear:both;}
.clear{clear:both;}


#homefooter{position:absolute;width:95%;top:576px;}
#footer{width:100%;background-image:url(img/footer_bg.jpg);font-family:Arial, sans-serif;height:80px;}
#textlinks{float:left;width:500px;font-size:12px;padding-left:42px;padding-right:12px;padding-top:10px;}
#contacts{clear:left;width:300px;font-size:12px;color:#666666;padding-left:42px;padding-top:6px;}

#icons{float:right;width:74px;height:32px;padding-top:9px;}
#copyright{float:right;width:175px;height:16px;font-size:11px;color:#666666;padding-top:10px;padding-right:42px;text-align:right;}

h1{font-size:22px; margin-top:6px;margin-bottom:6px;color:#336699;font-family:"Trebuchet MS";}
h2{font-size:20px; margin-top:6px;margin-bottom:6px;color:#336699;font-family:"Trebuchet MS";}
h3{font-size:18px; margin-top:6px;margin-bottom:6px;color:#336699;font-family:"Trebuchet MS";}



a:link {
	color:#1188FF;
	text-decoration: none;
}
a:visited {
	color: #1188FF;
	text-decoration: none;
}

a:active {
	color: #1188FF;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}


/*CSS Menu code*/
#homenavfiller{width:46px;float:left;}
#servicesnavrightfiller{position:absolute;left:392px;top:254px;width:521px;}
/* Navigation based on CSS Sprites,www.alistapart.com/articles/sprites.*/
div#nav{
height:26px;
width:346px;
margin:0 0 0 0px;
padding-left:0;
border:0;
background:transparent;
float:left;
}
div#nav ul#menu{
height:26px;
width:346px;
background:transparent url(img/navbar.jpg) top left no-repeat;
margin:0;
padding:0;
position:relative;
}
div#nav ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu a{
height:26px;
display:block;
}
div#nav ul#menu li a{
text-decoration:none;
text-indent:-9999px;/* Commented backslash hack for IE Mac \*/
overflow:hidden;/* end hack */
}

#homenav{
left:0px;
width:81px;
}
#servicesnav{
left:81px;
width:122px;
}
#portfolionav{
left:204px;
width:143px;
}

#homenav a:hover,body#homenavon #homenav{
background:transparent url(img/navbar.jpg) 0 -26px no-repeat;
}
#servicesnav a:hover,body#servicesnavon #servicesnav{
background:transparent url(img/navbar.jpg) -81px -26px no-repeat;
}
#portfolionav a:hover,body#portfolionavon #portfolionav{
background:transparent url(img/navbar.jpg) -204px -26px no-repeat;
}