/* Author: Ras Hagen */

/*--------------------- */
/* 	PAGE REGIONS 	*/
/*--------------------- */

body		{
		font-family: Helvetica, 'Lucida Sans', Arial, sans-serif; 
		font-size: small;
		background: url('images/background_1.jpg') repeat;
		background-attachment: fixed;
 		margin: 0;
 		padding: 0;
		}

#header		{
		width: 964px;
		height: 100px;
		margin: 0 auto;
		background: url('images/header.png');
		}

#page		{
		width: 964px;
		margin: 0 auto;
		background: url('images/dasign_shadow.png') repeat;
		}
		
#main_area	{
		min-height: 1000px;
		padding: 20px 25px;

		}
		
#content	{
		width: 610px;
		margin: 20px 10px;
		}
		
#footer		{
		width: 964px;
		height: 50px;
		margin: 0 auto;
		background: url('images/header.png');
		text-align: center;
		color: white;
		text-transform: uppercase;
		padding-top: 10px;		
		}
		
/* SIDEBAR AREAS */

#sidebar	{	
		width: 260px;
		height: 100%;
		float: right;
		}
		

		
#sidebar_area	{
		bottom: 10px;
		border-left: 1px dotted #999999;
		}
		
#sidebar_top	{
		padding: 20px 10px 10px 10px;
		}

#sidebar_graphic{
		padding: 20px 10px 10px 10px;
		font-size: x-small;
		}


#sidebar_middle	{
		border-top: 1px dotted #999999;
		padding: 10px;
		}

#sidebar_bottom	{
		border-top: 1px dotted #999999;
		padding: 10px 10px 0 10px;
		}



/* PROJECTS AREAS */

#proj		{
		margin: 10px 0;
		}
		
.proj_item	{
		margin: 20px 5px;
		}
		
#proj table img	{
		cursor: pointer;
		}
		
/*--------------------- */
/* 	MENU		*/
/*--------------------- */
#slideshow	{
		margin-left: 7px;
		padding: 0;
		height: 236px;
		width: 949px;
		background: url(images/header_shadow.jpg) repeat-x bottom;
		}



.ddcolortabs		{
			position: relative;
			top: -44px;
			padding: 0;
			width: 950px;
			margin-left: 30px;
			background: transparent;
			voice-family: "\"}\"";
			voice-family: inherit;
			}

.ddcolortabs ul		{
			font: normal 11px Arial, Verdana, sans-serif;
			margin:0;
			padding:0;
			list-style:none;
			}

.ddcolortabs li		{
			display:inline;
			margin:0 2px 0 0;
			padding:0;
			text-transform:uppercase;
			}


.ddcolortabs a		{
			float:left;
			color: white;
			background: #990033 url(images/tabs_left.gif) no-repeat left bottom;
			margin:0 2px 0 0;
			padding:1px 0 0 3px;
			text-decoration:none;
			letter-spacing: 1px;
			}

.ddcolortabs a span	{
			float:left;
			display:block;
			background: transparent url(images/tabs_right.gif) no-repeat right bottom;
			padding: 6px 8px 3px 7px;
			}

.ddcolortabs a span	{
			float:none;
			}

.ddcolortabs a:hover	{
			background-color: #990000;
			}

.ddcolortabs a:hover span	{
				background-color: #990000;
				}

.ddcolortabs a.current, #ddcolortabs a.current span	{ /*currently selected tab*/
							background-color: #990000;
							}

.ddcolortabsline	{
			position: relative;
			top: -44px;
			clear: both;
			padding: 0;
			width: 950px;
			margin-left: 7px;
			height: 4px;
			line-height: 8px;
			background: #990000;
			}

/*--------------------- */
/* 	NAVIGATION 	*/
/*--------------------- */

		
.linkcursor	{
		cursor: pointer;
		text-decoration: underline;
		}
		
/*--------------------- */
/* 	LINKS	 	*/
/*--------------------- */

#main_area a	{
		color: #660000;
		}
	
