@charset "utf-8";
/* CSS Document */
/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 120%;
	background-color: #ffffff;
			background-position: left top;
	background-repeat: repeat-x;
	background-image: url(images/bg.gif);
	}
	
body, form, table, span, img, button, iframe, ul, li, a, p  {
	margin:0;
	padding:0;
	border:0;
	color: #666666;
}
table { text-align:left; margin: 0; padding: 0; border: 0;}
td {vertical-align: top; padding: 0px;}

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

.floatLeft { float: left; }
.floatRight { float: right; }
.visible { display: block; }
.hidden { display: none; }
.center {text-align: center;}
	
/* ############################################################  */
/* ################## TOP AND MAIN CONTAINERS ######################  */
/* ############################################################  */
div#container {
	width: 1000px;
	margin: auto;
	position: relative;
	}
		div#header {
	width: 840px;
	height: 60px;
	position:relative; 
	margin: 30px 0px 10px 40px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	font-size: 90%;
		}
				div#header img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
		}
		
	div#mainBoxInside {
	width: 850px;
	clear: both;
	margin: 0px 0px 0px 40px;
	position: relative;
		}
		div#slideShowMain {
			width: 400px;
			height: 400px;
			clear: both;
			margin: 0px 0px 0px 295px;
			}
				div#slideShowMainWeb {
			width: 332px;
			height: 431px;
			clear: both;
			margin: 0px 0px 0px 215px;
			}
						div#slideShowMainPrint {
			width: 339px;
			height: 438px;
			clear: both;
			margin: 0px 0px 0px 320px;
			}
		div#slideShowRight {
			width: 850px;
			}
		div#slideShowRight div#slides {
			width: 700px;
			margin: 0px 0px 0px 140px;
				}
				div#slides div.slideBox {
					float: left;
					border: 0px solid #cfd0d1;
					padding: 4px;
					margin: 30px 11px 0px 0px;
					text-align: center;
					}
					div.slideBox div.slideInside {
					padding 3px;
					}
				div#slides p#controls {
				font-size: 75%;
				position: absolute;
				top: -27px;
				right: 0px;
				letter-spacing: 0.11em;
				padding: 10px 6px 2px 8px;
					}

					
					p#controls span.breakBar {
					color: #666666;
					margin: 0px 9px 0px 9px;
					font-size: 92%
					}
				div#slideShowRight div#portfolioLinks {
				float: left;
				width: 140px;
				margin: 0px 0px 0px 0px;
				}

				div#portfolioLinks ul.links {
				font-size: 80%;
				line-height: 108%;
				list-style-type: none;
				margin: 25px 0px 0px 0px;
				letter-spacing: 0.2em;
					}
					ul.links li {
						margin: 5px 0px 10px 0px;
						padding: 2px 5px 3px 8px;
						}
						ul.links li.current {
						border-bottom: 1px solid #999999;
						font-weight: bold;
						color: #666666;
						border-left: 1px solid #999999;
							}
							ul.links li.current a{
							color: #666666;
							}
					
	
		
/* #####################################################  */
/* ######## BUTTON AND FORM STYLES BUTTON FORM STYLES ##########  */
/* #####################################################  */

input.checkbox, input[type="checkbox"],
input.radio, input[type="radio"] {
	margin: 0;
	padding: 0;
	}
input.text, input[type="text"], .inputText {
	border: 1px solid #716f35;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%;
	}


/* #####################################################  */
/* ######## MARGINS AND PADDINGS MARGINS AND MARGINS ##########  */
/* #####################################################  */	

/* margins  */
.marginAll6px { margin: 6px; }
.marginAll12px { margin: 12px; }
.marginRight5px { margin-right: 5px;}
.marginRight15px { margin-right: 15px;}
.marginRight40px { margin-right: 40px;}
.marginLeft10px { margin-left: 10px;}
.marginLeft12px { margin-left: 12px;}
	
/* paddings  */	
.paddingAll6px { padding: 6px;}
.paddingAll12px { padding: 12px;}
.paddingLeft12px {padding: 0px 0px 0px 12px;}
.paddingLeft6px {padding: 0px 0px 0px 6px;}
.paddingRight35px {padding: 35px;}
.paddingRight9px {padding: 0px 9px 0px 0px;}
	
/* #####################################################  */
/* ################### FONTS FONTS FONTS ###################  */
/* #####################################################  */	

.bold { font-weight:bold;}
.italic { font-style: italic;}
.normal { font-weight: normal;}

span.superscript { font-size: 76%;vertical-align: text-top;}

.font08px {font-size: 72%;}
.font09px {font-size: 76%;}
.font10px {font-size: 84%;}
.font11px {font-size: 92%;}
.font12px {font-size: 100%;}
.font13px {font-size: 108%;}
.font14px {font-size: 116%;}
.font15px {font-size: 150%;}
.font16px {font-size: 132%;}
.font17px {font-size: 130%;}