@import url('blueprint/screen.css') screen, projection;
@import url('blueprint/print.css') print;

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
	font-weight: normal;
	font-size: 12px;	
}

.outer {
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
    position: fixed; 
    display: table
}

.inner {
  display: table-cell; 
  vertical-align: middle
}

.main {
	width: 800px;
	margin-left: auto; 
	margin-top: 35px;
	margin-right: auto;
	position: relative;
}

.mainBorder {
	padding-right: inherit;
	width: inherit;
	height: 480px;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: both;	
	border: solid #CCCCCC 1px;
}

a.selected {
	font-size: 12px;
}

a {
	color: #ff820d!important;
}


a.cities {
	background: url('../pictures/pictures-stripes.png') no-repeat;
	background-position:-9px -456px;
	width: 250px;
	height: 162px;
	border: solid #CCCCCC 1px;	
	display: block;
}

a.cities:hover {
	background-position:-271px -457px;
}

a.beauties {
	background: url('../pictures/pictures-stripes.png') no-repeat;
	background-position:-10px -262px;
	width: 250px;
	height: 162px;
	border: solid #CCCCCC 1px;
	margin-left: 300px;
	margin-top: -162px;
	display: block;
}

a.beauties:hover {
	background-position:-271px -262px;
}

/* the border for the pic on the right side*/
.mainRight {
	width: 400px;
	height: 285px;
	margin-top: 10px;
	margin-left: 10px;
	border: solid #CCCCCC 1px;
}

.mainText {
	font-size: 14px;
    margin-top: 110px;
	color: #333333;
}

.aboutTextHeadline {
	font-size: 14px;
    margin-top: 80px;
	color: #333333;
}

.aboutText {
	font-size: 14px;
	color: #333333;
}

ul.mainNavi {
    margin-top: 5px;
	color: #999999;
	position: relative;
	left: -20px;	
	list-style-type: none;
}

ul.mainNavi li {
	display: inline;
	padding-top: 2px;
}

ul.mainNavi a {
	color: #999999 !important;	
	text-decoration: none;
}

ul.mainNavi a.selected {
	color: #333 !important;	
}

#picture {
	background: url('../pictures/startpictures-stripes.jpg') no-repeat;
}

#picture.home {
	background-position:-9px -597px;
}

#picture.about {
	background-position:-9px -302px;
}

#picture.styling {
	background-position:-9px -10px;
}

#picture.photography {
	background-position:-9px -890px;
}

#picture.blog {
	background-position:-1px -1493px;
}

#picture.contact {
	background: url('../pictures/contact.png') no-repeat;
	background-position: 1px -4px;
}

a:focus { 
	outline: none;
}

.signature {
	background: url('../pictures/pictures-stripes.png') no-repeat;
	background-position:-10px -44px;
	width: 168px;
	height: 93px;
}

.arrow-left {
	background: url('../pictures/pictures-stripes.png') no-repeat;
	background-position:-12px -9px;
	width: 20px;
	height: 20px;
	margin-left: 14px;
	margin-top: -10px;	
	display: block;	
}

.arrow-right {
	background: url('../pictures/pictures-stripes.png') no-repeat;
	background-position:-38px -9px;
	width: 20px;
	height: 20px;
	margin-top: -20px;
	margin-left: 39px;	
	display: block;
}