/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/18px sans-serif; color: #000; background: #f5fbfe url(../gfx/body-bg.jpg ) repeat-x top; text-align: center; padding: 0; margin: 0;}

h1										{font:  bold 24px Arial, Helvetica, Verdana, Sans-serif; color: #3e4e64;}
h2										{font:  regular 18px Arial, Helvetica, Verdana, Sans-serif; color: #3e4e64;}
h2.client								{font:  italic 13px Arial, Helvetica, Verdana, Sans-serif; color: #3e4e64; margin: 0;}
h3										{font:  bold 15px Arial, Helvetica, Verdana, Sans-serif; color: #3e4e64;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

h1.no-margin							{margin: 0 0 -5px;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

#skip									{display: none;}
#page									{width: 100%;}
#flashcontent							{width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; z-index: -1; display: block;}
#content								{width: 701px; margin: 10px auto; text-align: left; display: block;}

#navigation								{width: 701px; background: url(../gfx/bg_navigation.png) no-repeat bottom; float: left; padding: 0;}
#wrapper								{width: 605px; background: #fff; clear: both; padding: 0 48px 25px; margin: 0; float: left;}
#footer									{width: 701px; height: 40px; background: #d5dade url(../gfx/footer_bg.png) no-repeat center; clear: both; margin: -13px 0 0; color: #3e4e64;}

#wrapper p								{font-size: 11px;}
#wrapper .main							{}
#wrapper .sidebar						{float: right; width: 205px; background-color: #EFEFEF; padding: 20px 15px 0; font-size: 11px;}
#wrapper .fixed							{float: left; width: 321px;}

#wrapper .main a						{color: #3e4e64; text-decoration: none;}

#wrapper .main ul.cols					{padding: 0; margin: 0; list-style: none;}
#wrapper .main ul.cols li				{clear: both; padding: 10px 0; margin: 20px 0 0;}
#wrapper .main ul.cols li img			{float: left; margin: 0 25px 15px 0;}
#wrapper .main ul.cols li img.right		{float: right; margin: 0 0 15px 25px;}

.main p.error							{background: #ffc; padding: 5px 10px; margin-bottom: 15px;}
.main p.error strong					{color: #f00; font-style: italic; margin: 0 5px 0 0;}
.main #workMovie						{color: #999; font-style: italic;}
.main #WorkItemList	ul					{list-style: none; margin: 0; padding: 0;}
.main #map								{float: left; margin: 0 23px 30px 0;}
.main #map p							{color: #888; font-style: italic; width: 290px;}
.main #aboutus							{float: left; margin: 10px 23px 30px 0;}
.main #aboutus p						{color: #888; font-style: italic; width: 290px;}

#navigation #logo						{float: left; position: relative; top: 7px; left: -94px; margin: 0 -701px 0 0;}
#navigation #logo img					{padding: 0; margin: 10px 0 -10px;}
#navigation #topnav						{width: 701px; float: left; text-align: center; margin: 153px 0 10px; padding: 10px 0 0;}

.sidebar a								{color: #3e4e64; text-decoration: none;}
.sidebar a:hover						{color: #3e4e64; text-decoration: underline;}
.sidebar ul								{list-style: none; margin: 0; padding: 0;}
.sidebar ul li							{margin-bottom: 25px;}
.sidebar ul li.headings					{margin: 0 0 10px;}
.sidebar ul li.headings	h3				{margin: 0;}
.sidebar ul li.on a						{color: #000;}			
.sidebar p								{margin: 3px 0 0;}
.sidebar h2								{margin: -3px 0 12px -1px; font:  bold 24px Arial, Helvetica, Verdana, Sans-serif; color: #3e4e64;}
.sidebar div#rightnow					{margin: 0 0 16px;}
.sidebar div#rightnow h2				{margin: -3px 0 12px -4px;}
.sidebar div#rightnow .twitteritem		{margin: 0 0 5px;}
.sidebar div#rightnow .twitteritem h3	{font-size: 12px; margin: 10px 0 0;}
.sidebar div#rightnow .twitteritem .date {padding: 5px 0 0; font-style: italic; margin: 0; color: #4D555F;}
.sidebar div#rightnow .linus			{border-bottom: solid 1px #D5DADE;  padding: 0 0 5px;}
.sidebar div#rightnow .espen			{border-bottom: solid 1px #D5DADE; padding: 0 0 5px;}

.sidebar a.rss							{background: url(../gfx/feed-icon.png) no-repeat left; padding: 0 0 0 20px;}

img										{border: 0;}
img.left								{float: left; margin: 0 23px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

#txtSearchSite							{font: normal 12px sans-serif; width: 100px;}
#btnSearchSite							{font: normal 12px sans-serif;}

div.company					            {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;}

address.footer							{display: none;}

/*--------------------------------------------------------------------------------------------------
Work
--------------------------------------------------------------------------------------------------*/

.workitem							{width: 604px; clear: both; padding: 0 0 10px; border-bottom: solid 1px #f3f3f3; margin: 0 0 20px; float: left;}
.workitem .movie						{float: left; width: 320px; margin: 0 15px 0 0;}
.workitem .movieinfo					{float: right; width: 269px;}
.workitem .movieinfo .content			{height: 209px; overflow: auto; margin: 2px 0 0; padding: 0 10px 0 0 !important;}
.workitem.odd .movie					{float: right; width: 320px; margin: 0 0 0 15px;}
.workitem.odd .movieinfo				{float: left; width: 269px; }
.workitem.odd .movieinfo .content		{height: 209px; overflow: auto; margin: 2px 0 0; padding: 0 10px 0 0;}
.workitem .movieinfo a					{color: #3e4e64; text-decoration: none;}
.workitem .movieinfo .content p, .workitem-odd .movieinfo .content p {padding-top: 0; margin-top: 0;}

.workitem .relatedmovies				{clear: both; margin: 10px 0;}
.workitem .relatedmovies .relatedmovie	{float: left; margin: 0 10px 0 0; width: 143px;}
.workitem .relatedmovies .relatedmovie.last	{margin: 0 !important;}
.workitem .relatedmovies h4				{font: normal 10px Arial, Helvetica, Sans-serif !important; text-transform: uppercase !important; color: #555; margin: 10px 0 5px !important;}
.workitem .relatedmovies a img			{padding: 3px; border: solid 1px #e0e0e0; background-color: #f6f6f6;}
.workitem .relatedmovies a:hover img	{background-color: #e8e8e8;}

.workitem h3, .workitem-odd h3			{margin: -3px 0 0 !important; padding: 0 !important; text-transform: uppercase;}
h3.upper, h2.upper, h1.upper			{margin: 10px 0 0 !important; padding: 0 !important; text-transform: uppercase;}

.sidebar h3.upper						{margin-bottom: 2px !important;}
#workitem a								{color: #3e4e64; text-decoration: none;}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

ul.menu									{list-style-type: none; margin: 5px 0 20px 15px; padding: 0;}
ul.menu li								{display: inline; margin: 0 15px 0 0; padding: 6px 6px 0;}

ul.menu li a							{color: #3e4e64; text-decoration: none;}
ul.menu li.on a							{font-weight: bold;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

#newsItem .archive						{border-top: solid 1px #e4eaee;}

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

/*--------------------------------------------------------------------------------------------------
FileArea
--------------------------------------------------------------------------------------------------*/

fieldset#login  						{margin: 0; padding: 0; border: 0;}
fieldset#login legend					{display: none;}
fieldset#login p						{margin: 5px 0;}
fieldset#login label					{width: 100px; margin-top: 2px; display: block; float: left;}
fieldset#login input					{width: 150px; padding: 2px; font: normal 12px sans-serif; color: #000;}
fieldset#login .btn					    {width: auto; margin-left: 100px;}

fieldset#upload  						{margin: 0; padding: 0; border: 0; clear:both;}
fieldset#upload legend					{display: none;}
fieldset#upload p						{margin: 5px 0;}
fieldset#upload label					{display: block;}
fieldset#upload input					{width: 280px; padding: 2px; font: normal 12px sans-serif; color: #000;}
fieldset#upload input.upload-form		{width: 280px;}
fieldset#upload textarea    			{width: 280px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset#upload .btn					{width: auto;}

a.upload                                {height: 18px; padding-left: 20px; padding-bottom: 10px; font: 12px/18px sans-serif; color: #3e4e64; text-decoration: none; background: url(../gfx/upload.png) no-repeat 0 1px; display: block;}
a.back                                  {height: 18px; padding-left: 20px; padding-bottom: 10px; font: 12px/18px sans-serif; color: #3e4e64; text-decoration: none; background: url(../gfx/list.png) no-repeat 0 1px; display: block;}
a.cleanup                               {height: 18px; padding-left: 20px; padding-bottom: 10px; font: 12px/18px sans-serif; color: #3e4e64; text-decoration: none; background: url(../gfx/delete.png) no-repeat 0 1px; display: block;}

table.files                             {width: 100%; margin: 10px 0 20px 0; border: 0; border-collapse: collapse; font-size: 11px;}
table tr td.fileicon					{width: 130px; text-align: center;}
table tr td.fileicon img				{}
table tr td.fileheader					{width: 100px; text-align: right; font-weight: bold; color: #555; padding: 3px;}
table tr td.fileinfo					{width: 200px;  padding: 3px;}
table tr td.download					{vertical-align: middle; text-align: center;}
table td a                              {color: #3e4e64; text-decoration: none;}
table tr td.download a					{display: block; background: url(../gfx/filearea/download_bg.gif) no-repeat; padding: 5px 5px 6px 30px; color: #333;}
table tr td.trash a						{display: block; background: url(../gfx/filearea/trash_bg.gif) no-repeat; padding: 6px 5px 6px 38px; color: #333;}

table.files tr.odd						{background-color: #f9f9f9;}
table.files tr.header					{background-color: #fff; color: #444; font-weight: bold; border-bottom: 1px #d8d8d8 solid;}
table.files tr.header td				{padding: 10px 5px 3px;}

table.uploadfiles                       {width: 100%; margin: 10px 0 20px 0; border: 0; border-collapse: collapse; font-size: 11px;}
table.uploadfiles tr					{background-color: #fbfbfb;}
table.uploadfiles tr.odd				{background-color: #fff;}
table.uploadfiles tr.header				{background-color: #fff; color: #444; font-weight: bold; border-bottom: 1px #d8d8d8 solid; padding: 3px 5px;}
table.uploadfiles tr td					{padding: 5px;}
table.uploadfiles tr th.filenumber		{color: #888; text-align: center;}
table.uploadfiles tr td.filenumber		{color: #888; padding: 0 10px;}
table.uploadfiles tr td.message	input	{width: 98% !important;}

.filearea .menu							{margin: 0; float: right; clear: both;}
.filearea .menu	ul						{list-style: none; padding: 0; margin: 0;}
.filearea .menu	ul li					{padding: 0 10px; display: inline; float: left;}
.filearea .menu	ul li.logout			{text-align: right;}
.filearea .menu	ul li.logout .logout-btn {background: url(../gfx/exit.png) no-repeat left; padding: 3px 0 3px 20px;}

/*div.filearea .filearea					{font-size: 12px; font-weight: bold; color: #000;  background: #f8f8f8; padding: 5px 10px; margin: 0; clear: both;}*/

.filearea .linkimage					{margin-right: 10px 5px 5px;}
.filearea .empty						{background-color: #ffd; color: #333; padding: 10px; margin: 1px 0 10px;}

.filearea .left, .filearea .right		{width: 302px;}
.filearea .left							{float: left;}
.filearea .right						{float: right;}
.filearea .upload-btn					{border-top: solid 1px #f6f6f6; clear: both; margin: 0 0 30px; text-align: right;}	

/*--------------------------------------------------------------------------------------------------
CE
--------------------------------------------------------------------------------------------------*/
div.largeimage							{display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;}
div.largeimage a						{margin:10px; display: block;}

ol.guestbook							{width: 70%; margin: 0; padding: 0; list-style: none; float: left;}
ol.guestbook li							{margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;}
ol.guestbook h3							{margin: 0; font: bold 11px sans-serif;}
ol.guestbook p							{margin: 0;}
ol.guestbook p.report					{margin-bottom: 10px;}
ol.guestbook a							{text-decoration: none; color: Blue;}
ol.guestbook a.reported					{text-decoration: none; color: Red;}

ol.guestbook li.pager					{margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;}
ol.guestbook li.pager a					{text-decoration: none;}
ol.guestbook li.pager a:hover			{text-decoration: underline;}
ol.guestbook li.pager a.left			{float: left;}
ol.guestbook li.pager a.right			{float: right;}

fieldset.guestbook						{width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;}
fieldset.guestbook legend				{margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;}
fieldset.guestbook p					{margin: 5px 0;}
fieldset.guestbook p.info				{margin: 10px 0;}
fieldset.guestbook p.error				{color: Red;}
fieldset.guestbook p.done				{color: Green;}
fieldset.guestbook p.checkbox			{margin: 0 0 10px 0;}
fieldset.guestbook p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline;}
fieldset.guestbook p.checkbox input		{width: auto; vertical-align: middle;}
fieldset.guestbook label				{display: block;}
fieldset.guestbook label span			{color: Red; visibility: hidden;}
fieldset.guestbook input				{width: 97%; font: normal 11px sans-serif;}
fieldset.guestbook textarea				{width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;}
fieldset.guestbook input.btn			{width: auto;}

fieldset.guestbook fieldset				{margin: 0; padding: 0; border: 0; display: none;}
fieldset.guestbook fieldset legend		{display: none;}

ul.banners								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}