/* MY CSS
------------------------------------------------------------------------------------ */
body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
}

a {
	outline:			none;
}

/* LINE TOP
------------------------------------------------------------------------------------ */

#top-line {
    position:			relative;
    height:				auto;
    width:				auto;
    padding:			50px 0px 50px 0px;
    background-color:	#000000;
}

/* HEAD
------------------------------------------------------------------------------------ */

#head {
    position:			relative;
    height:				auto;
    width:				960px;
    margin:				0px auto; 
}
#head h1 {
	margin:				0px 750px 0px 0px;
    line-height:		1.1em;																	/* Fro logotype "Euro Style" */
    font-size:			xx-large;
    background:			transparent url('../images/logo-img.png') no-repeat scroll left top;  	/* Logotype "Euro Style" */
}
#head h1 a {	
	visibility:			hidden;  																/* Fro logotype "Euro Style" */
	text-decoration:	none;
	font-weight:		bold;
	color:				#FFFFFF;
}
#head h1 a b {
	font-style:			italic;
	font-weight:		bold;
    color:				#009900;
}

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

#head ul {
	margin:				30px 750px 0px 0px;
    line-height:		1.4em;
    font-size:			1.6em;
    font-weight:		bold;
}
#head ul li {
    
}
#head ul li a {
	text-decoration:	none;
    color:				#999999;
}
#head ul li a:hover {
    color:				#FFFFFF;
}
#home 		#head ul li.home a, 
#about 		#head ul li.about a, 
#repair 	#head ul li.repair a, 
#design 	#head ul li.design a, 
#cleaning	#head ul li.cleaning a,
#building 	#head ul li.building a, 
#ourwork 	#head ul li.gallery a, 
#contact	#head ul li.contact a {
   	cursor:				default;
   	color:				#FFFFFF;
}

/* SLIDE SHOW
------------------------------------------------------------------------------------ */

#slide {
	position:			absolute;
	height:				440px;
	width:				750px;
	bottom:				-150px;
	right:				0px;
}
#slide img {			/* Format 2,35 */
	height:				340px;
	width:				750px;
	border:				none;
}
#slide h2 {
	padding:			30px;
	font-size:			large;
	font-weight:		bold;
	color:				#FFFFFF;
	background-color:	#000000;
}
#slide h2 b {
	font-size:			small;
	font-weight:		bold;
	color:				#999999;
}

/* CONTAINER
------------------------------------------------------------------------------------ */

#container {
    position:			relative;
    height:				auto;
    width:				960px;
    margin:				0px auto;
}

/* CONTENT
------------------------------------------------------------------------------------ */

#content {
	float:				right;
    position:			relative;
    height:				auto;
    width:				750px;
    padding-top:		100px;
}
#content {
	font-size:			1.1em;
	color:				#333333;
}
#content p,
#content h2,
#content h3,
#content ul {
    margin:				20px 30px;
    padding:			0px 0px;
}
#content h2{
   	line-height:		1.1em;
	font-size:			x-large;
	font-weight:		bold;
}
#content h3 {
   	line-height:		1.3em;
	font-size:			large;
	font-weight:		bold;
}
#content p,
#content ul {
   	line-height:		1.5em;
}
#content ul {
	padding-left:		40px;
}
#content ul li {
	margin-bottom:		10px;
   	list-style:			none outside url('../images/marker-img.gif');
}
#content img {			/* Content Images Size */
	float:				left;
    height:				250px;
    width:				320px;
    margin:				20px 20px 20px 30px;
}
#content h3  b {
	color:				#009900;
}
#content dl {
	margin:				20px 30px;
	font-size:			x-large;
	font-weight:		bold;
}
#content dl dd {
	margin:				10px 0px;
}
#content dl dt {
	margin:				10px 0px;
}

/* CONTENT HOME BOX
----------------------- */

#content .box-content {
	float:				left;
    position:			relative;
    height:				auto;
    width:				210px;
    margin:				20px 0px 20px 30px;
}
#content .box-content img {
	float:				none;
    height:				160px;
    width:				210px;
	margin:				0px;
}
#content .box-content h2 {
	font-size:			x-large;
	font-weight:		bold;
}
#content .box-content h2 b {
	font-size:			large;
    color:				#999999;
}
#content .box-content h2,
#content .box-content p {
    margin:				20px 0px;
}
#content .box-content p a {
	margin:				0px;
	padding:			8px;
	font-size:			small;
	font-weight:		bold;
    text-decoration:	none;
    color:				#FFFFFF;
    background:			green none repeat-x scroll left center;
}
#content .box-content p a:hover {
    background:			green none repeat-x scroll left center;
}

/* CONTENT CLEANING, BUILDING
----------------------- */

#content .box-horizontal {
	position:			relative;
	height:				auto;
	width:				auto;
	margin:				0px 30px;
	padding:			1px 0px;
	
    background:			transparent url('../images/underline-img.gif') repeat-x scroll left top;
}
#content .box-horizontal {
	margin:				0px 30px;
}
#content .box-horizontal img {
	height:				160px;
	width:				160px;
	margin:				20px 20px 20px 0px;
}
#content .box-horizontal h3 {
	font-size:			large;
}
#content .box-horizontal p {

}
#content .box-horizontal p a {
	float:				right;
	text-decoration:	none;
	color:				#333333;
}
#content .box-horizontal p a:hover {
	color:				#009900;
}

/* CONTENT OUTWORK
----------------------- */
#htmlElement {
	padding: 			10px;
	background-color: 	#000;
}

#ourwork #content #example {
	float:				left;
	margin-bottom:		20px;
}
#ourwork #content #example .mb {
    margin-left:		15px;
}
#ourwork #content #example a img {
	height:				150px;
	width:				200px;

}

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









