/* @override http://localhost:8080/navicast/@@/navicastwebsite/css/site.css */

/* @override 
	http://127.0.0.1:8080/navicast/@@/navicastwebsite/css/site.css
	http://www.urbantalk.se:8107/navicast/@@/navicastwebsite/css/site.css
	http://localhost:8080/navicast/@@/navicastwebsite/css/site.css
*/

/* Global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 
/* End of global reset */

body {
	font-family: helvetica;
	background: #ddd url(images/gradient.png) repeat-x;
}

.container {
	position: relative;
	margin: 16px auto 0 auto;
	width: 906px;
}

#banner {
	width: 768px;
}
#logo {
	margin-left: -5px;
	width: 778px;
	height: 65px;
	background: url(images/navicast_banner.png) no-repeat;
}

#copyright {
	margin-top: 8px;
	margin-bottom: 16px;
	width: 100%;
	text-align: center;
	float: right;
	font-size: 0.65em;
	color: #555;
}


a:hover {
	color: #e8a540;
}



/*

  MENU

*/
#menu_container {
	position: absolute;
	top: 0;
	left: 772px;
}

#menu_banner {
	width: 194px;
	height: 65px;
	margin-bottom: -12px;
}

#menu_header {
	width: 193px;
	height: 65px;
	background: url(images/navicast_menu.png) no-repeat;
}

.menu {
	position: relative;
	margin-right: 30px;
	margin-left: 15px;
}

.menu h2 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 20px 0 3px 0;
	letter-spacing: 0.1em;
	color: #000;
}

.menu li {
	font-size: 0.8em;
	line-height: 1.5em;
	width: 100%;
}

a {
	color: #555;
	text-decoration: none;
}

.menu a:hover {
	color: #e8a540;
}


/*

  Content

*/

#content {
	position: absolute;
	width: 768px;
	top: 60px;
	left: 0;

}

#movie {
	position: relative;
	margin-left: -1px;
	clear: both;
}
/*

  PROMO

*/


#promo {
	position: relative;
	width: 780px;
	margin-top: 6px;
	height: 130px;
}

#promo a:hover #education {
	background: url(images/education_bkgrnd.png) 0 -169px;
}
#promo a:hover #media {
	background: url(images/media_bkgrnd.png) 0 -169px;
}
#promo a:hover #marketing {
	background: url(images/marketing_bkgrnd.png) 0 -169px;
}
#promo a:hover #organizations {
	background: url(images/organisations_bkgrnd.png) 0 -169px;
}

#education {
	left: 3px;
	background: url(images/education_bkgrnd.png);
	height: 169px;
}

#marketing {
	left: 192px;
	background: url(images/marketing_bkgrnd.png);
	height: 169px;
}

#media {
	left: 386px;
	background: url(images/media_bkgrnd.png);
	height: 169px;
}


#organizations {
	left: 580px;
	background: url(images/organisations_bkgrnd.png);
	height: 169px;
}



#promo .puff {
	position: absolute;
	margin-left: -5px;
	height:  130px;
	width:  198px;
	float: left;
}

#promo .puff p {
	text-align: left;
	color: #fff;
	font-size: 0.75em;
	margin: 54px 16px 16px 16px;
}
/*

  BLOGGEN

*/
#blog {
	margin-top: 32px;
	position: relative;
}

#blog_header {
	margin-left: 230px;
	margin-bottom: 8px;
	font-size: 0.8em;
	color: #999;

}

#blog_categories {
	position: absolute;
	top: 24px;
	left: 48px;
	width: 150px;
	text-align: right;
}

#blog_content {
	color: #444;
	margin-left: 230px;
	width: 300px;
	font-size: 0.85em;
	line-height: 1.5em;;
}

.blog_list_item {
	margin-bottom: 24px;
}

.blog_list_item h2 {
	font-weight: bold;
}
.blog_list_item h3 {
	color: #555;
	font-size: 0.8em;
}

.blog_list_item a.readmore {
	font-weight: normal;
	font-size: 0.9em;
}

.blog_list_item a.readmore:hover {
	color: #e8a540;
}

#page_content .list_nav {
	border-top: 1px #777 dotted;
	padding-top: 4px;
	color: #777;
	font-size: 0.8em;
	margin: 0 100px 12px 100px;
}

/*

  PAGE
  
*/

#page_content {
	background: #fff url(images/navicast_banner_shadow.png) no-repeat;
	width: 766px;
	min-height: 600px;
	background-color: #fff;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #444;
}

#page_content a {
	border-bottom: 1px #444 dotted;
}

.story_content {
	color: #666;
	margin: 0 100px 12px 100px;
	font-size: 0.95em;
}

#page_title h1 {
	font-size: 1.2em;
	margin: 24px 100px 12px 100px;
}
.story_content p {
	margin-bottom: 12px;
	line-height: 1.3em;
}

.story_content ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 16px;
}

.story_content li {
	margin-bottom: 0.5em;
	list-style-position: outside;
	line-height: 1.3em;
}

/*

  TRIAL ACCOUNT

*/

.registration-form {
	margin-top: 32px;
}

.registration-form div.error {
	background-color: #e8a540;
	color: white;
	
}

.registration-form .form_row, .registration-form .form_rowcountry_field {
	width: 50%;
	float: left;
	margin-bottom: 16px;
}
.registration-form .label {
	float: left;
}
.registration-form .field {
	float: right;
	margin-right: 16px;
}

#actions {
	position: absolute;
	top: 400px;
	left: 600px;
}

.country_field select{
	width: 150px;
}

div.form_rowmessage_field {
	width: 570px;
}

.message_field {
	height: 100px;
	width: 554px;
	margin-bottom: 48px;
}