/* Stylesheet by Miroslav Kirchschläger 2009 - CSS rules for media: screen, projection | INT BOHEMIA a.s. - www.intbohemia.cz */


@import url("lightwindow.css");

/* -------------------------------- GLOBAL RULES --------------------------------------*/
	body{
		position: relative;
		background-color: #b1c3cb;
		text-align: center;
		font-family: "Trebuchet MS", Tahoma, Verdana, "Arial CE", Arial, Helvetica, sans-serif;
		font-size: 1em;
	}
	
	
	strong{ font-weight: bold; font-style: normal; }
	em{ font-weight: normal; font-style: italic; }
	
	
	a{ color: #2B99C7; }
	a:hover,
	a:focus,
	a:active{ color: #00BEEE; }


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

    #main{
		position: relative;
		width: 953px;
		height: 100%;
		min-height: 100%;
		margin: 0 auto;
		text-align: left;
		background: #fff url(../img/main-bg.png) repeat-y;
		font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
	body>#main{ height: auto; }
	
	
	
/* -------------------------------------- HEAD ------------------------------------------*/

#head{
    position: relative;
	width: 951px;
	height: 115px;
	min-height: 115px;
	margin: 0 auto 0 1px;
	text-align: left;
	background: transparent url(../img/head.jpg) top right no-repeat;
	/*border: 1px solid black;*/
}

#main>#head{ height: auto; }



#main a#logotyp{
	position: absolute;
	top: 17px;
    left: 36px;
}

#head h2.company{
    position: absolute;
	top: 43px;
	left: 172px;
	width: 307px;
	height: 28px;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;	
	text-align: center;
	overflow: hidden;
	/*border: 1px solid black;*/
}

#head h2.company span{
    position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/head-int-bohemia-as.jpg) no-repeat;
	z-index: 2;
}


#head h2{
    position: absolute;
	top: 0;
	right: 0;
	width: 195px;
	height: 115px;
	line-height: 1.4em;
	color: #fff;
	font-size: 1em;
	font-weight: normal;	
	text-align: center;
	background: #5d7177;
	overflow: hidden;
	/*border: 1px solid black;*/
}

#head h2 span{
  position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/head-h2.jpg);
	z-index: 2;
}


#head h2 span.smartsketch{
	background: url(../img/head-h2-smartsketch.jpg);
}



/* --------------------------------- NAVIGATION -----------------------------------------*/


#navigation
{
    position: relative;
	padding: 0 0 0 0;
	margin: 0 1px 0 1px;	
	height: 32px;
	min-height: 32px;
	background:  #314149;
	/*border: 1px solid black;*/
}

/*#navigation *{
    border: 1px solid silver;
}*/


#navigation ul
{
    position: absolute;
	top: 2px; 
	padding: 0 0 0 190px;
	list-style: none;
	z-index: 10;
}

#navigation li
{
  float: left;
  display: inline;
  margin: 0 0;
  height: 32px;
  line-height: 32px;
}

#navigation ul li a
{
	font-size: .7em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 5px;
	line-height: 0;
	font-weight: bold;
	/*height: 32px;
	line-height: 32px;*/
}


