/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Project: Inconnection
Date: june 2007
CSS: Styles for all pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { position:relative; width:100%; min-width:770px; height:100%; background:#fff url(../image/bg-body.png) repeat-x; }

a { font:normal 12px Arial; color:#666; text-decoration:underline; }
a:hover { text-decoration:none; }
img { border:0; }

#basis { width:auto; min-width:770px; height:100%; font:normal 12px Arial; color:#666; }
#site { position:absolute; top:0; left:50%; width:734px; min-height:100%; height:auto; margin-left:-385px; padding:0 16px 0 17px; font:normal 12px Arial; color:#666; background:#fff; border-left:1px solid #9d9ea7; border-right:1px solid #9d9ea7; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Top
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header { position:relative; height:126px; }
.logo { position:absolute; top:10px; right:0; }
.logo img { display:block; }

.contact { position:absolute; top:12px; left:1px; color:#000; }
.contact a { font-weight:bold; color:#de2e26; text-decoration:none; }
.contact a:hover { text-decoration:underline; }

.menu { padding-top:75px; height:20px; }
.menu li { display:block; float:left; padding:0 14px 0 3px; list-style-type:none; }
.menu li.last { padding:0; }
.menu li a { color:#000; text-decoration:none; }
.menu li a:hover { color:#de2e26; }
.menu li.here a { font-weight:bold; }

.submenu { height:24px; background:url(../image/bg-submenu.gif) repeat-x; }
.submenu ul { padding:5px 0 0 4px; }
.submenu li { display:block; float:left; padding:0 12px 0 3px; list-style-type:none; }
.submenu li a { color:#000; text-decoration:none; }
.submenu li a:hover { color:#de2e26; }
.submenu li.here a { font-weight:bold; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Center
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#flash { height:234px; overflow:hidden; }
#flash #flashcontent { width:734px; height:208px; }

#flash2 { height:133px; overflow:hidden; }
#flash2 #flashcontent { width:735px; height:106px; }

#flash3 { height:450px; overflow:hidden; }
#flash2 #flashcontent { width:735px; height:372px; }

#flash4 { height:520px; overflow:hidden; }
#flash4 #flashcontent { width:735px; height:520px; }

#flash5 { height:200px; overflow:hidden; }
#flash5 #flashcontent { width:735px; height:200px; }

#middle { padding-bottom:140px; }
.left { width:454px; float:left; }
.right { width:280px; float:left; }

.title { margin:0 25px 6px 0; padding:0 0 5px 5px; background:url(../image/bg-title.gif) repeat-x 0 100%; }
.title h1 { font:bold 26px Arial; color:#333; }

.title2 { position:relative; height:75px; }
.title2 h1 { padding-top:26px; font:bold 26px Arial; color:#333; }
.title2 .fl { position:absolute; top:0; right:0; }

.content { padding:0 25px 5px 5px; }
.content h2 { padding-bottom:14px; font:normal 18px Arial; color:#000; }
.content p { padding-bottom:12px; }
.content ul { padding:0 0 10px 25px; }
.content li { padding:0 0 2px 16px; font:bold 18px Arial; color:#069; background:url(../image/li.gif) no-repeat 0 7px; list-style-type:none; }

.contentsmall { padding:0 25px 5px 5px; }
.contentsmall h2 { padding-bottom:14px; font:normal 18px Arial; color:#000; }
.contentsmall p { padding-bottom:12px; }
.contentsmall ul { padding:0 0 10px 25px; }
.contentsmall li { padding:0 0 2px 16px; font:bold 14px Arial; color:#069; background:url(../image/li.gif) no-repeat 0 7px; list-style-type:none; }

.folio { padding:5px 25px 5px 5px; line-height:22px; }
.folio h2 { font:bold 16px Arial; color:#000; }
.folio p { padding-bottom:16px; }
.folio p.big { padding-top:4px; font:normal 16px Arial; color:#069; }

.mailing { position:relative; height:75px; }
.portfolio { background:#eee; border:1px solid #999; }
.portfolio h2 { padding:3px 0 4px 12px; font:bold 18px Arial; color:#fff; background:#006ea8; border-bottom:1px solid #999; }

.portfolio2 { margin-top:32px; background:#d5deec; }
.portfolio2 h2 { padding:3px 0 4px 12px; font:bold 18px Arial; color:#fff; background:#006ea8; border:1px solid #666; }

.portfolio2 ul { padding:10px 0 25px 0; }
.portfolio2 li { font:normal 12px Arial; color:#000; background:url(../image/li2.gif) no-repeat 12px 4px; list-style-type:none; }
.portfolio2 li a { display:block; padding:2px 0 3px 32px; font:normal 12px Arial; color:#000; text-decoration:none; }
.portfolio2 li a.here { font-weight:bold; }
.portfolio2 li a:hover { font:bold 12px Arial; color:#fff; background:#5e8fbe url(../image/li3.gif) no-repeat 12px 4px; }

.row { padding:10px 0 5px 10px; }
.row .photo { width:103px; float:left; padding-top:3px; }
.row .photo img { display:block; border:1px solid #fff; }
.row .txt { width:154px; float:left; }
.row .txt h3 { font:bold 16px Arial; color:#006ea8; }
.row .txt p { padding-bottom:5px; }

.images { padding-bottom:20px; }
.images img { display:block; }
.images .navi { margin:8px 25px 0 0; text-align:right; }
.images .navi img { display:inline; }
.images .navi a { margin-left:18px; }

.banner { padding-bottom:25px; }
.banner img { display:block; }

.contacts { padding-bottom:30px; }
.contacts h1 { padding-bottom:12px; font:bold 26px Arial; color:#333; }
.contacts h2 { padding-bottom:4px; font:bold 18px Arial; color:#006ea8; }
.contacts p { padding-bottom:20px; }
.contacts .left { width:468px; float:left; }
.contacts .right { width:265px; float:left; }

.contacts .right h5 { padding-left:21px; font:bold 18px Arial; color:#069; background:url(../image/bg-h5.gif) no-repeat 0 6px; }
.contacts .right p { padding:0 0 20px 21px; font:bold 12px/18px Arial; color:#000; }

#form { width:429px; background:#ededed; border:1px solid #999; }
#form h2 { margin-bottom:15px; padding:4px 0 5px 17px; font:bold 15px Arial; color:#fff; background:#006ea8; border-bottom:1px solid #666; }
#form .block { padding-bottom:14px; }
#form label { display:block; float:left; width:111px; padding:3px 27px 0 0; font:bold 12px Arial; color:#000; text-align:right; }
#form input { display:block; float:left; width:265px; height:19px; padding:1px 4px 0 4px; font:normal 12px Arial; color:#666; border:0; background:#fff; }
#form .area { width:285px; height:230px; padding-left:138px; }
#form .area textarea { display:block; width:266px; height:152px; padding:2px 4px; font:normal 12px Arial; color:#666; border:0; background:#fff; }
#form .area p { padding:10px 0 12px 0; font:normal 11px Arial; color:#000; }

.hospital h1 { padding-bottom:12px; font:bold 26px Arial; color:#333; }
.hospital h2 { padding-bottom:10px; font:normal 18px Arial; color:#f90; }
.hospital .text { padding-bottom:10px; line-height:20px; }
.hospital .text p { padding-bottom:12px; }

.line { margin-bottom:45px; }
.line h2 { margin-bottom:1px; padding:3px 0 4px 12px; font:bold 16px Arial; color:#fff; background:#006ea8; border:1px solid #999; }
.line .blocks { padding:16px 0 8px 0; background:#eee; border:1px solid #999; }
.line .blocks .rows { width:224px; float:left; padding-left:15px;padding-bottom:20px; }
.line .blocks .rows .txt { padding-top:5px; }
.line .blocks .rows .txt h3 { font:bold 16px Arial; color:#006ea8; }
.line .blocks .rows .txt p { padding-bottom:7px; }

.hospital ul.links { margin:-15px 0 20px 0; }
.hospital ul.links li { padding:0 0 7px 17px; background:url(../image/bg-h5.gif) no-repeat 0 3px; list-style-type:none; }
.hospital ul.links li a { font:bold 12px Arial; color:#069; text-decoration:none; }
.hospital ul.links li a:hover { text-decoration:underline; }

.testi { position:relative; padding:10px 0 20px 0; }
.testi .quote { margin-bottom:18px; background:#eee url(../image/bg-quote.gif) no-repeat; border:2px solid #d7d7d7; }
.testi .quote2 { position:relative; min-height:50px; height:auto; padding:25px 57px 10px 60px; font:bold 16px Arial; color:#069; font-style:italic; background:url(../image/bg-quote2.gif) no-repeat 100% 100%; }
.testi .quote2 p { padding-bottom:15px; }
.testi .quote2 p span { font:bold 12px Arial; color:#000; }
.testi .quote2 a.read { position:absolute; right:55px; bottom:7px; display:block; width:151px; height:20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Bottom
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:absolute; bottom:0; left:0; margin:22px 16px 0 17px; padding:30px 0 20px 0; font:normal 9px Verdana; color:#000; background:url(../image/bg-footer.gif) repeat-x; }
#footer a { font:normal 9px Verdana; color:#000; text-decoration:none; }
#footer a:hover { color:#de2e26; }

.menu-line { padding-bottom:3px; }
.menu-line a { margin:0 1px; }

.copy { padding:10px 0 0 2px; }
.copy span { padding-right:5px; font-weight:normal; }
.copy a { margin:0 2px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   End
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */