/* B A S I C   N E E D S */

body {
	margin: 0px;
	background-color: #4d4d4d;
}

img, td, li, {
	behavior: url("iepngfix.htc"); 
}








/* C O N T A I N E R S  &  P L A C E M E N T */


/* s t a n d a r d */

#menu {
	margin-right: 4px;
	height: 420px;
	width: 250px;
	float: left;
	position: relative;
}
#menu-fill {
	margin: 45px;
	bottom:0;
	position:absolute;
	width: 160px;
}
.menu-logo {
	background-repeat:no-repeat;
}
#submenu-fill {
	bottom:10px;
	position:relative;
}

#content {
	margin-right: 4px;
	margin-left: 4px;
	height: 420px;
	width: 400px;
	float: left;
	position: relative;
	
}
#content-fill {
	margin: 35px;
	bottom:0;
	position:absolute;
	width: 330px;
}
#content-wide {
	margin-right: 4px;
	margin-left: 4px;
	height: 420px;
	width: 685px;
	float: left;
	position: relative;
	
}
#content-wide-fill {
	margin: 35px;
	/*bottom:0;*/ 
	position:absolute;
	width: 615px;
}
#footer {
	clear:left;
	padding-top: 40px;
	margin-left: 20px;
	width: 900px;
}

#wrapitup {
	width: 950px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 80px;
	margin-bottom: 5px;
	float: left;
}


/* f r o n t p a g e */

#imageroll {
	margin-left:4px;
	position: relative;
	float:left;
}
#imageroll-fill {
	margin-left:6px;
	margin-top: 6px;
	position: absolute;
	float:left;
}


/* p o r t f o l i o */

#portfolio-wrap {
	width: 615px;
	height: 250px;
	
}
#portfolio-thumbnails {
	width: 123px;
	height: 125px;
	margin-right:0px;
	float:left;
	vertical-align: center;
	
}
.portfolio-thumbnail {
	
	border:1px solid #333;
	padding:2px;
	/* opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1; */

}
a:hover img.portfolio-thumbnail {
	background-color: #212121;
	border:1px solid #333;	
	padding:2px;
	/* opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75; */
}
#portfolio-arrows {
	float:right;
	clear:left;
	margin-top:10px;
	margin-right:8px;
	width:32px;
}


/* i m a g e b o x */

#img-holder {
	position:relative;
	margin-left:4px;
	width: auto;
	height: auto;
	float:left;
	margin-bottom: 20px;
}

.img-border {
	margin:12px;
	border: 3px solid #2e2e2e;
}

#img-sidebar {
	margin-right: 4px;
	height: 420px;
	width: 250px;
	float: left;
	position: relative;	
}
#img-sidebar-fill {
	margin: 35px;
	position:absolute;
	width: 186px;
	height:350px;
}
#img-wrap {
	height:350px;
}
#img-info {
	margin-top:4px;
	float:left;
	clear: left;
	height: 288px;
	width:185px;
}
#img-menu {
	height:35px;
	width:185px;
	clear: left;
	float:left;
	position: relative;
}
#img-menu-bottom {
	bottom:0;
	position: absolute;
	float:left;
}
.img-menu-links {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
}
.img-menu-links-bold {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
a.img-menu-links:hover {
	font-size: 9px;
	font-weight: normal;
}
a.img-menu-links-bold:hover {
	font-size: 9px;
	font-weight: bold;
}
#img-arrows {
	float:left;
	clear:right;
	width:100px;
	margin-bottom:7px;
	
}

.img-header {
	font-weight: bold;
	text-transform: uppercase;
}

.img-copyright {
	color: #808080;
}

#img-buyme {
	background-image:url(g/buyme_bg.png);
	padding: 20px;
	margin-top: 30px;
	margin-left: 30px;
	position: absolute;
	z-index:100;
	width:220px;
	behavior: url(iepngfix.htc); 
}

.img-buyme-text {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.img-buyme-input {
	border: 1px solid #2e2e2e;
	width: 200px;
	height: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
}
.img-buyme-textarea {
	border: 1px solid #2e2e2e;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
	}
	
.img-buyme-button {
	font-size: 11px;
}

.img-normal-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	line-height: 13px;
	font-weight: normal;
}	
a.img-normal-link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	letter-spacing: 0.2px;
	line-height: 13px;
	font-weight: normal;
}




