@charset "UTF-8";
/* CSS Document */

/* HOMEPAGE */

html, body {height: 100%; width: 100%; margin-top: 20px;}


#container {background: #ffffff; width: 600px; display: table; height: auto; float: left; margin-top: 100px;  margin-left: 10%; z-index: 1;}

#footerImage {width: 600px; height: 14px; float: left; margin-top: 8px;}

#headerWrapper {width: 600px; height: 162px; float: left; margin-bottom: 50px;}

#navWrapper {width: 275px; height: 117px; float: left; padding-top: 40px;}

.navRow {width: 275px; height: 23px; float: left; margin-bottom: 2px;}

.navRow a:link {display: inline-block; border-bottom: 1px solid #b4cc95; width: 90px; text-transform: uppercase; text-decoration: none; color: #bac0c4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-right: 40px; padding-bottom: 2px;}

.navRow a:visited {display: inline-block; border-bottom: 1px solid #b4cc95; width: 90px; text-transform: uppercase; text-decoration: none; color: #bac0c4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-right: 40px; padding-bottom: 2px;}

.navRow a:hover {color: #88b550;}

.navRow a.current {display: inline-block; color: #88b550;}


#logo {width: 192px; height: 162px; float: left; margin-right: 90px; background: url(../images/SandyGordonInteriors-Logo.jpg) no-repeat;}


#logo a {
	width: 192px;
display: block;
 height: 162px;
 float: left;
 border-bottom: none;
 }

#logo a span {
visibility: hidden;
}

#home_content {padding-left: 35px; padding-right: 35px; margin-bottom: 15px;}

   
#home_content h1 {font-family: "HelveticaNeue-Condensed-Bold", "Helvetica Neue Bold", "Helvetica Bold", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: bold; font-size: 32px; letter-spacing: -2px; color: #b5cd98; margin-top: 0px; margin-bottom: 8px;} 
   
#home_content h2 {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 0px; margin-bottom: 10px; font-weight: bold; text-align: left; margin-top: 0px; line-height: 17px;}

#home_content p {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}
   
#statement {width: 430px; height: 95px; float: left; padding: 35px;}


#interior-statement h1 {
	color: #a5c384;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	line-height: 20px;
}

#footer {width: 565px; height: 43px; float: left; padding-left: 35px; margin-top: 15px;}

#footer p  {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}

#footer_left {width: 300px; float: left;}

#footer_right {width: 50px; float: right; margin-right: 35px; }


#column {float: left; margin-right: 10px; width: 200px;}


h1 {
	color: #a5c384;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	line-height: 20px;
}

h2 {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}

.green {color: #b4cc95;}

#slideshow, img.bgM {
        min-height: 100%;
        min-width: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
		overflow: hidden;
}


/* INTERIOR PAGES */

#interiorTop {width: 980px; height: 12px; float: left;}

#interior-container {width: 980px; display: table; background: #ffffff; margin-top: -20px; margin: auto; border: 1px solid #ccc; border-top: none;}

#interiorHeaderWrapper {width: 930px; height: 162px; float: left; margin-bottom: 30px; padding-bottom: 20px; margin-left: 25px;border-bottom: 1px solid #cccccc;}

#interior-statement {width: 300px; height: 102px; float: left;padding-left: 10px; padding-top: 60px; padding-right: 20px;}

#interiorContentWrapper {width: 980px; height: auto; float: left; margin-bottom: 0px;}

#interiorContent {width: 423px; height: 204px; float: left;}

#interiorContent2 {width: 423px; height: 329px; color: #a5c384; font-size: 12px; font-weight: bold; float: left;}

li {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}


#interiorContentFull {width: 423px; height: auto; float: left;}

#blog {width: 930px; margin: auto;}



#interiorImages {width: 423px; height: 250px; float: left;}

#interiorImagesSmall {width: 423px; height: 125px; float: left;}

#interiorMainImage {width: 470px; height: 454px; float: left; margin-left: 25px; margin-right: 30px; border-bottom: 20px solid #ccc; width: 470; padding-bottom: 17px;}

#interiorContent h1 {color: #a5c384; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 20px;}
p {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}

#interiorContentFull h1 {color: #a5c384; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 20px;}
p {color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}

.line {border-bottom: 1px solid #cccccc; padding-top: 30px; width: 423px;}

.clear {clear: both; background: none;}

#interior-footer {clear: both; width: 980px; display: table; height: 43px; margin: auto;}

#interior-left {width: 680px; height: 43px; float: left;  margin-right: 30px;}


#interior-footer-icons {width: 210px; height: 28px; float: right;  margin-right: 30px; padding-top: 15px; padding-left: 20px; padding-right: 0px; text-align: right; }


#interior-footer p  {color: #a3a9ad; margin-left: 25px; padding-top: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left; margin-top: 0px; line-height: 17px;}

#interior-footer a:link {display: inline-block; margin-right: 0px; margin-bottom: 20px; text-transform: none; text-decoration:underline; color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left; border-bottom: none;}

#interior-footer a:visited {display: inline-block; margin-right: 0px; margin-bottom: 20px; text-transform: none; text-decoration: none; color: #a3a9ad; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left; border-bottom: none;}

#interior-footer a:hover {color: #a5c384;}

#interior-footer a.current {display: inline-block; color: #a3a9ad;}







#interiorContent2 a:link {display: inline-block; margin-right: 20px; margin-bottom: 20px; text-transform: none; text-decoration:underline; color: #a5c384; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-align: left; border-bottom: none;}

#interiorContent2 a:visited {display: inline-block; margin-right: 20px; margin-bottom: 20px; text-transform: none; text-decoration: none; color: #a5c384; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; border-bottom: none;}

#interiorContent2 a:hover {color: #bac0c4;}

#interiorContent2 a.current {display: inline-block; color: #a5c384;}

#interiorContentFull a:link {display: inline-block; margin-right: 20px; margin-bottom: 20px; text-transform: none; text-decoration:underline; color: #a5c384; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; border-bottom: none;}

#interiorContentFull a:visited {display: inline-block; margin-right: 20px; margin-bottom: 20px; text-transform: none; text-decoration: none; color: #a5c384; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;; text-align: left; border-bottom: none;}

#interiorContentFull a:hover {color: #bac0c4;}

#interiorContentFull a.current {display: inline-block; color: #a5c384;}
