@charset "utf-8";
/* CSS Document */

	body{
	background-color:black;
	background-image:url(../images/newThing.png);
	background-repeat:repeat-x;
	color:white;
	}
#video_wrap{float:right;}
	
	#mainContainer{
		width:500px;
		margin:0px;
		margin-top:10px;
		border:0px;
		padding:12px;
		color:black;
		background-color:#f5f3e7;
		font-size:16px;
		font-weight:bold;
		background-image:url();
		background-repeat:no-repeat;
	}
	
	#leftColumn{
		width:450px;
		height:90px;
		border:1px solid #000;
		background-color:#E2EBED;
		padding:3px;

	}
	#rightColumn{
		width:450px;
		height:90px;
		margin:2px;

	}	
	.dragableBox{
		width:100px;
		height:67px;
		border:1px solid #000;
		background-color:#FFF;		
		margin-bottom:5px;
		padding:10px;
		font-weight:bold;
		text-align:center;
		cursor:move;
	}
	.dragableBox:hover{
		width:100px;
		height:67px;
		border:1px solid red;
		background-color:#E2EBED;		
		margin-bottom:5px;
		padding:10px;
		font-weight:bold;
		text-align:center;
		cursor:move;
		color:#fff;
	}	
	.dropBox{
		width:450px;
		height:110px;
		margin-bottom:10px;
		padding:3px;
		overflow:auto;
		background-image:url(../images/drop_here_1.png);
		background-repeat:no-repeat;
/*filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
*/	
	}	
	#dragBox{
	background-color:white;
	padding:12px;
	}	
	a{
		color:#F00;
	}
		
	.clear{
		clear:both;
	}
	img{
		border:0px;
	}
	p{
	margin:0px; padding:0px;
	}

	h1{color:white;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

    .capt,
    .capb {
        background: url("images/caps.gif") no-repeat;
        height:4px;
        width:100%;
        /*position:absolute;*/
        z-index:100;
        margin:0px;
        padding:0px;
    }
    .capt {
        position:absolute;
        background-position:0 -4px;
    }
    .capb {
        margin-top:-19px;
    }
    #content {
        float:left;
    }
    .drawers-wrapper {
        position: relative;
        width: 188px;
        float:left;
        margin:10px;
		border:2px solid white;
    }
        .drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }
            .drawer {
                background:transparent url(images/sideboxlight_bg.gif) repeat-y scroll 0pt;
                color:#76797C;
                font-size:11px;
                line-height:1.3em;
            }
                .drawer-handle {
                    background:#939393 url(images/slider_handlebg.png) no-repeat scroll 0pt;
                    color:#333333;
                    cursor:default;
                    height:25px;
                    line-height:25px;
                    text-indent:15px;
                    font-size:12px;
                    width:100%;
                }
                    .drawer-handle.open {
                        background-color:#72839D;
                        background-position:-188px 0pt;
                        color:#FFFFFF;
                    }

                /* nasty, but it fixes the indent on the first one. */
                    h2.drawer-handle span {
                        
                    }
                .drawer ul {
                    padding: 0 12px;
                    padding-bottom:0pt;
                }
                .drawer li {
                    border-bottom:1px solid #E5E5E5;
                    line-height:16px;
                    padding:6px 0pt;
                }
                    .drawer-content ul {
                        padding-top: 7px;
                    }
                    .drawer-content li a {
                        display:block;
                        overflow:hidden;
                    }
                    .alldownloads li {
                        border:0pt none;
                        line-height:18px;
                        padding:0pt;
                    }

            .drawers a {
                color:#666666;
                text-decoration:none;
                font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            }
        -->