@charset "UTF-8";

/*---------------------BROWSER RESET--------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body {
	line-height:1;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


/*---------------------BROWSER RESET--------------------------*/

/*---------------------Main Styles--------------------------*/


body {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #f60;
	background-image: url(images/spanner1.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	position: relative;
}

#content {
	margin-top: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#content-about {
	margin-top: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00aeef;
}
#contact-line {
	margin-top: 200px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
}
#header {
	margin-top: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	position: relative;
}
#logoname {
	position: absolute;
	top: 20px;
	left: 110px;
}

#prlogo {
	position: absolute;
	top: -10px;
	left: 0px;
	
}

#graphic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.3px;
	color: #828282;
	text-decoration: none;
	position: absolute;
	left: 103px;
	top: 40px;
	font-weight: normal;
}

#and {
	position: relative;
	top: 5px;
	margin-right: -3px;
	margin-left: -2px;
}

#footer-home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
	width: 350px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f60;
	margin-top: 10px;
	clear: both;
	margin-bottom: 40px;
	z-index: 10;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
	width: 350px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f60;
	margin-top: 40px;
	clear: both;
	margin-bottom: 40px;
	z-index: 10;
}

#contact-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
	width: 350px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f60;
	margin-top: 40px;
	clear: both;
	margin-bottom: 40px;
	z-index: 10;
}

#footer100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
	width: 350px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f60;
	margin-top: 100px;
	clear: both;
	margin-bottom: 40px;
	z-index: 10;
}

#footer-home a {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
}

#footer a {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
}

#contact-footer a {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
}

#footer100 a {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 10;
}

#bottom2 {
	background-image: url(images/spanner3.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	left: 0px;
	bottom: 4px;
	height: 165px;
	width: 700px;
	text-align: left;
	position: fixed;
	z-index: 1;
}

#bottom {
	position: fixed;
	background: #f60;
	height: 4px;
	bottom: 0px;
	left: 0;
	right: 0;
	clear: both;
	z-index: 1;
}

.home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	text-align: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	clear: both;
	line-height: 1.2em;
}

.home a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	text-align: left;
	width: 325px;
	height: auto;
	margin-bottom: 20px;
	clear: both;
	line-height: 1.2em;
}

.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	margin-top: 80px;
	font-weight: bold;
	line-height: 1em;
}

#text-content {
	float: left;
	margin-top: 455px;
	width: 320px;
}

/*---------------------MENU--------------------------*/

.menu_home {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	font-size:1em;
	width: 350px;
	z-index: 1000;
	text-align: right;
	margin-right: 0px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
	position: absolute;
	bottom: 410px;
	right: 0px;
}

.menu {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	font-size:1em;
	width: 350px;
	z-index: 1000;
	text-align: right;
	margin-right: 0px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
	position: absolute;
	top: 39px;
	right: 0px;
}

.orangemenu a {
	color: #666;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;

}

.orangemenu a:hover {
	color: #f60;
}

.orangemenu #about a:hover {
	color: #00aeef;
}

.orangemenu #about {
	color: #00aeef;
	font-size: 1em;

}

.orangemenu #services a:hover {
	color: #8dc63f;
}

.orangemenu #services {
	color: #8dc63f;
	font-size: 1em;

}

.orangemenu #portfolio a:hover {
	color: #ec008c;
}

.orangemenu #portfolio {
	color: #ec008c;
	font-size: 1em;

}


.orangemenu li {
	display: inline;
	padding-left: 15px;
}

.menu li.currentpage,
.menu_home li.currentpage
 {
	color: #f60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 15px;
}

/*---------------------END MENU CSS--------------------------*/

/*---------------------SLIDER CSS--------------------------*/
#sliderwrapper {
	height: 325px;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f1f2f2;
	border-bottom-color: #f1f2f2;
}