#navigation a:hover,
#navigation a:focus,
#navigation a:active
{ text-decoration: none;
   color:#00CFFF; }
   
   
#navigation a#active:hover,
#navigation a#active:focus,
#navigation a#active:active
{ color:#fff; }



#navigation span.bookmark
{
 position: absolute;
 bottom: 0;
 display: block;
 height: 23px;
 line-height: 23px;
 z-index: 3;
 background-repeat: no-repeat;
 background-position: bottom left;
}


#navigation span.bookmark#index 			{ background: url(../img/bookmark-news.png); width: 96px; left: 173px; }
#navigation span.bookmark#software			{ background: url(../img/bookmark-sw-hw.png); width: 104px; left: 215px; }
#navigation span.bookmark#hardware			{ background: url(../img/bookmark-hw.png); width: 104px; left: 283px; }
#navigation span.bookmark#skoleni			{ background: url(../img/bookmark-skoleni.png); width: 99px; left: 355px; }
#navigation span.bookmark#technicka-podpora 	{ background: url(../img/bookmark-techsupport.png); width: 160px; left: 408px; }
#navigation span.bookmark#reference			{ background: url(../img/bookmark-reference.png); width: 104px; left: 531px; }
#navigation span.bookmark#onas				{ background: url(../img/bookmark-about.png); width: 78px; left: 599px; }
#navigation span.bookmark#kontakt			{ background: url(../img/bookmark-contact.png); width: 99px; left: 641px; }



/* --------------------------------- LEFTCOL ------------------------------------------*/

#leftcol
{
   position: relative;
   display: inline;
   float: left;
   margin: 0 0 0 1px;
   padding: 0 0 0 0;
   width: 162px;
   text-align: left;   
   clear:both;
   /* border: 1px solid #0099FF; */
}


#leftcol #img-news{
   width: 162px;
   height: 500px;
   min-height: 500px;
   background: url(../img/img-novinky.jpg) no-repeat top left;
}

#leftcol #blank{
   width: 162px;
   height: 500px;
   min-height: 500px;
   background: #fff;
}



#leftcol #img-techsupport{
   width: 162px;
   height: 605px;
   min-height: 605px;
   background: url(../img/img-techpodpora.jpg) no-repeat top left;
}

#leftcol #img-contact{
   width: 162px;
   height: 535px;
   min-height: 535px;
   background: url(../img/img-kontakt.jpg) no-repeat top left;
}


#leftcol #subnavigation{
  position: relative;
}


#leftcol #subnavigation h3{
    position: relative;
    padding: 8px 15px 8px 15px;
	margin: 0 0 0px 0;
    color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.2em;
	background: #4a5b63;
}


#leftcol #subnavigation h3.top{
    position: relative;
    background-image: url(../img/leftcol-h3-tl-corner.png);
	background-position: top left;
	background-repeat: no-repeat;
    /*border: 1px solid silver;*/
}


#leftcol #subnavigation .categories{
	margin: 0 0 0 1px;
}	


#leftcol #subnavigation .categories li{
	font-size: 0.7em;
	margin: 0 0 0 0;
	padding: 0;	
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

#leftcol #subnavigation .categories li a{
	display: block;
	color: #000000;
	line-height: 1.5em;
	padding: 4px 5px 4px 15px;
	background: #F5F3EB url(../img/subnavigation-bullet1.png) top left repeat-y;
	text-decoration: none;
	font-weight: bold;
}

#leftcol #subnavigation .categories li a.listed{
	padding: 4px 5px 4px 25px;	
   	background: #FEF9E2 url(../img/subnavigation-bullet1-listed.png) top left repeat-y;
}




#leftcol #subnavigation .categories li a:hover,
#leftcol #subnavigation .categories li a:focus,
#leftcol #subnavigation .categories li a:active{
	background-color: #FEF9E2;
}

#leftcol #subnavigation .categories li a.velocity-series{
   background: #eEe9d2 url(../img/subnavigation-bullet1.png) top left repeat-y; 
}



#leftcol #subnavigation .categories li #subcategories{
	margin: 2px 0 0 0;	
}

#leftcol #subnavigation .categories li #subcategories li{
	font-size: 1em;
}

#leftcol #subnavigation .categories li #subcategories li.active a,
#leftcol #subnavigation .categories li #subcategories li.active a:hover,
#leftcol #subnavigation .categories li #subcategories li.active a:focus{
  background: #c0d6ee url(../img/subnavigation-bullet2-listed.png) top left repeat-y;
  font-weight: bold;
}

#leftcol #subnavigation .categories li #subcategories li a{
	font-weight: normal;	
    padding: 3px 5px 3px 25px;
    background: #E9F0F7 url(../img/subnavigation-bullet2.png) top left repeat-y;
}


#leftcol #subnavigation .categories li #subcategories li a:hover,
#leftcol #subnavigation .categories li #subcategories li a:focus,
#leftcol #subnavigation .categories li #subcategories li a:active{
   background-color: #EBF5FF;  
}


