@charset "UTF-8";
/* CSS Document */
body{ background:url(../img/bg2.png) repeat-x; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px}
a{ color:#666; text-decoration:none; font-style:italic}
a:hover{color:#F60;}
#header{  height:337px; width:900px; margin:0 auto; padding:0; position:relative; overflow:hidden;}
#logo{ position:absolute; top:100px; left:20px; width:315px; height:95px; background:url(../img/logo.png) no-repeat;}
#logo h1{ position:absolute; top:-200px; font-size:10px; margin:0; padding:0;}

#desc{ position:absolute; top:400px; left:400px; list-style:none; list-style-position:inside; margin:0; padding:0;}
#desc p{ position:absolute; left:255px; color:#999}
#desc h2{ position:absolute; top:248px; color:#FFF; margin:0; padding:0; font-weight:normal}
#desc strong{  color:#FFF; font-weight:normal}

#desc2{ position:absolute; top:30px; left:500px; list-style:none; list-style-position:inside; margin:0; padding:0;}
#desc2 p{ position:absolute; left:255px; color:#999}
#desc2 h2{ position:absolute; top:248px; color:#FFF; margin:0; padding:0; font-weight:normal}
#desc2 strong{  color:#FFF; font-weight:normal}


#link{ position:absolute; bottom:0px; left:20px; height:40px; background:#374b55; list-style:none; list-style-position:inside; margin:0; padding:0;}
#link li{ display:inline; float:left;  padding:14px; color:#F90}
#link a{ text-decoration:none; color:#fff;}
#link a:hover{color:#F60;}

#web{ position:absolute; background:url(../img/web_design_hotel.jpg) no-repeat left top; width:400px; height:300px;}
#booking_engine{ position:absolute; background:url(../img/booking_engine.jpg) no-repeat left top; width:400px; height:300px;}
#channel_manager{ position:absolute; background:url(../img/channel_manager.jpg) no-repeat left top; width:400px; height:300px;}

#content{ width:900px; margin:0 auto; padding:0;}

#portfolio{ width: 620px;margin:30px 0 0 0; padding:0; float:left;}

#portfolio ul{list-style:none; list-style-position:inside; margin:0; padding:0;}
#portfolio img{display:inline-block; margin:0 5px 5px 0; border:solid 2px #ccc;}
#portfolio .int{ width:150px; display:inline-block; vertical-align:top}
#portfolio a{ text-decoration:none; color:#000}

#portfolio p{ color:#999; font-size:11px; line-height:13px}
#portfolio h2{ margin:0; padding:0;}


.portfolio .jcarousel-container-horizontal { width: 620px; padding:0; margin:25px 25px;}
.portfolio .jcarousel-clip-horizontal {width:300px;  height: 325px;}
.portfolio .jcarousel-item { width: 300px;  height: 325px; margin:0; padding:5px;}

#news{ width:250px; height:300px;  float:right; margin:30px 0 0 30px;}
#news ul{ margin:10px; list-style:none; list-style-position:inside; padding:0;}
#news li{ margin-bottom:10px;}
#news h2{ margin:10px;}
#news span{ color:#09F; font-size:10px;}

#footer{ clear:both; height:200px; background:#8da4b0; margin:0; margin-top:30px;}
#footer2{ width:900px; margin:0 auto; padding:20px;}
#tel{ font-size:16px; color:#FFF; float:left;}
#tel strong{ color:#051f2c}
#tel a{ color:#051f2c; text-decoration:none;}
#ind{ font-size:12px; color:#FFF; float:right;}