/* Main CSS */
html, body{
    margin:0px;
    padding:0px;
    height:100%;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#444;
}

#page_container{
	position:relative;
    background:#FFF;
    margin:0;
    padding:0px;
    width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
}

a:link, a:visited, a:hover, a:active{
    text-decoration:none;
    color:#666;
}

h1{
    font-size:20px;
    font-weight:bold;
}

h2{
    font-size:16px;
    font-weight:bold;
}

h3{
    font-size:14px;
    font-weight:bold;
    display:inline;
}

input{
	font-size:11px;
	border:1px #AAA solid;
}

input .large{
	font-size:12px;
	font-weight:bold;
}


/* ID's */

#page{
    width:880px;
    margin:5px auto 0 auto;
    padding:0 0 30px 0;
    background:none;
}

#header_container{
    position:relative;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:1px solid #AAA;
}

#header{
    position:relative;
    width:880px;
	padding:0;
	margin:0 auto 0 auto;
}

#address_container{
    position:relative;
	width:100%;
	padding:0;
	margin:0 0 20px 0;
}

#address{
    width:860px;
    padding:0 10px 0 10px;
	font-size:11px;
	letter-spacing:.4em;
    margin:0 auto 0 auto;
    color:#444;
    text-align:center;
}

    #address a:link, #address a:visited{
        color:#666;
        text-decoration:none;
        padding:0px 5px 0px 5px;
    }

    #address a:active, #address a:hover{
        color:#999;
    }

#footer_container{
    position:relative;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:1px solid #AAA;
}

#footer{
    width:860px;
    padding:0 10px 0 10px;
	font-size:11px;
	letter-spacing:.4em;
    margin:auto;
    color:#444;
    text-align:center;
}

    #footer a:link, #footer a:visited{
        color:#666;
        text-decoration:none;
        padding:0px 5px 0px 5px;
    }

    #footer a:active, #footer a:hover{
        color:#999;
    }


#menu{
    position:relative;
    width:880px;
	color:#FFF;
    text-align:center;
	margin:3px 0 30px 0;
    padding:0 0 30px 0;
}

	#menu.selected{
			color:#444;
			font-size:14px;
			display:inline;
			text-align:center;
			text-transform:lowercase;
			padding:3px 15px 29px 15px;
			margin:3px 0 50px 0;
			background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
	}

    #menu a:link, #menu a:visited{
        color:#444;
        font-size:14px;
        display:inline;
		text-align:center;
		text-transform:lowercase;
        padding:3px 15px 29px 15px;
        margin:3px 0 50px 0;
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center top;
		white-space:nowrap;
    }

    #menu a:active, #menu a:hover{
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
    }

    #menu a.selected{
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
    }


#sub_menu{
    position:relative;
    width:880px;
	color:#FFF;
    text-align:center;
	margin:30px 0 20px 0;
    padding:0 0 30px 0;
}

    #sub_menu a:link, #sub_menu a:visited{
		color:#666;
        font-size:14px;
		text-align:center;
		text-transform:lowercase;
		width:100px;
        padding:3px 20px 29px 20px;
        margin:3px 0 0 0;
		white-space:nowrap;
		line-height:3em;
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center top;
    }

    #sub_menu a:active, #sub_menu a:hover{
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
    }

    #sub_menu a.selected{
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
    }

#sub_sub_menu{
    position:relative;
    width:880px;
	color:#FFF;
    text-align:center;
	margin:30px 0 20px 0;
    padding:0;
}

    #sub_sub_menu a:link, #sub_sub_menu a:visited{
		color:#888;
        font-size:14px;
		text-align:center;
		text-transform:lowercase;
		width:100px;
        padding:3px 20px 29px 20px;
        margin:3px 0 0 0;
		white-space:nowrap;
		line-height:3em;
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center top;
    }

    #sub_sub_menu a:active, #sub_sub_menu a:hover{
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
    }

    #sub_sub_menu a.selected{
		background:url(http://www.lasercuttingshapes.com/img/bullet_crosshair.gif) no-repeat center bottom;
    }


#content_container{
	position:relative;
    width:870px;
	margin:0 auto 50px auto;
}

#content_container_small{
	position:relative;
	float:left;
    width:300px;
	margin:0 auto 50px auto;
}

#content{
	position:relative;
    float:left;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0 15px 5px 0;
	line-height:1.1em;
}

    #content a{
        text-decoration:underline;
    }

#slider_container{
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:200px;
	
	border:thin #00CCFF 1px;
}

#scroller1_body{
	width:250px;
}

#scroller1_container{
	width:220px;
}

#scroller1{
	width:200px;
}

#exit_button1{
	display:none;
}

#scroller2_body{
	width:250px;
}

#scroller2_container{
	width:220px;
}

#scroller2{
	width:200px;
}

#exit_button2{
	display:none;
}

#otherOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #FFF;
	cursor: pointer;
	visibility:hidden;
}

#otherOverlay2 {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #FFF;
	cursor: pointer;
	visibility:hidden;
}

/****** CLASSES ********/


.c1{
    float:left;
    width:200px;
    padding:50px 0 0 0;
}

.c2{
    float:left;
    width:450px;
    padding:0px 45px 45px 45px
}

.c3{
    width:780px;
    text-align:center;
}

.c4{
	position:relative;
    margin:0 5px 0 0;
    text-align:left;
    float:left;
}

.d1{
	position:relative;
	background:#CCC;
	padding:5px;
	margin:0 0 20px 0;
}

.d2{
	position:relative;
	background:#FFF;
	border:3px solid #CCC;
	padding:5px;
	width:260px;
	margin:0 20px 0 0;
}

	.d2 h3{
		display:block;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		border-bottom:1px solid #444;
	}
	
	.d2 label{
		display:block;
		width:75px;
		float:left;
		text-align:right;
		vertical-align:absmiddle;
		padding:0 10px 0 0;
	}

	.d2 label.small{
		width:auto;
	}


.error{
    font-weight:bold;
    color:#FF6600;
}


.clear{
    clear:both;
}

.clear_left{
    clear:left;
}

.clear_right{
    clear:right;
}

/* Custom Classes */
.image_scroller{
	position:relative;
	float:left;
	padding:10px;
}

	.image_scroller img{
		padding:5px;
	}

.image_scroller_horiz{
	position:relative;
	float:left;
	padding:10px;
	background:none;
}

	.image_scroller_horiz img{
		padding:5px;
	}

	
.gallery_browser{
	width:250px;
	padding:2px;
	background:url(../img/back_gallery_browser.gif) no-repeat;
}


.controls{
	position:relative;
	float:left;
	width:16px;
}

	.controls img{
		margin:5px;
	}