*
{
	outline:none;
}


body
{
	background: repeat-x #798791;
	padding:0;
	margin:0;
}

div#wrapper
{
	background:url(img/bg_tile_box.jpg) repeat;
	width:100%;
}

div#content-wrapper
{
	width:720px;
	margin:auto;
	
}

div#footer-wrapper
{
	background:url(img/bg_footer.jpg) repeat-x;
	width:100%;
	height:119px;
}

div#videos-wrapper div.number
{
	position:relative;
	left: -60px;
	top:45px;
	width:40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:45px;
	color:#a3b0c1;
	font-weight:normal;
}

div#videos-wrapper div.number p
{
	
}

div#footer
{
	width:727px;
	height:119px;
	margin: auto;
	padding-top:35px;
}

div#footer ul 
{
	padding-left:0;
	margin:auto;
}

div#footer ul li, div#footer ul li a
{
	display:inline;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#cdcdcd;
	line-height:1.68em;
}

div#footer ul li a:hover, div#footer ul li a:focus
{
	color:#EDEDED;
}
div#footer ul li
{
	margin-right:55px;
}

div#footer ul li:last-child
{
	margin-right:0px;
}

div#wrapper div#left, div#wrapper div#right
{
	float:left;
	top:100px;
	height:auto;
}

div#videos-wrapper
{
	width:720px;
	margin:auto;
	padding:0;
	background:url(img/trenner_hor.jpg) repeat-x top;
}

div#wrapper div#left
{
	height:450px;
	width:290px;
	left:0;
	background:url(img/gfx_logo.png) no-repeat left 70px;
}

div#wrapper div#right
{
	margin:50px 0 50px 0;
	width:430px;
	right:0;
	height:auto;
	background:url(img/trenner.jpg) repeat-y left center;
}

div#wrapper div#right h1
{
	background:url(img/customer_area.png);
	display:block;
	width:251px;
	height:24px;
	margin-left:46px;
	text-indent:-99999px;
	margin-bottom:30px;
}

div#wrapper div#right p.error
{
    color:#cd4136;
    position:relative;
    top:40px;
    left:4px;
    font-weight:bold;
}

div#wrapper div#right p, p.note
{
	margin-left:46px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#606771;
	line-height:1.68em;
}

div#wrapper div#right form
{
	margin-left: 46px;
	margin-top:35px;
	position:relative;
}

div#wrapper div#right input[type="password"] {
    background: url("img/input_text.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #8B919B;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 33px;
    padding-left: 11px;
    padding-top: 1px;
    position: absolute;
    width: 204px;
    line-height:32px;
}

div#wrapper div#right input[type="password"]:focus {
	background:url(img/input_text_active.jpg) no-repeat transparent;
	color:#333;
}

div#wrapper div#right input[type="submit"] {
    background: url("img/input_submit.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 34px;
    left: 215px;
    margin-right: -5px;
    position: absolute;
    text-indent: -99999px;
	text-transform:capitalize;
    top: 2px;
    width: 108px;
}

div#wrapper div#right input[type="submit"]:hover, div#wrapper div#right input[type="submit"]:focus
{
	background:url(img/input_submit_hover.jpg) no-repeat scroll 0 -1px;
}

div#wrapper div#right input[type="submit"]:active
{
	background:url(img/input_submit_active.jpg) no-repeat scroll 0 -1px;
}

div#preload
{
	background:url(img/input_submit_hover.jpg), url(img/input_submit_active.jpg), url(img/input_text_active.jpg);
	display:none;
}