@import url(reset.css);

.replaced {text-indent:-10000px;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.error, .warning {color:#8C5100; font-weight: bold;}
.rounded {-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;}
.upper {text-transform:uppercase;}
.strong {font-weight:bold; color:#555;}

/*=NEW DEFAULT HEADINGS, PARAS, FORMS, LISTS etc======================================
Replacing heading sizes as desired following removal by reset rule*/
h1 {font-size: 20px; padding: 5px 0 5px 0;}
h2 {font-size: 24px; padding: 5px 0;}
h3 {font-size: 20px; padding: 5px 0;}
h4 {font-size: 17px; padding: 5px 0;}
h5 {font-size: 15px; padding: 5px 0;}
h6 {font-size: 14px;}

h1,h2,h3,h4 {font-family: Amiri, Georgia, "Times New Roman", Times, Serif;}
p, td, li {font-family: Montserrat, GillSans, Verdana, Arial, Sans-serif}

h1 {letter-spacing:2px; color:#A8D59E;}

p, li, td, th {font-size: 14px;}
p {line-height: 22px; padding-bottom:10px;}
li {line-height: 22px;}
td, th {line-height: 18px;}
th {font-weight: bold; padding:3px 0;}
legend {font-size: 13px;}
strong {font-weight:bold; color:#000;}
em {font-style:italic;}

/*=LAYOUT===================================*/ 

#wrapper {position:relative; width:960px; margin:0 auto;}
img.logo {position:absolute; top:20px; left:0;}
h2#strap {position:absolute; top:32px; right:7px; color:#A8D59E; font-style:italic; font-size:20px;}

/*=MAIN NAVIGATION==========================*/
#nav {font-family: Montserrat, GillSans, Verdana, Arial, Helvetica, Sans-serif;}
/*#header #nav {padding-top:50px;}*/
#header #nav {padding-top:80px;}
#header #nav ul li {float:right; padding:7px;}
#header #nav a {text-decoration:none; padding:2px 3px; border:1px solid #fff;}
#header #nav a:hover {border-bottom:2px solid #A8D59E;}
/*following line to be removed when blog is available
#header #nav a.blog:hover {border-bottom-color:#fff; cursor:default;}*/
/*#comingsoon {position:absolute; top:30px; left:650px;}*/
#comingsoon {position:absolute; top:112px; left:650px; z-index:999;}

/*=MAIN NAV PAGE INDICATION=================*/
#home #nav a.home, #services #nav a.services, #galleries #nav a.galleries, #blog #nav a.blog, #about #nav a.about, #clients #nav a.clients, #testimonials #nav a.testimonials, #contact #nav a.contact {border-bottom:2px solid #A8D59E;}

/*#content {position:relative; top:50px;}*/
#content {position:relative; top:20px;}

/*=HOMEPAGE IMAGES==========================*/
#images_canvas {position:absolute; top:130px; width:924px; height:624px; margin-left:15px;}
#images img {border:12px solid #fff; box-shadow:0px 0px 8px #888; -moz-box-shadow:0px 0px 8px #888; -webkit-box-shadow:0px 0px 8px #888;}

/*=FOOTER===================================*/
#footer {padding:70px 0 30px 0;}
#footer p, #footer li {font-size:11px;}

#footer #copyright {float:left; width:400px;}
#footer #contact_details {margin-left:480px; padding-bottom:20px; width:470px;}
#footer #contact_details ul {float:left; width:180px;}
#footer #contact_details img {position:relative; top:-15px;}

#footer_nav {Position:absolute; bottom:10px; right:0; width:480px;}
#footer_nav li {float:right;}
#footer_nav a {text-decoration:none; padding-right:10px;}
#footer_nav a:hover {color:#3F346B;}
/*following line to be removed when blog is available
#footer_nav a.blog:hover {color:#a1a0a5; cursor:default;}*/

#copyright {width:460px;}