/* ----------------------------- Basics ----------------------------- */

body
{
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 100%;
    color: #FFF;
    background-color:#000;
}

p
{
    font-size: 75%;
    line-height: 1.75em;
}

a:link, a:visited
{
    text-decoration: none;
    color: #FF0000;
    font-size: 100%;
}

a:hover
{
    text-decoration: underline;
    color: #FF0000;
    font-size: 100%;
}


h1, .h1
{
    letter-spacing: -1px;
    font-size: 130%;
    font-family: Lucida Sans;
    font-weight: 100;
    font-variant: small-caps;
    color: #fff;
}

h2
{
    letter-spacing: -1px;
    font-size: 115%;
    font-family: Lucida Sans;
    font-weight: 100;
    font-variant: small-caps;
    color: #fff;
}
h3
{
    letter-spacing: -1px;
    margin-left:20px;
    font-size: 100%;
    font-family: Lucida Sans;
    font-weight: 100;
    font-variant: small-caps;
    color: #fff;
}


/* ---------------------------------- ImgRep ------------------------------ */

.imgRep-scales{
height:281px;
width:420px;
background:url(images/logo-jd.jpg) no-repeat;
text-indent:-99999px;
margin-top: 15px;
}

/* ---------------------------------- Layout ------------------------------ */

#wrapper
{
    margin-left:auto;
    margin-right:auto;
    margin-top: 0;
    width: 950px;
}
/* -------------------------------- Added by Mike for Accessibility Links -------------------------------- */
#top-box
{
    height: 25px;
    background-color: #000;
}

#top-box a
{
    text-decoration: none;
    color:#fff;
    font-size: 70%;
    float:right;
    margin-right:10px;
    margin-top:3px;
    
}

#top-box a:hover
{
    text-decoration: underline;
    color:#fff;
    font-size: 70%;
}

#top-box-left
{
   
}

#top-box-left a:link
{
    float:left;
}


#top-box-right
{
    float: right;
    width: 300px;
}

#top-box-right p
{
    color:#fff;
    font-size: 70%;
    float:right;
    margin-right:10px;
    line-height:15px;
    margin-top:3px;
}
.hide
{
    display:none;
    font-size:75%;
}
/* -------------------------------- End Mikes Changes -------------------------------- */
#logo
{
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    border: 0;
}

#top-nav
{
    margin-bottom: 40px;
}

#top-nav ul
{
    text-align: right;
    list-style: none;
    line-height: 1.5em;
}

#top-nav ul li
{
    display: inline;
    font-family: Trebuchet MS, Verdana, Sans-Serif;
    letter-spacing: -1px;
    padding-left: 10px;
    padding-right: 5px;
}

#top-box-left
{
    padding-top:15px;
    width:300px;
}

#top-box-left a:link
{
    float:left;
}

#top-box-left img
{
    border-style:none;
    float:left;
}
#top-nav li a, #top-nav li a:link, #nav li a:visited
{   
    text-decoration: none;
    color: #fff;
    font-size: 120%;
}

#top-nav li a:hover, #top-nav li a:active 
{
    text-decoration: none;
    border-bottom: solid 3px #fff;
    color: #ff0000;
}

#top-nav li a#topnav-current, #top-nav li a#topnav-current:link
{
    text-decoration: none;
    border-bottom: solid 3px #fff;
    color: #ff0000;
}


/* ---------------invisible | to separate anchors -------------------------------- */

#header
{
    margin-top: 25px;
}

#bottom-box
{
    border-top:1px solid #FF0000;
	margin-left:auto;
	margin-right:auto;
	width: 950px;
    height:20px;
    background-color: #000;
    padding-top: 10px;
    clear: both;    
}

#bottom-box a:link, #bottom-box a:visited
{
    text-decoration: none;
    color: White;    
}

#bottom-box a:hover
{
    text-decoration: underline;
    color: White;
}

.bottom-box-text-left
{
    margin-left: 10px;
    margin-top:0;
    color: White;
    font-size: 70%;
    float: left;
    
}

.bottom-box-text-right
{
    color: White;
    float: right;
    margin-right: 5px;
    margin-top:0;
    font-size: 70%;
}

#valid
{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	width: 750px;
    height: 31px;    
    clear: both;  
   
    
}
#valid p
{
    margin-top:0;
    padding-top:0;   
}
#valid img
{
    border:0;   
}

/* -------------------------------- Pages -------------------------------- */

/* ------------------------------- Default ------------------------------- */

#header-left
{
    float: left;
    width: 360px;
}

#header-right
{
    float: right;
    padding-top: 10px;
    width: 495px;
}

