/* HTML _________________________________________*/

body{
	margin: 0;
	background-color:#202020;
	font-family: Arial, Helvetica, sans-serif;
	color: #202020;
	font-size:.7em;
}
#showprint, .titleprint{display:none}
img{margin:0px;padding:0px}
ul, li{
	margin-bottom:0;
	margin-top:0;
}
#infopages ul{list-style-image:url(images/interface/bullet.gif);}
#packages td{padding: 5px 0;border-bottom:1px solid #202020;}
#packages p{margin: 0;}

/* text styling _________________________________________*/

.homeinfo h1{
	font-size: 1.1em;
	color:#ffd52e;
	letter-spacing: 0.2em;
	text-align: center;
	padding-top:9px;
	margin:0 0 15px 0;
}
.servicesinfo h1{
	font-size: 1.1em;
	color:#282828;
	letter-spacing: 0.2em;
	text-align: center;
	padding-top:9px;
	margin:0 0 15px 0;
}
.package{font-size: 1.6em;font-weight:bold;}
.price{font-size: 2.2em;font-weight:bold;}

/* links _______________________________________________*/

a:link, a:visited{color: #202020;text-decoration:underline;}
a:hover, a:active{text-decoration:none;}
.portfolioitem a:link, .portfolioitem a:visited{font-weight:bold}
.linkgrey a:link,.linkgrey a:visited{color: #bbbbbb;}
.linkgrey a:hover,.linkgrey a:active{color: #ffd52e;}
.homeinfo h1 a:link, .homeinfo h1 a:visited{color:#ffd52e;text-decoration:none;}
.servicesinfo h1 a:link, .servicesinfo h1 a:visited{color:#282828;text-decoration:none;}
#footer a:link, #footer a:visited{ color:#707070;}
#footer a:hover, #footer a:active{ color:#ffd52e;text-decoration:none;}

/* form styling _______________________________________________*/

input, textarea, select{
	border:1px solid #282828;
	color: #202020;
	padding: 0 5px;
}
input.chk{background:none}
input.send{background: url(images/interface/send.gif) repeat-x top left; width:69px; height:17px; border:none}
input.send:hover, input.send:focus{background: url(images/interface/send_r.gif) repeat-x top left;}
#form td{padding: 2px 5px;}

/* main layout _________________________________________*/

#main{
	position:relative;
	width: 640px;
	margin: 0px auto;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	z-index:100;
}
#footer{
	text-align:right;
	width: 640px;
	margin: 5px auto 0  auto;
	color:#707070;
	font-size:.9em;
}
.floatleft{float:left;}

/* top navigation _________________________________________*/

#nav {
	font-size:.94em;
	font-weight:bold;
	background-image: url("images/interface/top_nav_tile.gif");
	height: 19px;
	line-height: 19px;
}
#nav ul {
	padding: 0;
	margin: 0 0 0 120px;
	list-style: none;
}
#nav a {
	display: block;
	width: auto;
	padding: 0 20px;
	color:#ffd52e;
	text-decoration:none;
}
#nav a:hover {
	display:block;
	background:#2b2b2b url("images/interface/top_nav_tile_r.gif") repeat-x;
}
#nav #active {
	display:block;
	background:#2b2b2b url("images/interface/top_nav_tile_r.gif") repeat-x;
}
#nav li {
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}

/* side nav _________________________________________*/

.sidetitles{
	background-color:#282828;
}
.sidetitles a:link, .sidetitles a:visited {
	font-size:.9em;
	text-align:right;
	font-weight: bold;
	color: #ffd52e;
	text-decoration: none;
	display:block;
	border-top: 1px solid #484848;
	border-left: 1px solid #484848;
	border-bottom: 1px solid #101010;
	border-right: 1px solid #101010;
	padding: 2px 5px 2px 0;
}
*html .sidetitles a:link, *html .sidetitles a:visited{width:123px;}
.sidetitles a:hover, .sidetitles a:active{
	color: #202020;
	background-color: #ffd52e;
	border: 1px solid #101010;
}
.active{
	font-size:.9em;
	text-align:right;
	background-color: #ffd52e;
	font-weight: bold;
	color: #202020;
	text-decoration: none;
	display:block;
	border: 1px solid #101010;
	padding: 2px 5px 2px 0;
}
#sideabout{background-image:   url("images/interface/about_g.jpg");}
#sideservices{background-image:   url("images/interface/services_g.jpg");}
#sideportfolio{background-image:   url("images/interface/portfolio_g.jpg");}
#sidecontact{background-image:   url("images/interface/contact_g.jpg");}
#sidesitemap{background-image:   url("images/interface/sitemap_g.jpg");}
.sidetitles{
	float:left;
	width:130px;
	height:298px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* home page _________________________________________*/

.homeinfo{
	padding: 0px 8px 20px 10px;
	color: #bbbbbb;
	font-size:.9em
}
.arrow{
	padding-right: 10px;
	text-align:right;
}
.homeads{
	float:left;
	width: 160px;
	height: 130px;
}
#homeweb{background-image:  url("images/interface/home_web.jpg");}
#homegraphic{background-image:  url("images/interface/home_graphic.jpg");}
#homemultimedia{background-image:  url("images/interface/home_multimedia.jpg");}
#homecontact{background-image:  url("images/interface/home_contact.jpg");}

/* content pages _________________________________________*/

#pagecontent{
	background-color:#e5e5e5;
	background-image:  url("images/interface/tile.gif");
	background-repeat: repeat-x;
	border: 1px solid #1a1a1a;
	height:298px;
}
#pageinfo{
	width:481px;
	height:220px;
	padding: 12px 0 12px 12px;
	overflow:auto;
}
#infopages{
	width:469px;
	height:220px;
	padding: 0 12px 0 12px;
}
*html #infopages{
	padding-top: 12px;
}
#pagetitle{
	text-align:right;
	background-image: url("images/interface/tile_pagetitle.gif");
	border-bottom:1px solid #282828;
}
.pageheader{
	width:493px;
	height:166px;
	float:left;
}

/* services _________________________________________*/

#servicesheader{
	background-image:  url("images/interface/services_header.jpg");
}
.servicesads{
	float:left;
	width: 164px;
	height: 132px;
}
.servicesinfo{
	padding: 0 8px 20px 10px;
	color: #282828;
	font-size:.9em
}
#servicesweb{background-image: url("images/interface/services_web.jpg");}
#servicesgraphic{background-image: url("images/interface/services_graphic.jpg");}
#servicesmultimedia{background-image: url("images/interface/services_multimedia.jpg");}
#packages{width:450px}

/* portfolio _________________________________________*/

#portfolioheader{background-image: url("images/interface/portfolio_header.jpg");}
#portfolioad1{background-image: url("images/interface/portfolio_ad1.jpg");}
#portfolioad2{background-image: url("images/interface/portfolio_ad2.jpg");}
#portfolioad3{background-image: url("images/interface/portfolio_ad3.jpg");}
.portfolioitem{
	border:1px solid #202020;
	background-color:white;
	width:450px;
	height: 220px;
	margin-bottom: 12px;
}
.portfoliobranding, .portfolioweb, .portfolioprint{height:220px;}
.portfoliolinks{padding-top: 8px; font-size:.9em}
.portfoliobranding p{margin: 0 0 8px 0;}
.portfoliobranding th{padding: 0 30px 0 30px;}
.portfoliobranding td{padding-right: 15px;}
.portfolioweb th{padding: 0 20px 0 20px;}
.portfolioweb td{padding-right: 15px;}
.portfolioprint th{padding: 0 15px 0 15px;}
.portfolioprint td{padding-right: 15px;}