#slider {
	position:relative;
	width:800px;
	height:325px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	margin-right: auto;
	margin-left: auto;	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	border:0;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	text-align:center;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows1.png) no-repeat;
	position: absolute;
	top: 44%;
	border:0;
	text-indent:-9999px;
	z-index:1111;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
	display:inline !important;
}

#noslide {
	background:
	background-color: #FFF;
	background-repeat: no-repeat;
}
/*---------------------END SLIDER CSS--------------------------*/


/*---------------------WRAPPPING HEADS--------------------------*/
#wraphead {
	float: right;
	margin-top: 50px;
	margin-right: 0px;
}

#wraphead h3 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #f60;
	text-decoration: none;
	padding-bottom:10px;
	padding-top: 10px;
}
div.who {
	height: 20px;
	width: 250px;
	overflow:hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00aeef;
	padding-bottom: 10px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #f60;
	text-decoration: none;
}
div.who a {
	text-decoration: none;
	color: #f60;
}

div.who h3 a:hover {
	text-decoration: none;
	color: #f60;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
}

.plus1 {
	color: #00aeef;
	font-size: 1em;
}

.plus1 a {
	text-decoration: none;
	color: #00aeef;
	font-size: 0.8em;
}

.wrap {
	color: #666;
}

div.what {
	height: 20px;
	width: 250px;
	overflow:hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8dc63f;
	padding-bottom: 10px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #f60;
	text-decoration: none;
}


div.what h3 a:hover {
	text-decoration: none;
	color: #f60;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
}
.plus2 {
	color: #8dc63f;	
	font-size: 1em;
	text-decoration: none;
}

.plus2 a {
	color: #8dc63f;	
	font-size: 0.8em;
	text-decoration: none;
}


div.our {
	height: 20px;
	width: 250px;
	overflow:hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ec008c;
	padding-bottom: 10px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #f60;
	text-decoration: none;
}
h3 a {
	text-decoration: none;
	color: #f60;
}

div.our h3 a:hover {
	text-decoration: none;
	color: #f60;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
}

.plus3 {
	text-decoration: none;
	color: #ec008c;	
	font-size: 1em;
}

.plus3 a {
	text-decoration: none;
	color: #ec008c;	
	font-size: 0.8em;
}

/* ---------------------END of wrapping text -------------------------*/

/*---------------------CONTACT PAGE CSS--------------------------*/
.workorage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #f60;
	text-decoration: none;
	text-align: left;
	width: 800px;
	height: auto;
	margin-bottom: 20px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
	margin-top: 20px;
	padding-bottom: 5px;
	
}
#address {
	float: left;
	width: 400px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px;
}

#contact-address {
	float: left;
	width: 100px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px;
}

#kontakt{
	float: left;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	text-align: left;
	width:150px;
	margin-bottom: 0px;
}

#kontakt a {
	color: #666;
}

/*--------------------- END CONTACT PAGE CSS--------------------------*/

/* ---------------------FORM CSS -------------------------*/


input[type="text"] { 
	background-color:#fff;
	width: 12em;
	margin-bottom:4px;

	
}

textarea[name="comments"] {
	background-color:  #fff;
	width: 11.8em;
	height: 4em;
	resize: vertical;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;

}

label {
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #F60;
	width:15em;
	margin-top: 5px;
	margin-right: 12px;
}

#form1 {
	float: right;
	margin-right: 30px;
	margin-top: -80px;
	width: 400px;
}

#submit {
	float: right;
	margin-top:5px;
	margin-right:115px;
}

/* ---------------------END of FORM -------------------------*/


/* ---------------------PORTFOLIO CSS -------------------------*/

.work {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ec008c;
	text-decoration: none;
	text-align: left;
	width: 800px;
	height: auto;
	margin-bottom: 20px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ec008c;
	margin-top: 20px;
	padding-bottom: 5px;
	font-weight: normal;
}
.middle {
	padding-right: 15px;
	padding-left: 15px;
}

.imagehead a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	margin-bottom: 20px;
	margin-top: 5px;
}

.imagehead a:hover {
	color: #ec008c;
}