#gavel
{
    float: left;    
}
hr
{
    border: none; 
    border-bottom: 1px solid #ff0000; 
    background: none; 
    height: 1px;
    clear: both;
    padding-top: 50px;
    
}

#services
{
    margin-top: 25px;
    float:left;
    padding-bottom: 20px;
    
}

#services h2
{
    height: 40px;
}

#services-left
{
    width: 210px;
    float: left;
    border-right: solid 1px #666;
    padding: 0px 10px 0px 13px;
    margin-bottom:25px;
}

.services-middle
{
    width: 210px;
    float: left;
    border-right: solid 1px #666;
    padding: 0px 10px 0px 13px;
}

#services-right
{
    width: 210px;
    float: left;
    padding: 0px 10px 0px 13px;
     
}

.serv-img
{
    border: solid 1px #cacaca;
}

#site-map{
    background-color: #000;
    /*border: 1px solid #EFEFEF;*/
    border-top:1px solid #FF0000;
    color: #FFF;
    font-size:0.7em;
    clear: both;
    height: 130px;
    margin: 20px auto;
    width: 950px;
}
#site-map a{
    display:block;
    color:#fff;
    margin-bottom:5px;
}
.siteMap-heading, #site-map .siteMap-heading a{
    margin-bottom:10px;
    display:block;
    color:#FF0000;
    font-size:13px;
}
#siteMap-left
{
    margin:10px 0px 10px 10px;
    float:left;
    width:225px; 
}

#siteMap-right{
    float:left;
    margin:10px 0px 10px 10px;
}

#siteMap-right-Col1{
    float:left;
    width:225px;
}
#siteMap-right-Col2{
margin:0px 0px 0px 10px;
    float:left;
    width:225px;
}
#siteMap-right-Col3{
margin:0px 0px 0px 10px;
    float:left;
    width:225px;
}
/* ------------------------------ About Us Page ------------------------- */

#about-div
{
    clear:both;
    /*margin-top: 45px;*/
    padding-top: 35px;
    margin-bottom:50px;
}

.about-img
{
    float: right;
    margin: 0px 0px 30px 15px;
    clear: right;
    border: solid 1px #cccccc;
}

#about-div h2 img
{
    border:none;
}

.imgRep-about{
    width:255px;
    height:165px;
    background:url(images/office.jpg) no-repeat;
    float: right;
    margin: 0px 0px 30px 15px;
    clear: right;
    border: solid 1px #cccccc;
    text-indent:-99999px;

}

/* --------------------------------- Solicitors --------------------------- */

/*.imgRep-profiles
{
    width:87px;
    height:21px;
    text-indent:-99999px;
    background:url(images/profiles.png) no-repeat;
}*/

#solicitors-div
{
    clear:both;
    padding-top: 35px;
    margin-bottom:50px;
}

.profiles
{
    padding-top:20px;
}

#solicitors-div img
{
    float: right;
    margin: 0px 0px 0px 15px;
    display:block;
    border: solid 1px #cccccc;
    height:100px;
    width:100px;
}

.profile-div
{
    width: 950px;
    margin-bottom: 25px;
    padding: 10px 0px 10px 0px;
    min-height:125px;
    overflow: auto;
}

.profile-div-colour
{
    width: 950px;
    margin-bottom: 25px;
    padding: 10px 0px 10px 0px;
    background-color: #000;
    min-height:125px;
    overflow: auto;
}

.photo-div
{
    width: 105px;
    float: left;   
}

.profile-email
{
    float: right;
    margin-right: 0px;
    font-size: 75%;
    color: #FFF;
    display:block;
}
.profile-ddi
{
    float: right;
    margin-right: 0px;
    font-size: 75%;
    color: #FFF;
    display:block;
    width:105px;
    text-align: right;
    margin-top:3px;
}
.profile-body
{
    width: 820px;
    float: right;
}

.profile-text
{
    line-height: 1.4em;
}

.solicitor-title
{
    font-weight: bold;
    color: #FF0000;
    margin-top: -7px;
}

.solicitor-role
{
    font-size: 60%;
    color: #FFF;
    margin-top: -15px;
}

.specialism-title
{
    font-size: 80%;
    font-weight: bold;
    color: #FFF;
    padding-bottom:5px;
}

.specialisms
{
    font-size: 75%;
    margin-top: -15px;
    line-height: 1.4em;
}

/* ------------------------------- Services Page -------------------------- */

/* -------- Print Button --------- */
.print
{
    border:none;
    padding-left:5px;
}

#services-text a:link img, #directions-div a:link img
{
    border:0px;
}


