/* css do strony firmowej ITandC
css for the business site of ITandC 
design and copyright by Wojciech Cieslak
all rights reserved */


body {background: #253953; margin:0; font-family: arial, tahoma, helvetica, sans-serif; }
/*strona powitalna */
#container {position: relative; width: 800px;background: #253953; margin-left: auto;margin-right: auto;}
#box1 { width:820px; height: 264px; background: url('../images/bg_1.png');}
#box2 { width:820px; height: 40px; background: url('../images/bg_2.png')}
#box3 { position: relative; width:820px; height: 210px; background: url('../images/bg_3.png')}
#box4 { width:820px; height: 166px; background: url('../images/bg_4.png')}
#menu_1 { position: relative; width:630px; height: 210px; background:#253953; margin-left: 110px; padding-top:5px;}

/* podstrony about_me, gallery, portfolio */

#header_2 { width: 800px; height: 135px; background: #253953;}
#box3_1 { width: 800px; height: 210px; padding: 10px 0 10px 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
#menu_2 { position: relative; width:800px; height: 210px; background:#253953; margin-left: -10px; padding-top:5px;}

#main {width: 776px; height: auto; background: #253953; font-size: 1.06em; color: #ccc; text-align: justify; padding: 20px 0 20px 0; border-bottom: 2px solid #ccc; padding:12px;}
#main_web {width: 800px; height: 400px; background: #253953; font-size: 1.06em; color: #ccc; text-align: justify; padding: 20px 0 20px 0; border-bottom: 2px solid #ccc;}
#main_gallery {width: 800px; height: 400px; background: #253953; font-size: 1.06em; color: #ccc; text-align: justify; padding: 20px 0 20px 0; border-bottom: 2px solid #ccc;}
#bottom { width: 800px; height: 20px; background: #253953; clear:both;}
#contl {width: 300px; float:left;}
#contr {width: 440px; float: right; padding-left: 10px; border-left: 2px dotted #ccc;}
.fot1 { text-align:left; padding: 3em;}
.title { font-weight: bold; font-size: 1.2em; }
/* hide from ie on mac \*/
	html {
		height: 100%;
	}	
	#flashcontent {
		height: 100%;
	}
	/* end hide */

form { font-size: 12px; font-weight: bold; text-align: right; }
input { font-size: 10px; color: ##44454C; }

/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	width: 620px;
	height: 200px;
	overflow: hidden;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#253953 none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.aboutme a {
	background: url(../images/aboutme.jpg) repeat scroll 0%;
}

#imageMenu ul li.ourservice a {
	background: url(../images/ourservice.jpg) repeat scroll 0%;
}

#imageMenu ul li.portfolioweb a {
	background: url(../images/portfolioweb.jpg) repeat scroll 0%;
}

#imageMenu ul li.portfoliodesign a {
	background: url(../images/portfoliodesign.jpg) repeat scroll 0%;
}

#imageMenu ul li.gallery a {
	background: url(../images/gallery.jpg) repeat scroll 0%;
	/*width: 310px;*/
}
#imageMenu ul li.contact a {
	background: url(../images/contact.jpg) repeat scroll 0%;
width:300px;
}

/*************************************************************/

#imageMenu_2 {
	width: 780px;
	height: 200px;
	overflow: hidden;
}

#imageMenu_2 ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 2000px;
	
	}

#imageMenu_2 ul li {
	float: left;
}

#imageMenu_2 ul li a {
	text-indent: -1000px;
	background:#253953 none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:118px;
	height: 200px;
}

#imageMenu_2 ul li.aboutme a {
	background: url(../images/aboutme.jpg) repeat scroll 0%;
}

#imageMenu_2 ul li.ourservice a {
	background: url(../images/ourservice.jpg) repeat scroll 0%;
}

#imageMenu_2 ul li.portfolioweb a {
	background: url(../images/portfolioweb.jpg) repeat scroll 0%;
}

#imageMenu_2 ul li.portfoliodesign a {
	background: url(../images/portfoliodesign.jpg) repeat scroll 0%;
}

#imageMenu_2 ul li.gallery a {
	background: url(../images/gallery.jpg) repeat scroll 0%;
	/*width: 310px;*/
}
#imageMenu_2 ul li.contact a {
	background: url(../images/contact.jpg) repeat scroll 0%;
width:300px;
}