/* Somjen CSS base

www.pagegrafix.com.au

 Page Structure
-------------------------------------------------------*/
* {
border:0;
margin:0;
padding:0;
}

body,html {
color:#555;
font-family:Verdana, Arial, Tahoma, sans-serif;
background:#c8bfbf url(../images/bg_tile.jpg) repeat-y 50% 0;
text-align:center;
height:100%;
}

html {
min-height:100%;
margin-bottom:1px;
}

body {
font-size:75%;
}

img a {
border:0 !important;
}

.hide {
display:none;
}

/* Text & Links
-------------------------------------------------------*/
p {
line-height:140%;
text-align:justify;
padding:7px 0;
}

p a {
color:#3774b3;
text-decoration:none;
border-bottom:1px solid;
}

p a:hover {
color:#714061;
text-decoration:none;
border-bottom:1px solid;
}

p.blue {
color:#3774b3;
}

h1,h2,h3 {
color:#6285aa;
padding-bottom:5px;
}

h1 {
font-size:1.6em;
font-family:"Century Gothic", Arial, Geneva, Helvetica, serif;
font-weight:400;
}

h2 {
font-size:1.4em;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-weight:400;
margin-top:-5px;
}

h3 {
font-size:1.2em;
font-family:Verdana, Arial, Tahoma, sans-serif;
color:#714061;
font-weight:400;
margin-top:30px;
margin-bottom:0;
}

.subhead {
color:#6285aa;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:1.3em;
font-weight:400;
padding-top:10px;
padding-bottom:0;
}

.clear {
clear:both;
}

/* Containers
-------------------------------------------------------*/
#container {
width:790px;
min-height:100%;
background:url(../images/fig_mark.jpg) no-repeat bottom right;
text-align:left;
margin:0 auto;
}

* html #container {
height:100%;
}

/* Top Header
-------------------------------------------------------*/
#topheader {
height:25px;
width:785px;
vertical-align:bottom;
text-align:right;
background:#fff;
margin:0;
padding:0 5px 3px 0;
}

.headtext {
vertical-align:bottom;
font-size:0.8em;
font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
line-height:150%;
margin:0;
padding:0;
}

.headtext a {
font-weight:400;
color:#999;
text-decoration:none;
}

.headtext a:hover {
font-weight:400;
color:#916c85;
text-decoration:underline;
}

/* Main Header
-------------------------------------------------------*/
#header {
height:160px;
width:790px;
vertical-align:top;
background:url(../images/banner.jpg) no-repeat;
border-bottom:6px solid #fff;
margin:0;
padding:0;
}

/* Content
-------------------------------------------------------*/
#content {
float:right;
width:500px;
margin:0;
padding:20px 30px 70px;
}

* html #content {
position:relative;
}

#content ul {
margin-left:40px;
margin-bottom:10px;
line-height:150%;
}

#content ul.sitelist {
list-style:none;
margin-left:40px;
margin-bottom:10px;
color:#3774b3;
text-decoration:none;
line-height:180%;
}

#content ul li.sitelist {
list-style:none;
}

#content ul li a {
color:#3774b3;
text-decoration:underline;
}

#content ul li a:hover {
color:#714061;
text-decoration:underline;
}