.image {
	width: 185px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.image-right {
	width: 185px;
	float: left;
	margin-bottom: 20px;
}

.brand {
	width: 185px;
	float: left;
	margin-bottom: 0px;
}

.logo {
	width: 120px;
	float: left;
	margin-bottom: 50px;
}

.services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	list-style-type: none;
}

#portfoliotitle {
	float: left;
	width: 300px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 0px;
}

.grey-border {
	border: solid 1px #EAEAEA;
}

/* ---------------------VIEWER CSS -------------------------*/
/*preload classes*/

.svw {
	background: #fff;
	clear: both;
}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden;  
margin: 0 0 1px 0;
z-index: 2000;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
z-index: 2000;
}
.stripTransmitter ul {
	padding: 0;
	position: relative;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 270px;
	overflow:hidden;
	z-index: 2000;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
z-index: 2000;
}
.stripTransmitter a{
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #CCC;
	z-index: 2000;
}
.stripTransmitter a:hover, a.current{
	background: #fff;
	color: #adadad;
	z-index: 2000;
}

/*tooltips formatting*/
.tooltip
{
	padding: 0.5em;
	background: #fff;
	color: #000;
	border: 1px solid #f60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


.info {
	float: left;
	width: 250px;
	margin-right: 20px;
}

.info p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	text-align: left;
	line-height: 1.2em;
	margin-top: 10px;
}

.info h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.launch {
	background-image: url(images/launch.gif);
	height: 35px;
	width: 60px;
	background-repeat: no-repeat;
	margin-top: 20px;
	text-decoration:none;
	z-index: 3000;
}

.launch a {
	display:block;
  	width:100%;
 	height:100%;
  	text-decoration:none;
	z-index: 3000;
}

.launch a:hover {
	background-image: url(images/launch2.gif);
	height: 35px;
	width: 90px;
	background-repeat: no-repeat;
	margin-top: 10px;
	text-decoration:none;
	z-index: 3000;
}

.viewer {
	float: right;
}
h3 .client {
	font-weight: normal;
	text-decoration: none;
}

.pictureright {
	float: right;
}
/* ---------------------END VIEWER CSS -------------------------*/

/* ---------------------END PORTFOLIO CSS -------------------------*/


/* ---------------------SERVICES CSS -------------------------*/

.workgreen {
	
	width: 800px;
	height: auto;
	margin-bottom: 10px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8dc63f;
	margin-top: 20px;
	padding-bottom: 5px;
}

.workgreen a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #8dc63f;
	text-decoration: none;
	text-align: left;
}

/* ---------------------END SERVICES CSS -------------------------*/

/* ---------------------ABOUT CSS -------------------------*/

.workblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #00aeef;
	text-decoration: none;
	text-align: left;
	width: 800px;
	height: auto;
	margin-bottom: 20px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00aeef;
	margin-top: 20px;
	padding-bottom: 5px;
}

/* ---------------------END ABOUT CSS -------------------------*/

#icons { 
	position: absolute;
	float: left;
	z-index: 2000;
	}
#fblikediv {
	display: inline-block;
	height: 25px;
	width: 45px;
	margin-left: 81px;
	float: left;
	z-index: 2002;
	position: absolute;
}

/* ---------------------REQUEST A QUOTE ------------------------ -------------------------*/
#request {
	width: 246px;
	height: 81px;
	margin-top: -30px;
	background-color: #f2f1f1;
	border: 2px solid #e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	float: right;
}
#request h6 {
	font-size: 1em;
	color: #f60;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 15px;
}
#request p {
	color: #666666;
	font-size: 0.9em;
	padding-left: 20px;
}

/* ---------------------RESPONSIVE DESIGN CSS ------------------------ -------------------------*/

/* for 980px or less */


