/*
	stylesheet created by Freek Felling.
*/


/* Template style
.template
{
	positioning:	display; position; top; left;
	flow:					float; clear; overflow;
	sizing:				width; height;
	boxing:				marging; padding;
	font:					font; font-size;	font-weight; font-style;
	text:					text-align; text-decoration;
	lining:				line-height;
	listing:			list-style; list-style-type; list-style-image; list-style-position;
	coloring:			color; background-color;
	background:		background-image; background-repeat; background-position;
	borders:			border; border-top; border-right; border-bottom; border-left; border-collapse;
}
*/

/* layout and positioning  ------------------------------------------------- */
html,body 
{
	height:100%;
	margin:0; padding:0;
}

body 
{
	display:block;
	font:10pt verdana, arial, helvetica, sans-serif;
	text-align:center; /* Takes care of horizontal alignment in Internet Explorer */
	color:#999; background-color:#fff;
}

img {border:0;}

#canvas 
{
	position:absolute; left:50%;
	width:700px;
	margin:10px 0 0 -450px;
	text-align:left;
}

.main
{}

.leftcolumn
{
	float:left;
	width:200px; height:500px;
}

.rightcolumn
{
	float:right;
	width:500px; height:500px;
}
/* /layout and positioning  ------------------------------------------------ */


/* mainmenu  --------------------------------------------------------------- */
.mainmenu
{
	margin:10px 0 0 200px;
	height:25px;
}

.mainmenu ul
{
	margin:0; padding:0;
	list-style-type:none;
}

.mainmenu ul li
{
	display:inline;
	margin-right:30px;
}

/* mainmenu link */
.mainmenu ul li a
{
	margin:0; padding:0;
	font-size:12px; font-weight:bold;
	text-decoration: none;
	color:#999; background-color:#fff;
}
.mainmenu ul li a:link {color:#999;}
.mainmenu ul li a:visited {color:#999;}
.mainmenu ul li a:hover {color:#f06; text-decoration:underline;}

/* selected mainmenu link */
.mainmenu ul li a.selected,
.mainmenu ul li a.selected:link,
.mainmenu ul li a.selected:visited,
.mainmenu ul li a.selected:hover
{
	color:#f06; background-color:#fff;
}
/* mainmenu  --------------------------------------------------------------- */


/* leftcolumn area --------------------------------------------------------- */
.sitelogo
{
	height:100px;
	/*background: url("/productdesign/images/logosmall.gif") 112px 20px no-repeat;*/
}

.sitelogo img
{
	margin:20px 0 0 112px;
}

.submenu
{}

.submenuspacer
{
	height:200px;
}

.submenu ul
{
	margin:120px 0 0 0; padding:0;
	list-style-type:none;
	text-align:right;
}

.submenu ul li
{
	margin:0 20px 4px 0; padding:0 10px 0 0;
	background: url("/productdesign/images/menubullet.gif") right no-repeat;
}

.submenu ul li a {
	color:#999; background-color:#fff;
	font-size:12px; font-weight:bold;
	text-decoration:none;
}
.submenu ul li a:link {color:#999;}
.submenu ul li a:visited {color:#999;}
.submenu ul li a:hover { color:#f06; text-decoration:underline;}

.submenu ul li a.selected,
.submenu ul li a.selected:link,
.submenu ul li a.selected:visited,
.submenu ul li a.selected:hover
{color:#f06; background-color:#fff;}
/* leftcolumn area -------------------------------------------------------- */


/* content area ------------------------------------------------------------ */
.contentborder
{
	width:448px; height:448px;
	margin:0; padding:23px;
	text-align:left;
	border:3px solid #9c3;
}

/* mainmenu link */
a
{
	margin:0; padding:0;
	text-decoration: none;
	color:#999; background-color:#fff;
	text-decoration:underline;
	border:0;
}
a:link {color:#999;}
a:visited {color:#999;}
a:hover {color:#f06; text-decoration:underline;}

.contenttitle
{
	height:38px;
}

.contenttitleleft
{
	float:left;
	width:80px;
	height:38px;
}

.contenttitleright
{
	float:right;
	width:368px; height:38px;
	text-align:right;
}

.contenthome
{
	position:relative; top:86px; left:134px;
	width:180px; height:200px;
	background-color:#fff;
}

/* portfilio */
.contentportfilio
{
	float:right;
	margin:61px 0 0 0;
	width:380px; height:260px;
}

.contentpress
{
	float:right;
	margin:20px 0 0 0;
	width:380px;
}


.product
{
	margin:30px 0 0 0;
	height:280px;
}

.productLeft
{
	float:left;
	width:175px;
}

.productLeft p
{
	margin:0 0 6px 0;
	font-size:10px;
	text-justify:newspaper; text-align:justify;
}

.productRight
{
	float:right;
	width:250px;
}

.productRight img
{
	display:block;
	margin:0; padding:0;
	width:250px; height:250px;
	border-style:none;
}

.gallerynav {text-align:right;}
.gallerynav a {
	font-family:Verdana; font-weight:bold; font-size:16px;
	text-decoration:none;
	color:#999;
}
.gallerynav a:link {color:#999;}
.gallerynav a:visited {color:#999;}
.gallerynav a:hover {text-decoration:none; color:#f06;}

.contentgallery	
{
	height:100px;
	margin:0 0 0 0;
}

.contentgallery span.thumb 
{
	float:left;
	width:100px; height:100px;
	font-size:0pt;
}

.contentgallery span.spacer 
{
	float:left;
	width:15px;
	margin:0; padding:0;
}

.contentgallery img 
{
	width:100px; height:100px;
	margin:0; padding:0;
	cursor:pointer;
}
/* /portfilio */

/* Patricia */
.contentpatricia
{
	margin:15px 0 0 0;
}

.contentinfo
{
	width:442px;
	margin:0 0 0 0;
	font-size:9pt;
}

.label {width:150px; text-align:left; vertical-align:top;}
.value {text-align:left;}
.topic {font-weight:bold; text-align:left; vertical-align:top;}

.contentcontact	
{
	width:442px;
	margin:200px 0 0 0;
	font-size:9pt;
}
/* /content area ----------------------------------------------------------- */


/* footer ------------------------------------------------------------------ */
.footer		
{
	clear:both;
	margin:0 0 0 200px;
	height:25px;
	color:#999; background-color:#fff;
}

.footerleft
{
	float:left;
	width:80px;
}

.footerright 
{
	float:right;
	width:368px;
	margin:4px 0 0 0; padding:0;
	font-size:10px; font-weight:bold;
	text-align:right;
}

.footerleft a {
	font-size:16px; font-weight:bold; 
	text-decoration:none;
	color:#999; background-color:#fff;
}
.footerleft a:link {color:#999;}
.footerleft a:visited {color:#999;}
.footerleft a:hover {color:#f06; text-decoration:none;}

.footerright a {
	font-size:10px; font-weight:bold;
	text-decoration:none;
	color:#999; background-color:#fff;
}
.footerright a:link {color:#999;}
.footerright a:visited {color:#999;}
.footerright a:hover {color:#f06; text-decoration:none;}
/* /footer ----------------------------------------------------------------- */