#main_area a:hover	{
			color: #009999;
			}

#main_area a:visited	{
		color: #999999;
		}
		
#main_area h4 a, #main_area h4 a:visited, #main_area h4 a:hover	{
								text-decoration: none;
								color: #fff;
								}
	

/*--------------------- */
/* 	GRAPHICS	*/
/*--------------------- */

		
#dasign_logo	{
		margin: 3px 0 0 20px;
		}
		
		
		
/*--------------------- */
/* 	IMAGES 		*/
/*--------------------- */		


#sidebar_bottom a img	{
		opacity:0.4;filter:alpha(opacity=40);
		}
		
#sidebar_bottom a:hover img 	{
		opacity:1.0;filter:alpha(opacity=100);
		}
		
		
#center_image	{
		text-align: center;
		}
		
.img_cursor:hover	{
			cursor: pointer;
			}

		
/*--------------------- */
/* 	GALLERY		*/
/*--------------------- */

a img	{
	border: none;
	text-decoration: none;
	}
	
#gallery	{
		width: 210px;
		padding: 20px 3px 10px 40px;
		}
		
		
#gallery2 a	{
		border: none;
		text-decoration: none;
		}

#gallery a	{
		border: none;
		text-decoration: none;
		}

/*--------------------- */
/* 	LISTS		*/
/*--------------------- */

#design_list li	{
		list-style: none;
		text-align: left;		
		margin: .5em 0;
		}
		
		
.noList li {
	list-style-image: url();

	}


.cross_red 	{
		background:url(images/cross.png) no-repeat;
		padding: 0px 0px 0 20px;
		list-style-type: none!important;
		}
		
.cross_blue 	{
		background:url(images/crossBlue.png) no-repeat;
		padding: 0px 0px 0 20px;
		list-style-type: none!important;
		}

/*--------------------- */
/* 	TEXT 		*/
/*--------------------- */

h1		{
		font-size: 22px;
		line-height: 24px;
		color: #0d3c50;
		margin: 15px 0px 15px 0px;
		padding: 0 0 0 20px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing:-1px;
		background: url(images/bricks.png) no-repeat left;
		}

h2		{
		font-size: 18px;
		padding-left: 22px;
		font-weight: normal;
		letter-spacing:2px;
		line-height: 24px;
		text-transform: uppercase;
		margin-top: 20px;
		background: url(images/arrow.png) no-repeat left;
		color: #990000;
		}
		
h3		{
		font-size: 12px;
		line-height: 14px;
		color: gray;
		font-weight: normal;
		text-transform: uppercase;
		}


h4		{
		font-size: 16px;
		padding-left: 23px;
		margin-top: 30px;
		color: white;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		background-color: #990000;
		}
		
.list_point	{
		color: #660000;
		text-transform: uppercase;
		letter-spacing:1px;
		font-weight: bold;
		}
		
.list_text	{
		font-size: 90%;
		}
		
#skype		{
		line-height: 33px;		
		}
		
.breadcrumbs	{
		font-size: smaller;
		}
		
		
.headline	{
		float:left;
		}
		
/*--------------------- */
/* 	FORM		*/		
/*--------------------- */



.skjult		{
		display: none;
		}


/*--------------------- */
/* 	TABLE		*/		
/*--------------------- */


.tableColor	{
		background-color: #999999;
		}
		
/*--------------------- */
/* 	DICTIONARY	*/		
/*--------------------- */


#dictionary	{
		width: 600px;
		}
		

#dictionary h2	{
		text-align: center;
		text-transform: uppercase;
		color: #990000;
		background-image: none;
		}
		
.dic_item	{
		margin: 20px 10px;
		}
		
.dic_headline	{
		font-weight: bold;
		font-size: 1.2em;
		}

.dic_example	{
		margin-top: 5px;
		padding: 5px;
		font-style: italic;
		border: 1px dotted #999;
		}
		
.dic_links	{
		margin: 10px 20px;
		font-style: italic;
		}


