@import url('reset.css');
@import url('slimbox2.css');
@import url('form.css');

/* Common Elements */

body {background:url(../images/backgrounds/body.jpg) no-repeat 50% 0 #000; font: 62.5%/1.8em Arial, Verdana, sans-serif;}
iframe {border:5px solid #aaa; margin-bottom:20px;}

a {text-decoration:underline;}
a:hover {text-decoration:none;}

/* Container Elements */

#header {width:930px; margin:0 auto; height:158px;}
#navigation {width:100%;height:39px; background:url(../images/backgrounds/navigation.gif) repeat-x;}
  #navigation ul {height:34px; width:930px; margin:0 auto;}
#container {width:930px; margin:0 auto;}
  #banner {height:276px; background:url(../images/backgrounds/banner.gif) no-repeat;}
  #content {background:url(../images/backgrounds/content.gif) no-repeat 0 100% #fff;}
    #primary {width:615px; float:left; padding:20px 0 0 25px; background:url(../images/backgrounds/primary.gif) no-repeat; color:#666;}
    #secondary {width:231px; float:right; padding:20px 26px 0 0; background:url(../images/backgrounds/secondary.gif) repeat-x;}
  #footer {padding-top:20px; color:#767778; font-size:1.2em;}


/* header elements */

#header a img {float:left; padding-top:40px;}
h2#what_we_do {float:right; width:444px; height:34px; padding-top:71px; text-indent:-9999em; background:url(../images/calltoactions/what_we_do.gif) no-repeat 0 71px;}

/* navigation elements */

#navigation ul li {float:left;height:34px;width:79px;}
  #navigation ul li#profile-nav {width:82px;}
  #navigation ul li#services-nav {width:97px;}
  #navigation ul li#photo_gallery-nav {width:135px;}
  #navigation ul li#contact_us-nav {width:107px;}
  
  #navigation ul li a {display:block;height:34px; text-indent:-9999em; background:url(../images/navigation/home.gif) no-repeat 0 0;}
    #navigation ul li#profile-nav a {background-image:url(../images/navigation/profile.gif);}
    #navigation ul li#services-nav a {background-image:url(../images/navigation/services.gif);}
    #navigation ul li#photo_gallery-nav a {background-image:url(../images/navigation/photo_gallery.gif);}
    #navigation ul li#contact_us-nav a {background-image:url(../images/navigation/contact_us.gif);}
    
  body#home-page #navigation ul li#home-nav a,
  body#profile-page #navigation ul li#profile-nav a,
  body#services-page #navigation ul li#services-nav a,
  body#photo_gallery-page #navigation ul li#photo_gallery-nav a,
  body#contact_us-page #navigation ul li#contact_us-nav a,
  #navigation ul li a:hover {background-position:0 -34px;}
  
/* banner elements */

#heroshots {float:left; width:654px; height:251px; overflow:hidden;}
#heroshots li {padding:13px 0 0 16px; width:654px; height:251px; overflow:hidden;}
#heroshots li img {width:654px; height:251px; overflow:hidden;}

#calltoaction {float:right; width:220px; height:41px; padding:217px 10px 0 0; text-indent:30px; font-size:1.2em; text-decoration:none; background:url(../images/calltoactions/calltoaction.jpg) no-repeat 0 bottom; color:#fff;}

/* content elements */

h1 {height:45px; line-height:45px; position:relative; color:#fff; margin-left:-39px; padding-bottom:20px; text-indent:20px; font-size:1.6em; background:url(../images/backgrounds/h1.gif) no-repeat;}
h2, h3, h4, h5 {font-weight:normal; font-size:1.6em; color:#043c82; padding-bottom:15px;}

h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}

#primary p, #primary ul {padding-bottom:20px; font-size:1.2em;}
#primary li {margin-left:20px; list-style:disc outside; padding-bottom:7px;}

#contact_details {background:url(../images/backgrounds/contact_details.gif) no-repeat; margin-left:-13px; position:relative; padding:19px 0 100px 60px; display:block; height:120px;}
#contact_details dt {background:url(../images/headings/contact_us.gif) no-repeat; height:30px; text-indent:-9999em;}
#contact_details dd {font-size:1.2em; color:#fff;}
#contact_details a {color:#fff;}
#address {padding-top:20px;}

/* footer elements */

#footer a img {float:right;}

#footer ul li {display:inline;}
#footer ul li a {color:#767778;}

#footer p {padding:10px 0 30px 0;}

/* services elements */

ul#services li {clear:both; padding-bottom:10px; margin:0 0 20px 0; border-bottom:1px dashed #aaa; list-style:none;}
ul#services img {float:right; margin:0 0 20px 20px; display:inline; clear:right; border:#aaa 3px solid;}

/* photo gallery elements */

ul#gallery li {float:left; width:200px; height:200px; padding:0; margin:0; text-align:center; list-style:none;}

ul#gallery a img {border:#aaa 3px solid;}
ul#gallery a:hover img {border-color:#fff;}

ul.images {float:right; display:inline; margin:0 0 20px 20px; width:160px;}
ul.images li {padding-bottom:10px; list-style:none !important;}

ul.images a img {border:#aaa 3px solid;}
ul.images a:hover img {border-color:#fff;}