/* c o n t a c t */

#contact-fill {
	width: 350px;
	margin: 35px;
	position:absolute;
	float:left;
}
#contact-wrap {
	width: 350px;
	float:left;
}
#contact-photographer {
	height: 40px;
	width: 165px;
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
}
#contact-photographer a {
	font-weight:normal;
}

#contact-form {
	margin-left:415px;
	margin-top: 67px;
	margin-right: 35px;
	position:absolute;
	float:right;
}
.contact-text {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.contact-input {
	border: 1px solid #2e2e2e;
	width: 225px;
	height: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
}
.contact-input:focus {
	background-color:#ddd;
}

.contact-textarea {
	border: 1px solid #2e2e2e;
	width: 225px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
}
.contact-textarea:focus {
	background-color:#ddd;
}
.contact-button {
	font-size: 11px;
}





/* n e w s l e t t e r */


#news-fill {
	width: 350px;
	margin: 35px;
	position:absolute;
	float:left;
}
#news-wrap {
	width: 350px;
	float:left;
}
#news-subscribe {
	height: 40px;
	width: 165px;
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
}
#news-subscribe a {
	font-weight:normal;
}

#news-form {
	margin-left:415px;
	margin-top: 67px;
	margin-right: 35px;
	position:absolute;
	float:right;
	
}
.news-text {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.2px;
}
.news-input {
	border: 1px solid #2e2e2e;
	width: 160px;
	height: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
}
.news-input:focus {
	background-color:#ddd;
}
.news-checkbox {
	border: 1px solid #2e2e2e;
	width: 11px;
	height: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:0px;
	margin-right: 8px;
	margin-bottom:4px;
}
.news-checkbox:focus {
	background-color:#ddd;
}

.news-textarea {
	border: 1px solid #2e2e2e;
	width: 225px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
}
.news-textarea:focus {
	background-color:#ddd;
}
.news-button {
	font-size: 11px;
}
.news-date  {
	color:#999999;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}




/* a b o u t */


#about-fill {
	width: 580px;
	margin: 35px;
	position:absolute;
	float:left;
}
#about-wrap {
	width: 350px;
	float:left;
}
#about-img {
	margin-left:413px;
	margin-top: 6px;
	margin-right: 6px;
	position:absolute;
	float:right;
}


/* e x p o s e d */


#exposed-fill {
	width: 600px;
	margin: 7px;
	position:absolute;
	float:left;
}
#exposed-content-fill { 
	width:600px;
	margin: 35px;
	position:absolute;
	float:left;
}
#exposed-wrap {
	width: 580px;
	heigth: 200px;
	position: absolute;
	/*clip: rect(0px,600px,210px,0px);*/
	
}

#exposed-news-wrap {
	width:600px;
	margin-bottom: 10px;
	float:left;
}

#exposed-news {
	margin-bottom: 10px;
	float: right;
	width:430px;
}
#exposed-news h2, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	color: #ffffff;	
	margin:0 0 0 0;
}
#exposed-news p {
	margin:0 0 1em 0;
}
#exposed-news-img {
	float: left;
	border: 2px solid #2e2e2e;
}
.exposed-header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	color: #ffffff;	
	margin:0 0 0 0;
}


/* p h o t o g r a p h e r s */

#photographers-fill {
	width: 430px;
	margin: 35px;
	position:absolute;
	float:left;
}

#photographers-wrap {
	width: 450px;
	float:left;
}

#photographers-map {
	margin-left:475px;
	margin-top: 6px;
	margin-right: 6px;
	position:absolute;
	float:right;
}

#photographers-thumbnails a {
	font-size: 9px;
	color: #999999;
	font-weight: normal;
	width: 147px;
	height: 110px;
	margin-right:0px;
	float:left;
	vertical-align: center;
	text-transform: uppercase;
}
#photographers-thumbnails a:hover {
	font-size: 9px;
	color: #666666;
	font-weight: normal;
}

.photographers-thumbnail {
	border:2px solid #4e4e4e;
	margin-right:1px;
	margin-bottom:2px;
	margin-top:1px;
	background-color: #4e4e4e;
	/* opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1; */
}

a:hover img.photographers-thumbnail {
	background-color: #212121;
	border:2px solid #333;	
	margin-right:1px;
	margin-bottom:2px;
	margin-top:1px;
	/* opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75; */
}