/* for 800px */
@media screen and (max-width: 800px) {
	
	#header {
		width: 90%;
	}
	#sliderwrapper {
		height: 90%;
	}
	#slider {
		width: 89%;
	}
	#slider img {
		width: 90%;
	}
	.nivo-controlNav {
	left:20%;
	}
	#content {
		width: 90%;
	}
}

/* for 768px or less - iPad Portrait*/
@media screen and (max-width: 768px) {
}

/* for 670px or less - iPad Portrait*/
@media screen and (max-width: 670px) {

	#wrapper {
		width: 90%;
	}
	#header {
		width: 90%;
	}
	
	#prlogo {
		width: 35%;
		top: 5px;
	}
	.menu,
	.menu_home {
		font-size: 0.8em;
	}
	#sliderwrapper {
		height: 90%;
	}
	#slider {
		width: 89%;
	}
	#slider img {
		width: 90%;
	}
	.nivo-controlNav {
	left:20%;
	}
	#content {
		width: 90%;
	}
	.home {
		font-size: 0.8em;
	}
	.welcome {
		font-size: 0.8em;
	}
	#request {
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#text-content { 
	margin-top: 420px;
	}
	#wraphead {
		display: none;
	}
	#bottom2 {
		display: none;
	}
}

/* for 550px or less*/
@media screen and (max-width: 550px) {
	#prlogo {
		width: 40%;
	}
	#wrapper #prlogo {
		width: 45%;
		left: -24px;
	}
	#sliderwrapper {
		display: none;
	}
	
	#text-content { 
	margin-top: 30px;
	}
	
	#request {
		border: #FF6600 1px solid;
		border-radius: 10px;
	}
	#content-about {
		margin-top: -10px;
	}
		/*---------------------MENU--------------------------*/

.menu, 
.menu_home {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	font-size:1em;
	z-index: 1000;
	padding-bottom: 10px;
	width: 260px;
	text-align: center;
	border: none;
	position: static;
	float: left;
}
.orangemenu a {
	color: #666;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.orangemenu a:hover {
	color: #f60;
}
.orangemenu #about a:hover {
	color: #00aeef;
}
.orangemenu #about {
	color: #00aeef;
	font-size: 1em;
}
.orangemenu #services a:hover {
	color: #8dc63f;
}
.orangemenu #services {
	color: #8dc63f;
	font-size: 1em;
}
.orangemenu #portfolio a:hover {
	color: #ec008c;
}
.orangemenu #portfolio {
	color: #ec008c;
	font-size: 1em;
}
.orangemenu li {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 3px;
	width: 246px;
	background-color: #F2F1F1;
	border: #FF6600 1px solid;
	border-radius: 10px;
}
.menu li.currentpage, 
.menu_home li.currentpage {
	color: #f60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 0px;
}

/*---------------------END MENU CSS--------------------------*/

}

/* for 360px or less - iPhone Portrait*/
@media screen and (max-width: 360px) {
	body {
		background-image: none;
	}
	#header {
		margin-top: 20px;
	}
	#prlogo {
		width: 60%;
		margin-left: 0px; 
		left: 0px;
		top: -10px;
	}
	
	#wrapper #prlogo {
		width: 67%;
		left: -16px;
	}
	
	#content-about {
		margin-top: -30px;
	}
	
	#text-content { 
		margin-top: 10px;
		width: 100%;
		left:0;
	}
	#request {
		margin-top: 0;
		margin-left: 15px;
	}
	#footer-home {
		width: 270px;
		font-size: 0.6em;
		padding-top: 5px;
		padding-left: 12px;
		margin-bottom: 0;
		float: none;
	}
	.home { 
		width: 100%;
	}
	.welcome {
		font-size: 0.7em;
		line-height: 1.2em;
	}
	#fblikediv {
		display: none;
	}
	#icons {
		display: none;
	}
	#wraphead {
		display: none;
	}
	#bottom {
		width: 100%
	}	
	.menu,
	.menu_home {
		margin-left: 15px;
	}
}

@media screen and (max-width: 320px) {
	#text-content {
		margin-top: -10px;
	}
}