body {
	color:#ffffff;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

:focus {
	outline:none;
}

.clear {
	clear:both;
}

.header {
	color:#ffffff; 
	position:absolute; 
	text-indent:-99999px; 
	font-size:10px;
}

.text {
	color:#ffffff; 
	position:absolute; 
	text-indent:-99999px; 
	font-size:10px;
}

h2 {
	color:#A0A0A4;
}

h4 {
	color:#A0A0A4;
}
	

#up_stripe {
	background:url(../images/header_stripe.png)  repeat-x;
	height:6px;
	width:100%;
}

#left {
	float:left;
	background:url(../images/left.png) no-repeat;
	width:316px;
	height:160px;
}

#left .twitter {
	display:block;
	float:right;
	margin:17px 90px 0px 0px;
	width:125px;
	height:46px;
}

#left .twitter a {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-shadow:1px 1px 4px #000000;
}

#left .twitter a:hover {
	text-decoration:underline;
}

#small_shape {
	background:url(../images/hole.png) no-repeat;
	position:absolute;
	width:86px;
	height:76px;
	margin:350px 100px 0px 200px;
	float:left;
}

#main_wrap {
	margin:0px auto;
	width:400px;
	height:100%;
}

#main_wrap .logo {
	margin:10px auto;
	display:block;
	background: url(../images/logo.png) no-repeat;
	width:392px;
	height:75px;
}

#main_wrap .logo a {
	display:block;
	width:392px;
	height:75px;
	text-indent:-99999px;
}

.contact_form form {
	width:392px;
	margin:0px auto;
}

#name {
	background:url(../images/e_mail.png)  no-repeat;
	width:389px;
	height:47px;
	margin:0px;
	padding:0px;
	margin:5px 0px 5px 0px;
}

#name #name_input {
	background:url(../images/input_background.png) repeat;
	width:370px;
	height:20px;
	margin:10px 0px 0px 10px;
	color:white;
	border:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#email {
	background:url(../images/e_mail.png)  no-repeat;
	width:389px;
	height:47px;
	margin:0px;
	padding:0px;
	margin:5px 0px 5px 0px;
}

#email #email_input {
	background:url(../images/input_background.png) repeat;
	width:370px;
	height:20px;
	margin:10px 0px 0px 10px;
	color:white;
	border:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#message {
	background:url(../images/message.png)  no-repeat;
	width:389px;
	height:169px;
	margin:0px;
	padding:0px;
	margin:5px 0px 5px 0px;
}

#message #message_textarea {
	background:url(../images/input_background.png)  no-repeat;
	width:370px;
	height:145px;
	color:white;
	border:none;
	font-size:14px;
	margin:10px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
}

#submit {
	background: url(../images/submit.png)  no-repeat;
	width:225px;
	height:48px;
	border:none;
	cursor:pointer;
	margin:2px;
	padding:0px;
	float:right;
}

#submit:hover {
	background: url(../images/submit_hover.png)  no-repeat;
}

#right {
	background: url(../images/right.png) no-repeat;
	width:257px;
	height:492px;
	float:right;
}

#right .description {
	width:150px;
	height:150px;
	margin:200px 0px 0px 95px;
}

#right .description p {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-shadow:1px 1px 4px #000000;
	line-height:16px;
}

.description a {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-shadow:1px 1px 4px #000000;
}

.description a:hover {
	text-decoration:underline;
}

.thanks_page {
	padding:25px;
}

.thanks_page p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-shadow:1px 1px 4px #000000;
}

.thanks_page a {
	font-family:Arial, Helvetica, sans-serif;
	color:#313131;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}

.thanks_page a:hover {
	text-decoration:underline;
}

#main_menu a {
	font-family:Arial, Helvetica, sans-serif;
	color:#c7c7c7;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}

#main_menu a:hover {
	text-decoration:underline;
}

#footer {
	background: url(../images/footer.png) no-repeat;
	width:715px;
	height:85px;
	position:absolute;
	bottom:0px;
	margin-left:20%;
}

.side_links a {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

#message_textarea .jqueryInputDefault, 
#name .jqueryInputDefault,  
#email .jqueryInputDefault {
	color:#ffffff;
}

#sliderWrap {
margin: 0 auto;
width: 147px;
}
#slider {

position: absolute;
background-image: url(../images/main_menu.png) ;
background-repeat:no-repeat;
background-position: bottom;
width: 147px;
height: 305px;
margin-left: -110px;
margin-top:190px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 0px 0px 0px 0px;
position: absolute;
text-align:center;
color:#333333;
font-weight:bold;
}

#sliderContent ul {
width:100px;
height:250px;
text-align:left;
margin:130px 0px 0px -8px;
}


#sliderContent li {
display:block;
width:40px;
height:20px;
}

#sliderContent a {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	text-shadow:1px 1px 4px #000000;
}

#sliderContent a:hover {
text-decoration:underline;
}

#header {
background-color: #F0F0F0;
height: 305px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 240px 0 0 130px;
font-size:12px;
font-weight:bold;
color:#808080;
}

.portfolio_page {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -40px;
	width:420px;
	height:100%;
}

  /* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures { position: relative; height: 400px; }
    #pictures img { position: absolute; top: 0; left: 0; }
    
    #prev {float:left; margin:-250px 0px 0px -20px; color:#333333; font-size:14px; }
	#next {float:right; margin:-250px -60px 0px 0px;  color:#333333; font-size:14px; }
	#next img, #prev img {border:none;}
  /* relevant for the tutorial - end */