/* e l s e w h e r e */

#arrow-left a{
	float:left;
	background-image: url(g/arrow-left.png);
	height:15px;
	width:15px;
	margin-right:2px;
	display: block;
	background-position:right top;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc); 
}
#arrow-left a:hover {
	background-image: url(g/arrow-left-on.png);
	height:15px;
	width:15px;
	behavior: url(iepngfix.htc); 
}
#arrow-left-on{
	float:left;
	background-image: url(g/arrow-left-on2.png);
	height:15px;
	width:15px;
	margin-right:2px;
	display: block;
	background-position:right top;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc); 
}
#arrow-right a{
	float: left;
	background-image: url(g/arrow-right.png);
	height: 15px;
	width:15px;
	display: block;
	background-position:right top;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc); 
}
#arrow-right a:hover {
	background-image: url(g/arrow-right-on.png);
	height:15px;
	width:15px;
	behavior: url(iepngfix.htc); 
}
#arrow-right-on{
	float: left;
	background-image: url(g/arrow-right-on2.png);
	height: 15px;
	width:15px;
	display: block;
	background-position:right top;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc); 
}
#p-arrow-left a{
	float:left;
	background-image: url(g/arrow-left.png);
	height:15px;
	width:15px;
	margin-right:2px;
	display: block;
	background-position:right top;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc); 
}
#p-arrow-left a:hover {
	background-image: url(g/arrow-left-on.png);
	height:15px;
	width:15px;
	behavior: url(iepngfix.htc); 
}
#p-arrow-right a{
	float: right;
	background-image: url(g/arrow-right.png);
	height: 15px;
	width:15px;
	display: block;
	background-position:right top;
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc); 
}
#p-arrow-right a:hover {
	background-image: url(g/arrow-right-on.png);
	height:15px;
	width:15px;
	behavior: url(iepngfix.htc); 
}




/* T E X T */

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	line-height: 13px;
}

h1 /* header standard */ {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#656565;
	font-weight:bold;
	text-transform: uppercase;	

}
.h1-light /* header standard light */ {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5B5B5B;
	font-weight:normal;
	text-transform: uppercase;	
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.2px;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	letter-spacing: 0.2px;
	text-decoration: none;
	font-weight: bold;
}
#menu-fill a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-decoration:none;
}
#menu-fill a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #656565;
	text-transform: uppercase;	
}
#submenu-fill a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-decoration:none;
}
#submenu-fill a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-transform: uppercase;	
}
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 0.4px;
	text-decoration:none;
}
#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 0.4px;
	text-decoration:none;
}
#footer a:hover {
	color: #222222 ;
	text-decoration:none;
}




/* E L S E */


a.footer-swe  {
	
   padding-right:16px;
   margin-right: 4px;
   background: url('g/flag_swe.png') 0 0 no-repeat;  
   heigth:12px;
   padding-bottom:1px;
   
   
}
a.footer-swe:hover  {
   background-position: 0 -11px;
} 
a.footer-eng  {
   	padding-right:16px;
   	margin-right: 4px;
   	background: url('g/flag_eng.png') 0 0 no-repeat;   
	heigth:12px;
	padding-bottom:1px;
}
a.footer-eng:hover  {
   background-position: 0 -11px;
} 

a.footer-rss  {
	padding-right:16px;
  	margin-right: 4px;
   	background: url('g/rss.png') 0 0 no-repeat; 
	heigth:12px;
	padding-bottom:1px; 
}
a.footer-rss:hover  {
   background-position: 0 -11px;
} 



form.newsletter-add input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	border: 1px solid #333333;
	background-color: #4d4d4d;
	padding:3px;
}

.rss-list {
	padding: 0;
	margin:0;
	list-style-type: none;
}

.rss-list li {
behavior: url(iepngfix.htc); 
	margin-bottom:2px;
	margin-right: 9px;
	padding: 0;
	list-style-type: none;
}

.rss-list li a {
	font-size:9px;
	padding-left: 18px;
	background: url("g/rss_g.png") no-repeat 0 0;
	list-style-type: none;
	text-transform: uppercase;
	font-weight:bold;
}
.rss-list li a:hover {
	font-weight:bold;
	font-size:9px;
	background-position: 0 -10px;
}