.imgRep-what-we-offer{
    width:98px;
    height:13px;
    text-indent:-99999px;
    background:url(images/what-we-offer.png) no-repeat;
}

#services-navcontainer
{
    clear:both;
    width: 210px;
    float: left;
    margin-top: 35px;
    margin-bottom:50px;
}

#services-navlist
{
    padding-top: 10px;
}

#services-navlist li 
{ 
    list-style-type: square;
    padding-bottom: 10px;
    margin: 0px 20px 0px -15px;
}

#services-navlist a
{
    text-decoration: none;
    color: #FFF;
    font-size: 75%;
}

#services-navlist a:link, #services-navlist li a:visited
{
    text-decoration: none;
    color: #FFF;
}

#services-navlist li a:hover
{
    text-decoration: none;
    color: #FF0000;
}

#services-navlist li a#sidenav-current,  #navcontainer ul a#sidenav-current:link
{
    text-decoration: none;
    color: #FF0000;
}

#services-text
{
    width: 715px;
    float: right;
    margin-top: 35px;
    margin-bottom:50px;
    border-left: solid 1px #cccccc;
    padding-left: 23px;
}

#services-bottom-box
{
    margin: 0 auto;
	width: 750px;
    height: 20px;
    background-color: #000;
    clear: both;
    margin-top: -30px;
}

.generic-list
{
    font-size: 75%;
    margin-right: 20px;
    line-height: 1.75em;
}
.generic-list1
{
    font-size: 100%;
    margin-right: 20px;
    line-height: 1.75em;
}
.generic-list2
{
    font-size: 100%;
    margin-right: 20px;
    line-height: 1.75em;
}

#book
{
    float: right;
    margin: 0px 0px 8px 8px;
}

/* ----------------------------------- HIP -------------------------------- */

.imgRep-HIPS
{
    float: right;
    margin: 0px 0px 8px 8px;
    background: url(images/hips1.jpg);
    text-indent:-99999px;
    width:205px;
    height:74px;
}

/* ------------------------------- Divorce Page --------------------------- */

#familyadvanced-logo
{
    margin: 0 auto;
    display: block;
}

/* ------------------------------ Directions Page ------------------------- */

#directions-div
{
    clear:both;
    padding-top: 35px;
    margin-bottom:50px;
}

#top-map
{
    float: right;
    width: 200px;
    padding-left :20px;
}

#bottom-map
{
    float: right;
    width: 200px;
    padding-left :20px;
}

#newport-map
{
    float: right;
    margin: 55px 0px 8px 8px;
}

#monmouth-map
{
    float: right;
    margin: 55px 0px 8px 8px;
}

.map-footer
{
    font-size: 65%;
    text-align: center;
    margin: 0px;
    padding-left: 0px;
}

/* ----------------------------- Contact Us Page ------------------------- */

#contactform-div
{
    width: 950px;
    float: left;
    padding-top: 35px;
    margin-bottom:50px;    
    text-align: left;
}

#contact-left
{
    width: 620px;
    float: left;
    text-align: left;
}

#contactform
{
    width: 450px;
    margin-left: 30px;
}

#contact-right
{
    width: 270px;
    float: right;
    text-align: left;
    margin-bottom:50px;
}

.contact-details
{
    margin-top:0px; 
    margin-bottom:0px; 
    line-height:18px;
    text-indent: 10px;
}

.contact-icons
{
    text-indent: 10px;
    margin-top:0px; 
    margin-bottom:-3px;
    font-size: 65%;
}

.validator
{
    text-align: left;
    font-size: 75%;
}

.label
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 7px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size: 75%;
}

.input
{
	width:250px;
	margin:5px 0 0 10px;
}

#btSubmit 
{
    margin-left: 353px;
    margin-top: 7px;
    color: #FFF;
    background: #000;
    border: solid 1px #FF0000;
}

#sent
{
    width: 97%;
    background-color: #000;
    border: solid 1px #FFF;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
    color: inherit;
}

.sent-text
{
    color: #fff;
    font-weight: bold;
    background-color: #000;
    font-size: 75%;
}


.gadget .title a:link
{
    color: #fff;
    font-weight: bold;
}

.gadget .title a:visited
{
    color: #fff;
    font-weight: bold;
}

.gadget .title a:hover
{
    color: #FF0000;
    font-weight: bold;
}

.gadget .title a:active
{
    color: #fff;
    font-weight: bold;
}

.gadget .powered
{
    color: #fff;
}

.gadget .powered a:link, .gadget .powered a:visited, .gadget .powered a:hover, .gadget .powered a:active
{
    color: #fff;
}