#leftcol #subnavigation .categories li #subsubcategories li  a,
#leftcol #subnavigation .categories li.active #subsubcategories li  a{
   font-weight: normal;
   padding: 3px 5px 3px 35px;
   background: #FCF9F5 url(../img/subsubnavigation-bullet3.png) top left repeat-y;
}


#leftcol #subnavigation .categories li  #subsubcategories li.active a,
#leftcol #subnavigation .categories li.active  #subsubcategories li.active a,
#leftcol #subnavigation .categories li  #subsubcategories li.active a:hover,
#leftcol #subnavigation .categories li  #subsubcategories li.active a:focus{
  font-weight: bold;
  background: #f0ead1 url(../img/subsubnavigation-bullet3-listed.png) top left repeat-y;
}


#leftcol #subnavigation .categories li #subsubcategories li a:hover,
#leftcol #subnavigation .categories li #subsubcategories li a:focus,
#leftcol #subnavigation .categories li.active #subsubcategories li a:hover,
#leftcol #subnavigation .categories li.active #subsubcategories li a:focus{
	background: #FfFbE9 url(../img/subsubnavigation-bullet3.png) top left repeat-y;
	font-weight: normal;
}




#leftcol #subnavigation .categories li #subsubsubcategories li  a,
#leftcol #subnavigation .categories li.active #subsubsubcategories li  a{
   font-weight: normal;
   padding: 3px 5px 3px 45px;
   background: #FCF9F5 url(../img/subsubsubnavigation-bullet4.png) top left repeat-y;
}


#leftcol #subnavigation .categories li #subsubsubcategories li a:hover,
#leftcol #subnavigation .categories li #subsubsubcategories li a:focus,
#leftcol #subnavigation .categories li #subsubcategories li.active #subsubsubcategories a:hover,
#leftcol #subnavigation .categories li #subsubcategories li.active #subsubsubcategories a:focus{
    background: #FfFbE9 url(../img/subsubsubnavigation-bullet4.png) top left repeat-y;
	font-weight: normal;
}



#leftcol #subnavigation .categories li #subsubsubcategories li.active a,
#leftcol #subnavigation .categories li #subsubcategories li.active #subsubsubcategories li.active a:hover,
#leftcol #subnavigation .categories li #subsubcategories li.active #subsubsubcategories li.active a:focus{
    background-color: #FfFbE9;
	font-weight: bold;
}


/* --------------------------------- RIGHTCOL -----------------------------------------*/


#rightcol
{
   position: relative;
   display: inline;
   float: right;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width: 196px;
   text-align: left;
   /*border: 1px solid #0099FF;*/
}

#rightcol #techsupport-contact{
	position: relative;
	margin: 0 1px 0 0;
	background: #fcf9f5 url(../img/techpodpora-bg.png) bottom repeat-x;
}

#rightcol h3{
    position: relative;
    padding: 8px 0 8px 15px;
    color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.2em;
	background: #4a5b63;
}


#rightcol #techsupport-contact h3{
    position: relative;
    background-image: url(../img/h3-techpodpora-tr-corner.png);
	background-position: top right;
	background-repeat: no-repeat;
    /*border: 1px solid silver;*/
}

#rightcol #techsupport-contact ul{
    margin: 15px 0px 0 15px;
	padding: 0 0 15px 0; 
	background:  url(../img/techsupport-cellphone.gif)  right top no-repeat;  
	font-size: 0.7em;
	font-weight: bold;
	color: #394757;
}



#rightcol #techsupport-contact ul li{
    height: 20px;
	line-height: 20px;
}

#rightcol #techsupport-contact ul li a {
	color: #394757;
}


#rightcol #actual-info h3.headline{
	padding: 10px 10px 8px 15px;
	background: #2B99C7;
	font-weight: normal;
	font-size: .75em;
	line-height: 1.3em;
}

#rightcol #actual-info p.details{
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #2B99C7;
	padding: 10px 15px 20px 15px;
	margin: 0 2px 0 0;
	border-left: 1px solid #e4f2f8;
	border-bottom: 1px solid #e4f2f8;
}

#rightcol #actual-info p.details strong{
	color: #a6352d;
}

