/* generic */
body {	margin: 0px; background-image: url(../images/bg_main.gif); background-repeat: repeat-y; /*	background-attachment: fixed; */ background-color: #FFFFFF; }
body,h1,h2,h3,h4,h5,h6,table,td,tr { font-family: Arial, Verdana, Georgia; color: #333331; }
body,table,td,tr { font-size: 12px; }

#actualProjectDetails h2 {
	font-family: Tahoma, Arial, Verdana; font-size: 17px; font-weight: normal; margin: 0; padding: 1em 0 0.3em 0;
}

#actualProjectDetails .date {
	font-size: 11px; color: #8D8C88;
}

/*
h2	{
	margin-top: 15px;
	margin-bottom: -10px;
	font-size: 11px;
	font-weight: bold;
}
*/
a {
	color: #6666bb; text-decoration: none;
}

a:visited {
	color: #6666bb; text-decoration: none;
}

a:active {
	color: #BA9331; text-decoration: none;
}

a:hover {
	color: #BA9331; text-decoration: none;
}

/*.title02 { font-weight: bold }*/
.title03 {
	font-weight: bold; font-style: italic;
}

/*
a:link .preview_image, .preview_image	{
	border: 1px solid;
	border-color: #BBBBBB
}
*/
img {
	border: 0px;
}

/* framework */
#main { height: 100%; width: 890px; float: left; display: block; background-image: url(../images/bg_main.gif); background-repeat: repeat-y; }

#minorMenu {
	background-image: url(../images/bg_portsub.gif);
	background-repeat: no-repeat; position: relative; float: left;
	display: block; width: 290px; height: 35px;
	/*	border-bottom: 1px solid #999999; */ background-color: #FFFFF0;
}

#mainMenu {	position:absolute; top:10px; left:320px; width:570px; height:35px; }
#mainMenu ul { margin:0px; padding:0px; list-style:none; clear:both; }
#mainMenu ul li { display:inline; width:114px; height:30px; padding:0px; margin:0px; float:left; }
#mainMenu li a { display:block; width:114px; height:30px; padding:0px; margin:0px; }
#mainMenu li a:hover,
#mainMenu li a:active,
#mainMenu li.active a { background-position:0 0px; }

#services { background: url("../images/btmenu_services.gif"); }
#portfolio { background: url("../images/btmenu_portfolio.gif"); }
#clients { background: url("../images/btmenu_clients.gif"); }
#about { background: url("../images/btmenu_about.gif"); }
#contact { background: url("../images/btmenu_contact.gif"); }

#services,
#portfolio, 
#clients,
#about,
#contact { background-repeat: no-repeat; background-position:0px -35px; }


#header {
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat; width: 890px; height: 115px; clear:both;
	/*	clear:left; */ /* border-bottom: 1px solid #999999; */
}

#teaser {
	background-image: url(../images/bg_portmenu.jpg);
	background-repeat: no-repeat; float: left; width: 320px; height: 235px;
	padding: 0; clear: left;
}

#portfolioMenu {
	position:absolute; top:115px; left:0px; width: 297px; height: 205px; padding: 30px 0 0 23px; font-size: 10px; clear: left; background-image: url(../images/bg_portmenu.jpg);	background-repeat: no-repeat; }

#clientList {
	padding-top: 10px;
}

#clientList .clientItem {
	display: block; float: left; width: 155px; height: 60px;
	margin: 0 20px 10px 0;
}

a.portfolioMenuItem,a.portfolioMenuItem:hover,a.portfolioMenuItem:visited,a.portfolioMenuItem:active,a.portfolioMenuItemActive,a.portfolioMenuItemActive:hover,a.portfolioMenuItemActive:visited,a.portfolioMenuItemActive:active
	{
	display: block; width: 256px; border: 1px; padding: 2px 2px 2px 6px;
	color: #FFFFFF; text-decoration: none;
}

a.portfolioMenuItem:hover,a.portfolioMenuItemActive {
	/*	border-style: solid none;
	border-color: #DD5455;
	*/
	background: #7D1E1E;
}

#contentImage { position:absolute; top:115px; left:320px; width: 570px; height: 235px;
	/*float: left; width: 570px; height: 235px;*/
	/* border-bottom: 1px solid #999999; */
}

#mainContentIcons {
	float: left; text-align: right; width: 520px; height: 20px;
	padding-top: 0px;
}

#teaser2,#portfolioSubmenu {
	position:absolute; top:350px; left:0px;	
	background-image: url(../images/bg_portsub.gif);
	background-repeat: no-repeat; float: left; width: 320px; padding: 0px;
	/* clear: left; */
}

#portfolioSubmenu {
	padding-top: 30px; font-size: 11px;
	/*	font-size: 10px; */ /*	line-height: 14pt; */
	/*	border-bottom: 1px solid #999999; */
}

#portfolioSubmenu .company {
	font-weight: bold;
}

#portfolioSubmenu ul {
	margin: 0; padding-left: 23px; list-style-type: none;
}

#portfolioSubmenu li { /*	margin-top: 8px;*/
	
}

#portfolioSubmenu a,#portfolioSubmenu a:visited,#portfolioSubmenu a:hover
	{
	display: block; margin-bottom: 1px; border: 1px;
	padding: 1px 12px 1px 6px; width: 246px; color: #888888;
	text-decoration: none;
}

#portfolioSubmenu a.active,#portfolioSubmenu a.active:visited,#portfolioSubmenu a.active:hover
	{
	display: block; margin-bottom: 1px; border: 1px;
	padding: 1px 12px 1px 6px; width: 246px; text-decoration: none;
	background: #515150; color: #aaaaaa;
}

#portfolioSubmenu a:hover {
	background: #515150; color: #aaaaaa;
}

#mainContent {
	position:absolute; top:350px; left:320px; background-repeat: no-repeat; line-height: 1.6em;
	/* float: left; position: relative; */ 
}

.content {
	padding: 25px 25px; width: 520px;
}

.contentPort {
	padding: 0px 25px; width: 520px;
}

#mainContent li {
	list-style-image: url(../images/bt_list.gif); padding-bottom: 1px;
}

.portDesc {
	width: 8em; display: block; float: left; padding-right: 6px;
	text-align: right; font-weight: bold; color: #666668;
}