/* Image Replacement Titles
-------------------------------------------------------*/
.title-home {text-indent:-9000px;background-image:url(../images/title-home.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-about {text-indent:-9000px;background-image:url(../images/title-about.jpg);background-repeat:no-repeat;background-position:top left;height:42px;margin:0px 0px 5px 0px;}
.title-veinabout {text-indent:-9000px;background-image:url(../images/title-veinabout.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-sclerotherapy {text-indent:-9000px;background-image:url(../images/title-sclerotherapy.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-ultrasound {text-indent:-9000px;background-image:url(../images/title-ultrasound.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-laser {text-indent:-9000px;background-image:url(../images/title-laser.jpg);background-repeat:no-repeat;background-position:top left;height:42px;margin:0px 0px 0px 0px;}
.title-veinsurgery {text-indent:-9000px;background-image:url(../images/title-veinsurgery.jpg);background-repeat:no-repeat;background-position:top left;height:42px;margin:0px 0px 0px 0px;}
.title-compression {text-indent:-9000px;background-image:url(../images/title-compression.jpg);background-repeat:no-repeat;background-position:top left;height:42px;margin:0px 0px 0px 0px;}
.title-legartery {text-indent:-9000px;background-image:url(../images/title-legartery.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-carotid {text-indent:-9000px;background-image:url(../images/title-carotid.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-aneurysms {text-indent:-9000px;background-image:url(../images/title-aneurysms.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-angiography {text-indent:-9000px;background-image:url(../images/title-angiography.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-duplex {text-indent:-9000px;background-image:url(../images/title-duplex.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-extremity {text-indent:-9000px;background-image:url(../images/title-extremity.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-contact {text-indent:-9000px;background-image:url(../images/title-contact.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-links {text-indent:-9000px;background-image:url(../images/title-links.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-sitemap {text-indent:-9000px;background-image:url(../images/title-sitemap.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}
.title-privacy {text-indent:-9000px;background-image:url(../images/title-privacy.jpg);background-repeat:no-repeat;background-position:top left;height:20px;margin:0px 0px 0px 0px;}

/* Navigation
-------------------------------------------------------*/
#nav {
float:left;
width:220px;
border-bottom:1px solid #d4c9d1;
font-family:Verdana, Arial, sans-serif;
font-size:11px;
margin:0;
padding:0;
}

* html #nav {
position:relative;
}

#nav ul {
list-style:none;
}

#nav li {
width:220px;
border-top:1px solid #d4c9d1;
margin:0;
padding:0;
}

#nav a {
display:block;
width:210px;
line-height:25px;
color:#fff;
text-decoration:none;
margin:0;
padding:0 0 0 10px;
}

#nav a.active {
color:#c7d8e9 !important;
}

#nav a:hover {
color:#c7d8e9;
background:url(../images/nav_bg_1.gif) repeat-y;
text-decoration:none;
border-left:5px solid #82a0c0;
margin:0;
padding:0 0 0 5px;
}

#nav ul ul {
border-bottom:none;
border-top:none;
}

#nav ul ul li {
margin:0;
padding:0;
}

#nav ul ul a {
display:block;
width:205px;
line-height:25px;
color:#FFF;
text-decoration:none;
border-bottom:none;
border-top:none;
margin:0;
padding:0 0 0 15px;
}

#nav ul ul a:hover {
color:#c7d8e9;
background:url(../images/nav_bg_1.gif) repeat-y;
text-decoration:none;
line-height:25px;
border-left:5px solid #82a0c0;
margin:0;
padding:0 0 0 10px;
}

body#home a#home,body#about a#about,body#vein a#vein,body#artery a#artery,body#diagnostic a#diagnos,body#contact a#contact,body#links a#links,body#privacy a#privacy,body#sitemap a#sitemap {
padding-left:5px;
background:url(../images/nav_bg_1.gif) repeat-y;
color:#c7d8e9;
border-left:5px solid #82a0c0;
}

body#veinabout a#veinabo,body#sclerotherapy a#sclerot,body#ultrasound a#ultraso,body#laser a#laser,body#veinsurgery a#veinsur,body#compression a#compres,body#legartery a#legarte,body#carotid a#carotid,body#aneurysm a#aneurys,body#angiography a#angiogr,body#duplex a#duplex,body#extremity a#extremi,body#reflux a#reflux {
color:#c7d8e9;
background:url(../images/nav_bg_1.gif) repeat-y;
text-decoration:none;
line-height:25px;
border-left:5px solid #82a0c0;
margin:0;
padding:0 0 0 10px;
}

/* Footer 
-------------------------------------------------------*/
.map {
width:300px;
height:200px;
border:1px solid #999;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#f20000;
margin:5px 0 20px;
padding:0;
}

/* Footer 
-------------------------------------------------------*/
#footer {
display:table;
width:790px;
height:35px;
background-color:#FFF;
text-align:center;
border-top:1px solid #b69dae;
margin:-46px auto 0;
padding:10px 0 5px;
}

.footernav {
display: table-cell;
font-size:0.8em;
font-weight:400;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999;
line-height:150%;
margin:0;
padding:0;
}

.footernav a {
font-weight:400;
color:#999;
text-decoration:none;
}

.footernav a:hover {
font-weight:400;
color:#916c85;
text-decoration:underline;
}

.footertext {
font-weight:400;
color:#777;
}