#rightcol #actual-info p.special{
   color: #2B99C7;
   background: #f2fbff;
}


#rightcol #actual-info ul.details{
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #777;
	padding: 10px 15px 20px 15px;
	margin: 0 2px 0 0;
	border-left: 1px solid #e4f2f8;
	border-bottom: 1px solid #e4f2f8;
	list-style: circle;
	list-style-position:inside;
}


#rightcol #actual-info ul.details li{
	margin-bottom: 1em;
	
}



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

#content{
   position: relative;
   margin: 0 198px 0 163px;
   padding: 0 0 80px 0;
   font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   background: transparent;
  /* border: 1px solid #0099FF;*/
}

#main>#content{  height: auto;  }


#content #h1-box{
   background: #2B99C7 url(../img/h1-box-bg.png) center repeat-y;
   margin: 0 0 1.7em;
}


#content #h1-box #bottom{
   background: url(../img/h1-bottom.jpg) bottom center no-repeat;
   height: 24px;
   min-height: 24px;
  
}

#content #h1-box h1{
   position: relative;
   padding: .7em 35px 0em;
   margin: 0;
   line-height: .8em;
   color: #fff;
   font-size: 1.4em;
   font-weight: normal;
   z-index: 10;
}

#content #h1-box p{ color: #FFFFFF; margin-bottom: 0; }

#content h1, #content h2, #content h3, #content h4
{
    margin: 0 35px .3em;
	color: #2B99C7;
	line-height: 1.3em;
}

#content h1{ font-size: 1.2em; }
#content h2{ font-size: 1.1em; }
#content h3{ font-size: 1em; }
#content h4{ font-size: .9em; }

#content p{
   margin: 0 35px 2em 50px;
   font-size: .75em;
   line-height: 1.5em;
   /*border: 1px solid #0099FF;*/
}

#content p a{
   color: #2B99C7;
}


#content p a.news-details{
   display: block;
   margin: .1em 0 0;
   color: #2B99C7;
   font-size: .9em;
}


#content p.banner{
  text-align: center; 
}

#content p.banner img{
 margin: 0;  
}



#content p a:hover,
#content p a:active,
#content p a:focus,
#content p a.news-details:hover,
#content p a.news-details:focus,
#content p a.news-details:active{
   color: #0099FF; 
}



#content p img{ margin: 0 0 0 0; }
#content p img.float-left{ float: left; display: inline; margin: 5px 20px 10px 0;  }
#content p img.float-right{ float: right; display: inline; margin: 5px 0 10px 20px;  }

#content p img.img-m150{ margin-left: 150px; }

#content p.virtual-studio{ padding-left: 50px;}
#content p.virtual-studio img{
    margin: 0 0 0 0;
	border: 1px solid #ccc;
}



#content p.video img{
    margin: 10px 5px 0 0;
	border: 1px solid #ccc;
}


#content p.video a:hover img{
   border: 1px solid #4Bb9e7 ;
}




#content p img.active-rules{   margin: 0 0 0 40px; }


#content ul.video{
  position: relative;
}

#content ul.video li{  
  line-height: 75px;
  padding: 5px 0;
}

#content ul.video a.video{
  float: left;
  display: inline;
  margin-right: 20px;
  height: 74px;
}


#content ul{
   margin: 0 30px 2em 50px;
   font-size: .75em;
   line-height: 1.6em;
   list-style: circle;
}

#content ul.no-list-style{
   margin: 0 35px 3em;
   list-style: none;
}

#content ul li.no-list-style{
   list-style: none;
   margin-left: 0;
}

#content ul ul{ 
   margin: 10px 0 0 40px;
   font-size: 1em;
}

#content ul li{
   margin: 0 0 1em 15px; 
}

#content ul li.heading{
   margin: 0 0 1em 0px; 
}

#content ul h2, #content ul h3, #content ul h4{
    margin-left: 0;
}

#content ul h2{ font-size: 1.3em; }
#content ul h3{ font-size: 1.2em; }
#content ul h4{ font-size: 1.1em; }




#content #software-list h3{
  font-size: 1.2em;
}