/* CONTENT CONTACT
----------------------- */

#contact #content dl dt a {
   	text-decoration:	none;
    color:				#66CCFF;
}

/* CONTENT DECORATION
----------------------- */

#content #decor-left {
    position:			absolute;
	height:				300px;
	width:				10px;
    top:				0px;
    left:				-10px;
    background:			transparent url('../images/shadow-ver-left-img.jpg') no-repeat scroll left top;
}
#content #decor-right {
    position:			absolute;
	height:				300px;
	width:				10px;
    top:				0px;
    right:				-10px;
    background:			transparent url('../images/shadow-ver-right-img.jpg') no-repeat scroll right top;
}

/* SIDE BAR
------------------------------------------------------------------------------------ */

#side-bar {
	float:				left;
    position:			relative;
    height:				auto;
    width:				210px;
    padding:			40px 0px 20px 0px;
}
#side-bar h2 {
	margin:				0px 30px 30px 0px;
	font-size:			x-large;
	font-weight:		bold;
}
#side-bar ul {
    margin-right:		30px;
}
#side-bar ul li {
    font-size:			medium;
    font-weight:		bold;
    color:				#333333;
    background:			transparent url('../images/list-link-img.gif') no-repeat scroll left top;
}
#side-bar ul li:hover {
    background:			transparent url('../images/list-hover-img.gif') no-repeat scroll left top;
}
#side-bar ul li a {
	display:			block;
    padding:			5px 0px 5px 25px;
	text-decoration:	none;
    color:				#333333;
	background:			transparent url('../images/underline-img.gif') repeat-x scroll left bottom;
}
#side-bar ul li a:hover {
    color:				#009900;
}
#side-bar ul li ul {
	display:			none;
    margin-right:		0px;
}
#side-bar ul li ul li {
    font-size:			small;
    font-weight:		normal;
    background-image:	none;
}
#side-bar ul li ul li:hover {
    background-image:	none;
}
#side-bar ul li ul li a {
	text-decoration:	none;
    color:				#808080;
}
#side-bar ul li ul li a:hover {
    color:				#009900;
}

/* SIDE BAR SOCNET
------------------------------------------------------------------------------------ */
#side-bar #socnet {
	margin:				60px 0px 0px 0px;
	padding:			0px;
    border:				0px;
}
#side-bar #socnet li {
	margin:				0px 0px 20px 0px;
	line-height:		1.5em;	
	font-size:			small;
	font-style:			normal;
	font-weight:		bold;
	color:				#333399;
	background:			transparent none no-repeat scroll left top;
}
#side-bar #socnet li+li {
	margin:				5px 0px;
	font-weight:		normal;
}
#side-bar #socnet li a {
	float:				left;
	margin:				0px;
	padding:			0px;
    line-height:		32px;
	color:				#333399;
    border:				0px;
	background:			transparent none no-repeat scroll left top;
}
#side-bar #socnet li a:hover {
	text-decoration:	underline;
}
#side-bar #socnet li a img {
	float:				left;
	height:				32px;
	width:				32px;
	margin:				0px 5px 0px 0px;
	padding:			0px;
}

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

table {
	clear:				both;
    width:				685px;
    margin:				20px 0px 20px 30px;
    border:				1px #C0C0C0 solid;
}
table td {
    padding:			10px 10px;
}
table thead {
	text-align:			center;
	font-size:			large;
	font-weight:		bold;
    color:				#FFFFFF;
}
table thead tr {
   	border-bottom:		1px #C0C0C0 solid;
    background-color:	#999999;
}
table tbody {
   	text-align:			center;
}
table tbody tr:hover {
	color:				#FFFFFF;
	background-color:	#999999;
}
table tbody tr td {
	border-left:		1px #C0C0C0 solid;
	border-bottom:		1px #C0C0C0 dotted;
}

/* FOOTER
------------------------------------------------------------------------------------ */

#footer {
    position:			relative;
    height:				auto;
    width:				960px;
    margin:				0px auto;
    color:				#808080;
}
#footer ul {
	float:				left;
    position:			relative;
    height:				auto;
    width:				210px;
    margin:				20px 0px 20px 240px;
	list-style:			none;
}
#footer ul+ul {
	float:				left;
    position:			relative;
    height:				auto;
    width:				210px;
    margin-left:		30px;
}
#footer ul li {
	margin:				0px 30px 0px 0px;
    padding-bottom:		10px;
    font-size:			large;
    font-weight:		bold;
    color:				#333333;
}
#footer ul li+li {
    padding:			5px 0px;
    font-size:			small;
    font-weight:		normal;
	background:			transparent url('../images/underline-img.gif') repeat-x scroll left bottom;
}
#footer ul li a {
    text-decoration:	none;
    color:				#808080;
}
#footer ul li a:hover {
    color:				#009900;
}
#footer p {
    clear:				both;
	margin:				0px 30px 0px 240px;
	padding:			20px 0px;
	background:			transparent url('../images/underline-img.gif') repeat-x scroll left top;
}
#footer p a {
	margin-right:		30px;
	text-decoration:	none;
    color:				#808080;
}
#footer p span {
	float:				right;
	margin-right:		0px;
}
#footer p span a {
	margin-right:		0px;
}
#footer p a:hover {
	text-decoration:	underline;
}
#footer hr {
    margin:				0px 30px 0px 240px;
    padding:			1px 0px 0px 0px;
    border:				0px;
	background:			transparent url('../images/underline-img.gif') repeat-x scroll left bottom;
}

/* CLASS
------------------------------------------------------------------------------------ */

.clearfix {
    clear:				both;
    height:				1%;
    margin:				0px;
    padding:			0px;
}
.zebra {
	background-color:	#E6E6E6;
}
.left {
    text-align:			left;
}

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