html, body { margin: 0 auto; padding: 0; }
body { background: #dedede url(images/page_bkg.gif) repeat-x fixed top; font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; line-height: 20pt; text-align: center; margin-left: auto; margin-right: auto; width: 750px; }

a:link,
a:visited,
a:active { font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; color: #414141; text-decoration: none; }
a:hover { text-decoration: underline; color: #92662C; }

div#container { width: 720px; margin: 0px auto; padding: 0px 5px 0px 5px; background: url(images/page_bkg_top.gif) no-repeat center top; text-align: center; }
div#container img { display: block; }
div#branding { width: 100%; height: 72px; margin: 0px; padding: 30px 0px 0px 0px; text-align:center; background: url(images/page_bkg_top.gif) no-repeat center top;}
div#page { width: 720px; background: url(images/bkg04.jpg) no-repeat left bottom; min-height: 465px; height: auto !important; height: 465px; overflow: auto; text-align:left;}

/* Page has either "page_single" or "page_main & page_feature"  */
div#page_single { float : left; width : 720px; margin: 0px; padding: 0px; }
div#page_main { float : left; width : 508px; margin: 0px; padding: 0px; }
div#page_feature { float: right; width: 187px; margin: 0; padding : 0; }
div.content { float : left; margin: 0px; padding: 0px 0px 20px 25px; }
div.content-showreel { float : left; margin: 0px; padding: 0px 0px 20px 25px; background: url(images/bkg05.jpg) no-repeat left top; width: 695px; min-height: 570px; height: auto !important; height: 570px; overflow: auto;}
div.content-showreel #video { background-color: white; float: right; margin: 0px; padding: 0px; text-align: right; }
div.content-showreel #videomargin { background-color: white; float: right; width:5px; min-height: 300px; height: auto !important; height: 300px; overflow: auto; }
div.content-contact { float : left; margin: 0px; padding: 0px 0px 20px 25px; width:695px;}
div.home-showreel { position: relative; margin: 0px; padding: 0px 0px 20px 25px; width: 695px; min-height: 570px; height: auto !important; height: 570px; overflow: auto;}
div.home-showreel #video { background-color: white; float: right; margin: 0px; padding: 0px; position: absolute; bottom: 0; left: 0; }

p { margin: 0px; padding: 5px 30px 10px 0px; line-height: 14pt; }
h1 { margin: 0px; padding: 5px 0px 10px 0px; font-size: 25px; font-weight: normal; color: #4b4b4c; line-height: 25px; }
h2 { margin: 0px; padding: 4px 0px 4px 0px; font-size: 15px; font-weight: bold; color: #808080; line-height: 20px; }
h3 { font-size: 15px; font-weight: normal; color: #4b4b4c; line-height: 25px; font-style: normal; margin:0px; }

#navigation { height: 27px; padding: 0px 0px 48px 0px; }
#navigation ul { list-style-type: none; margin: 0px; padding: 0px; border: none; background: White; height: 27px; } 
#navigation ul li { display: inline; float: left; height: 27px; line-height: 25px; } 
#navigation ul li a { float: left; padding: 7px 0px 0px 0px; font-size: 12px; height: 20px; line-height: 13px; color: #343434; margin: 0px; text-align: left; background: url(images/menu_general.gif) no-repeat right top #d1d1d1; text-decoration: none; } 
#navigation ul li a:hover { color: white; }		
#navigation #start { float: left; display: inline;  background: url(images/menu_left.gif) no-repeat left top; height: 27px;}
#navigation .end a { background: #d1d1d1 url(images/menu_right.gif) no-repeat right top; }		
#navigation #startlock { float: left; display: inline;  background: url(images/menu_left.gif) no-repeat left bottom; color: #f8f8f8; height: 27px;}
#navigation .locknext a { background: #d1d1d1 url(images/menu_general.gif) no-repeat right -36px; }
#navigation .lock a { background: #808080 url(images/menu_general.gif) no-repeat right bottom; color: #f8f8f8; }
#navigation .lockend a { background: #808080 url(images/menu_right.gif) no-repeat right bottom; color: #f8f8f8; }
#navigation .spacer { padding: 0px 15px 0px 15px; }

.floatleft { float: left; margin: 0px; }
.floatright { float: right; margin: 10px 20px 20px 20px; padding: 0px; }
.none { display: block; }

#showreel_link { width: 157px; /*Total width 187*/
	height: 28px; /*Total height 68*/
	background: White url(images/home_showreel_play.gif) no-repeat left top; color: #7c7c7c; padding: 20px 5px 20px 25px; }

#showreel_link a { display: block; width: 120px; height: auto; background: url(images/button_mini.gif) no-repeat 0px 1px; border-top: 1px dotted #c4c4c4; border-bottom: 1px dotted #c4c4c4; color: #7c7c7c; margin:0px; padding: 2px 0px 3px 20px; line-height: 13px; }
#showreel_link a:hover { background-position: 0px -134px; color: #d78b00; 	border-top: 1px dotted #d78b00; border-bottom: 1px dotted #d78b00; text-decoration: none;}

.button_panel a {
	width: 189px; /*Total width 239*/
	height: 48px; /*Total height 68*/
	display: block; background: url(images/button_panel.gif) no-repeat right top; color: #7c7c7c; padding: 20px 0px 0px 50px; border: 0px; }

.button_panel a:hover {	background-position: right bottom; color: #d78b00; }

#home_news { width: 157px; /*Total width 187*/
	background: White url(images/home_news_bkg.gif) no-repeat bottom; color: #7c7c7c; padding: 10px 5px 20px 25px; margin: 0px; line-height: 15px; }

div#home_news h2 { padding-bottom: 0px; }

#home_news a { display: block;
	width: 120px; /*width: 142px; Total width 187*/
	height: auto; background: url(images/button_mini.gif) no-repeat 0px 4px; border-top: 1px dotted #c4c4c4; border-bottom: 1px dotted #c4c4c4; color: #7c7c7c; padding: 4px 0px 3px 20px; line-height: 15px; margin: 10px 0 10px 0; }

#home_news a strong { line-height: 20px; }

#home_news a:hover { background-position: 0px -131px; color: #d78b00; 	border-top: 1px dotted #d78b00; border-bottom: 1px dotted #d78b00; text-decoration: none;}
div#footer { width: 700px; margin: 0px auto; padding: 13px 5px 20px 25px; background: url(images/page_bkg_bottom.gif) no-repeat center top; text-align: left; color: #a9a9a9; font-size: 10px; }

.newsitem {	width: 665px; border: 1px dotted #d1d1d1; padding: 0px; margin: 20px 0 5px 0; }
.newsitem h2 { border-bottom: 1px dotted #d1d1d1; margin: 0; padding: 10px; }
.newsitem .date { float: right; margin: 0; padding: 5px 15px 0px 0px; color: #808080; }
.newsitem p { margin: 0; padding: 0 0 10px 10px; }
ul { padding: 0px; margin: 0px; }
.videolist li { list-style-type: none; line-height: 15px; padding: 1px 0px 5px 0px; }
.videolist .videolist_selected a { display: block; min-height: 18px; height: auto !important; height: 18px; overflow: auto; max-width: 350px; padding: 2px 0px 0px 23px; line-height:13px; margin: 0px; border: 0px; background: url(images/showreel_list.gif) no-repeat 0px -24px; }

.videolist li a { display: block; padding: 2px 0px 0px 23px; line-height:13px; margin: 0px; border: 0px; background: url(images/showreel_list.gif) no-repeat 0px 4px; min-height: 18px; height: auto !important; height: 18px; overflow: auto; max-width: 350px;}
.videolist li a:hover { background-position: 0px -24px; color: #f69701; text-decoration: none; }

#contactform { float: right; margin-left:50px; border-left:1px dotted #d1d1d1; }
#contactform ul{ list-style:none; margin-top:5px; width: 300px; }
#contactform ul li { display:block; float:left; width:100%; height:auto; padding-bottom:10px; }
#contactform ul li label { float:left; padding:0 0 0 7px; }
#contactform ul li input, ul li textarea { float:right; margin-right:10px; border:1px solid #ccc; padding:3px; font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; width:70%; }
#contactform li input:focus, li textarea:focus{ border:1px solid #666; }
#contactform fieldset{
/* background: url(images/bkg04.jpg) no-repeat left bottom; */
padding:10px; border:0px; width:300px; overflow:auto; margin:10px; } 
#contactform legend { font-size: 15px; font-weight: normal; color: #4b4b4c; line-height: 25px; margin:0px; padding: 0 0px 10px 7px; }
#contactform label span{ color:#f00; }
#contactform fieldset input#Submit, #contactform fieldset input#Reset { font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; background:#E5E5E5; color:f00; border:1px solid #ccc; width: 100px; height: 20px; padding: 0px; margin: 5px 10px 0 8px; cursor: pointer; }
#contactform fieldset input#Button { float: left; font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; background: #E5E5E5; color: f00; border: 1px solid #ccc; width: auto; height: 25px; padding: 2px 10px 2px 10px; margin: 5px 10px 2px 8px; cursor: pointer; }

#clientlogin { margin:40px 0px 0px 165px; border-left:1px dotted #d1d1d1; border-right:1px dotted #d1d1d1;}
#clientlogin ul{ list-style:none; margin-top:5px; width: 300px; }
#clientlogin ul li{ display:block; float:left; width:100%; height:35px; }
#clientlogin ul li label { float:left; padding:0 0 0 7px; }
#clientlogin ul li input, ul li textarea{
float:right; margin-right:10px; border:1px solid #ccc; padding:3px; font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; width:210px; }
#clientlogin li input:focus, li textarea:focus{ border:1px solid #666; }
#clientlogin fieldset{
/* background: url(images/bkg04.jpg) no-repeat left bottom; */
padding:10px; border:0px; width:300px; overflow:auto; margin:10px; }
#clientlogin legend { font-size: 15px; font-weight: normal; color: #4b4b4c; line-height: 25px; margin:0px; padding: 0 0px 10px 7px; }
#clientlogin label span{ color:#f00; }
#clientlogin #buttons { float:right; text-align: left; margin-right:10px; padding:4px; width:71%; }
#clientlogin fieldset input#Submit, fieldset input#Reset { font: 12px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif; background:#E5E5E5; color:f00; border:1px solid #ccc; width: 80px; height: 20px; padding: 0px; margin: 2px 10px 0 0; cursor: pointer; width:218px; }