#content  #software-list li{
  padding-bottom: .8em;
}

#content  #software-list span{
  float: right;
  margin-left: 30px;
  width: 130px;
  margin-bottom: 20px;
}

#content  #software-list img.part-solutions,
#content  #software-list img.tds{ margin-left: 25px; }

#content #software-list h2 { color: #314149; }
#content #software-list h2 a{ color: #314149; }
#content #software-list h2 a:hover,
#content #software-list h2 a:focus,
#content #software-list h2 a:active{ color: #516169; }


#content  #software-list ul{
    margin-left: 15px;
}



#content #smartsketch-list{
   margin: 0 50px 2.5em 70px;
   font-size: .8em;
   line-height: 1.4em;
}


#content #smartsketch-list .headline{
   font-weight: bold;
   font-size: 1.3em;
}


#content #smartsketch-list .right{
	text-align: right;
	padding: 5px 15px 5px 0;
	font-weight: bold;
	width: 170px;
}



#content img.virtual-studio2{
   margin-left: 45px;
}

#content p img{
  margin: 0 10px;
}


#content #workstations div{
   text-align: center;
}


#content #workstations-box,
#content #controllers-3d-box{
   float: left;
   display: inline;
   width: 275px;
}

#content #workstations-box{
  margin-left: 20px;
}

#content #workstations-box h3,
#content #controllers-3d-box h3{
  margin-left: 5px;
}

#content #workstations-box img,
#content #controllers-3d-box img{
   margin: 15px 0 5px 20px;
}

#content #workstations-box p,
#content #controllers-3d-box p{
   margin: 0px;
}

#content #workstations-box ul,
#content #controllers-3d-box ul{
  margin: 0 12px 0 0;
  padding: 10px 15px 0 20px;
  background: #FCF9F5;
  border: 1px solid #F6F3EF;
  height: 180px;
}


#content #workstations img{
 margin-top: 10px;
 margin-bottom: 20px;
}


#content #workstations img.logo{
 float: right;
 margin: 0 0 10px 15px;
}


#content #controllers-supported-sw{
   position: relative;
   background: #FCF9F5;
   padding: 20px 0;
   margin: 0 30px 1em;
   height: 145px;
   border: 1px solid  #f6f3ef;
}



#content #controllers-supported-sw ul li{
   float: left;
   display: inline;
   width: 30%;
   font-weight: bold;
}


#content p.controllers-intro{
   position: relative;
   margin-bottom: 0;
}



#content p.controllers-intro span{
  position: absolute;
  display: block;
  background: #2B99C7;
  color: #fff;
  padding: 1px 5px;
  font-weight: bold;
  font-size: .9em; 
}

#content p.controllers-intro span.new{  top: 177px; left: 22px;  }
#content p.controllers-intro span.discount{ top: 212px; left: 115px; }


#content #controllers-offer{
   margin-right: 25px;
}

#content #controllers-offer li{
  padding-bottom: 90px;
}

#content #controllers-offer img{
   float: right;
   margin-left: 45px;
}

#content #controllers-comparison{
   margin:0 20px 2em 35px;
   border-collapse: collapse;
   border: 1px solid  #f6f3ef; 
   font-size: .7em;     
}

#content #controllers-comparison th{
  font-weight: bold;
  background: #E9F2F5; /*#f6f3ef; */
  border: 2px solid #fff;
  padding: 5px 5px .3em;
  line-height: 1.4em;
  text-align: center;
  vertical-align: middle;
}

#content #controllers-comparison td{
   background: #FCF9F5;
   border: 2px solid #fff;
   padding: 5px 5px .3em;
   line-height: 1.4em;   
}


#content #controllers-comparison .left{  text-align: left; }
#content #controllers-comparison .center{  text-align: center; }
#content #controllers-comparison .middle{  vertical-align: middle; }


#content  #referecnce-list{
   width: 510px;  
   text-align: right;
}



#content  #referecnce-list li{
 border-bottom:1px solid #E4F2F8;
  padding: 0 10px .2em;
}




#content  #referecnce-list span{
  float: left;
  width: 290px; 
  padding-right: 20px;
  text-align: left;
  font-weight: bold; 
}




#content #form-box{
  padding: 5px 0 0 35px;
}

#content form{
  position: relative;
  background: #f2f2f2 url(../img/form-top.png) top no-repeat;
  width: 514px;
  padding: 20px 0 1px;
}

#content form div.bottom{ 
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 6px;
  line-height: 6px;
  background: url(../img/form-bottom.png) bottom no-repeat;
}


#content form p{
  margin: 0 37px 1em;
}


#content p.ic-dic{
  float: right;
  margin: 0;
  padding-right: 90px;
}

#content>p.ic-dic{  padding-right:  105px; }


#content div.post-address p{
  margin-bottom: 0;
}

#content em.not-for-post{
  color: #777;
  display: block;
}

#content p.map-box{
  margin-bottom: 15px;
}


#content p img.map{
  float: left;
  margin: 35px 20px 10px 0;
}


#content ul.contact-info li,
#content ul.contact-info2 li
{ margin: 0}


#content ul.contact-info{
  margin: 10px 25px 10px 0;
  list-style: none;
  line-height: 1.6em;
}


#content ul.contact-info2{
  margin-bottom: 30px;
  margin-right: 30px;
   margin-left: 35px;
  list-style: none;
  line-height: 1.6em;
}


#content ul.contact-info2 li.show-detailed-map a{  
  padding-left: 0px;
}


#content form p.additional-info{
	color: #777;
	padding: 50px 0 1em 0;
}


#content form label{
  font-size: .75em;
  margin: 0 0 .3em 0;
  padding: 0;
  color: #2B99C7;
  display: block; 
}


#content form input{
  border: 1px solid #ccebf5;
  background: #fff;
  width: 165px;
  
   font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content form textarea{
  border: 1px solid #ccebf5;
  background: #fff;
  width: 440px;
  height: 100px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}



#content form fieldset.name,
#content form fieldset.password,
#content form fieldset.email
{
  float: left;
  margin: 0 0 0 37px;
  display: inline;
}


#content form.contact input#name,
#content form.contact input#email
{ width: 200px;  }

#content form fieldset.message{
  margin: 65px 0 10px 37px;
}


#content form.contact p.field-error {
  margin: .3em 0 1em;
  color: #C72121;
}

#content form.contact p.message-error{  color: #C72121; }
#content form.contact p.message{  color: #2B99C7; }


#content form fieldset.password{ margin: 0 0 0 20px; }

#content form fieldset.submit{
  float: left;
  padding: 17px 0 0 10px;
  text-align: right;
}


#content form.contact fieldset.submit{
  float: none;
  padding: 0 35px 20px 30px;
  text-align: right;
}

#content form fieldset.submit input.login{
  background: url(../img/submit.png) no-repeat;
  width: 78px;
  height: 21px;
  line-height: 21px;
  font-size: .8em;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  border: none;
}




#content #sitemap{
   font-size: .9em;
   font-weight: bold;
   list-style: none;
}

#content #sitemap h3{
  color: #314149;
  font-size: 1em;
  margin: 0;
}

#content #sitemap ul{
   font-weight: normal;
   font-size: .9em;
   list-style: none;
   margin: 5px 0 1.5em 10px;
}

#content #sitemap li{ margin-bottom: .5em; }
#content #sitemap ul ul{ font-size: .95em; }
#content #sitemap ul ul ul{ font-size: 1em; }


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

#footer{
   height: 58px;
   min-height: 58px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #f3f3f3  url(../img/footer.jpg) no-repeat;
}

#footer p{
   padding: 12px 0 0 375px;
   font-size: .7em;
   color: #656565;
}

#footer p a{  
  font-size: 1em;
}

#footer p a#link-sitemap{
  color: #555;
  margin: 0 5px 0 200px;
}

#footer p a#webdesign{
  color: #555;
  margin: 0 0 0 0px;
}

#footer p a#link-sitemap:hover,
#footer p a#link-sitemap:focus,
#footer p a#webdesign:hover,
#footer p a#webdesign:focus
{  
   color: #0099FF;
   text-decoration: underline;
}