body { margin: 0; padding: 0; width: 100%; height: 100%;}
.clear{clear:both;}
img{border:none;}

body.indexBG, body.newsBG{
background:#204383 url(../images/backgrounds/index_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.aboutBG{
background: url(../images/backgrounds/about_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.contactBG{
background: url(../images/backgrounds/contact_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.membersLoungeBG{
background: url(../images/backgrounds/members_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.pressBG{
background: url(../images/backgrounds/press_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.projectsBG{
background: url(../images/backgrounds/contact_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.proofBG{
background: url(../images/backgrounds/members_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}
body.robertBG{
background: url(../images/backgrounds/about_1600x982.jpg) no-repeat fixed center bottom;
-webkit-background-size: 100% 100%; /* Safari  */
-khtml-background-size: 100% 100%;  /* Konquer */
-moz-background-size: 100% 100%;    /* Firefox */
-o-background-size: 100% 100%;      /* Opera   */
background-size: 100% 100%;	  /* CSS3    */
}



#wrapper{
position: absolute; 
width: 100%; 
height: 100%; 
background: url(../images/headerTileBG_1x99.png) repeat-x;
}

#header{
margin:0 auto;
padding:0;
width:925px;
height:115px;
}

a#logo{
display: block;
background: url(../images/mcleodLogo_147x104.png) no-repeat;
width:147px;
height:104px;
overflow:hidden;
text-indent:-99em;
float:left;
}

#nav{
float:left;
width:auto;
height:30px;
background: url(../images/navTileBG_1x30.png) repeat-x;
margin:50px 0 0 30px;
padding:0;
}

#nav a{
display: block;
overflow: hidden;
text-indent: -999em;
height:30px;
background-repeat: no-repeat;
float:left;
margin:0 12px;
}

#nav a.home:hover, #nav a.about:hover, #nav a.projects:hover, #nav a.robert:hover, #nav a.proof:hover, #nav a.press:hover, #nav a.contact:hover, #nav a.members:hover{
background-position: bottom;
}

#nav a.home{
width:46px;
background:url(../images/nav/home_46x60.png);
margin-left:0;
}

#nav a.about{
width:47px;
background:url(../images/nav/about_47x60.png);
}

#nav a.projects{
width:65px;
background:url(../images/nav/projects_65x60.png);
}

#nav a.robert{
width:123px;
background:url(../images/nav/robert_123x60.png);
}

#nav a.proof{
width:41px;
background:url(../images/nav/proof_41x60.png);
}

#nav a.press{
width:45px;
background:url(../images/nav/press_45x60.png);
}

#nav a.contact{
width:64px;
background:url(../images/nav/contact_64x60.png);
}

#nav a.members{
width:139px;
background:url(../images/nav/members_139x60.png);
margin-right: 0;
}

#content{
background: rgb(0, 8, 25);
background: rgba(0, 8, 25, 0.78);
width:923px;
/*
min-height:795px;
height:auto !important;
height:795px;
*/
height:auto;
margin:15px auto;
padding:0 0 10px 0;
}


#h1Background{
width:923px;
height:57px;
margin:0;
padding:0;
background: url(../images/h1/h1Background_1x57.png) repeat-x;
}

#content h1{
display:block;
text-indent: -999em;
width:923px;
height:57px;
margin:0;
padding:0;
overflow: hidden;
}

#content h1.projectNameH1{
display:block;
background: url(../images/h1/h1Background_1x57.png) repeat-x;
margin:0 0 20px 0;
padding:0;
width:923px;
height:57px;
color:white;
font-size: 16px;
line-height: 57px;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
text-align:center;
text-indent: 0;
}

#content h1.indexH1{
background:url(../images/h1/mcleodProjectMarketingH1_597x923.png) no-repeat;
}
#content h1.aboutH1{
background:url(../images/h1/aboutH1_597x923.png) no-repeat;
}
#content h1.contactH1{
background:url(../images/h1/contactH1_597x923.png) no-repeat;
}
#content h1.membersLoungeH1{
background:url(../images/h1/membersLoungeH1_597x923.png) no-repeat;
}
#content h1.pressH1{
background:url(../images/h1/pressH1_597x923.png) no-repeat;
}
#content h1.projectsH1{
background:url(../images/h1/projectsH1_597x923.png) no-repeat;
}
#content h1.proofH1{
background:url(../images/h1/proofH1_597x923.png) no-repeat;
}
#content h1.robertH1{
background:url(../images/h1/robertH1_597x923.png) no-repeat;
}


#content p{
color:white;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
line-height: 24px;
margin:15px 41px;
padding:0;
}

#content.newsPage p{
color:white;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
line-height: 14px;
margin:15px 41px;
padding:0;
}

#content.newsPage h2{
display:block;
background: url(../images/h1/h1Background_1x57.png) repeat-x;
margin:0 0 20px 0;
padding:0;
width:923px;
height:57px;
color:white;
font-size: 16px;
line-height: 57px;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
text-align:center;
}

#content.newsPage h2 span{
color:#49698d;
}

#content p a{
text-decoration: none;
color:white;
font-style: italic;
font-weight: bold;
}

#content p a:hover{
text-decoration: underline;
}

#content #sidebar{
background: #3a495e url(../images/sidebarBG_59x581.png) no-repeat;
width:59px;
height:670px;
margin:15px 0 0 8px;
padding:0;
float:left;
}

#content #sidebar a{
display: block;
background: #1e2b3c;
color:white;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
width:59px;
height:25px;
line-height: 25px;
text-decoration: none;
text-align: center;
font-size: 10px;
margin:645px 0 0 0;
padding:0;
}

#content #news{
float:right;
margin:15px 10px 0 0;
padding:5px 0 0 0;
width:836px;
height:108px;
background:url(../images/newsBG_836x212.jpg) no-repeat;
}

#news a{
display:block;
background: url(../images/homeNewsLinkBG_1x34.jpg) repeat-x;
width:811px;
height:34px;
line-height: 34px;
color:white;
font-size: 11px;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
font-weight: bold;
margin:0 auto;
padding:0 0 0 15px;
text-decoration: none;
}

#news a:hover{
text-decoration: underline;
}

/* contact page */
#content ul{
margin:15px 30px;
padding:0;
list-style: none;
color:white;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvtica, sans-serif;
}

#content li{
margin:0;
padding:0;
}

#content ul a{
text-decoration: none;
color:white;
font-style: italic;
font-weight: bold;
}

#content ul a:hover{
text-decoration: underline;
}

/* project Pages */
a.projectThumbs{
display: block;
width:246px;
height:233px;
margin:10px 10px;
padding:0;
border: transparent solid 2px;
}

a.projectThumbs:hover{
border:white solid 2px;
}

#projectContent{
margin:0;
padding:0 0 0 60px;
}

a.viewWebsite{
display: block;
background:url(../images/viewWebsite_152x30.png) no-repeat;
width:152px;
height:30px;
text-indent: -999em;
overflow: hidden;
margin:10px auto;
padding:0;
}

a:hover.viewWebsite{
background-position: bottom;
}

img#projectMainImage{
display: block;
margin:10px auto;
padding:0;
width:840px;
height:390px;
}

/* accordion stuff */
#accordion{
float:left;
padding:0;
margin:20px 0 0 25px;
width:803px;
height:347px;
}

#accordion img {
	float:left;
	cursor:pointer;
}

#accordion div {
	width:0px;
	float:left;	
	display:none;		
	
}

#accordion div img {
	/*width:275px;*/ 
    width: 275px;
	height:345px;
}

#accordionBorder{
background: rgb(0, 8, 25);
background: rgba(0, 8, 25, .50);
width:836px;
height:390px;
float:right;
margin:0 10px 0 0;
}

/* end accordion stuff */

#footer{
width:100%;
height:40px;
/* background: url(../images/footerBG_1x40.png); */
background: rgb(0, 8, 25);
background: rgba(0, 8, 25, .80);
}

#footerContent{
width:923px;
height:40px;
margin:0 auto;
padding:0;
font-size: 10px;
line-height: 40px;
color: white;
font-family: "Trebuchet MS";
}

#footerContent span{
float:left;
}

#footerContent a.socialMediaLink{
float:right;
text-indent: -999em;
display: block;
width:31px;
height:29px;
overflow: hidden;
margin:8px 0 0 0;
padding:0;
}

#footerContent #facebook{
background:url(../images/socialIcons/facebook_31x29.png) no-repeat;
}
#footerContent #twitter{
background:url(../images/socialIcons/twitter_31x29.png) no-repeat;
}
#footerContent #linkedIn{
background:url(../images/socialIcons/linkedIn_31x29.png) no-repeat;
}

/* mcleodFooter stuff */
#mcleodFooter{
/* background:url(../mcleodFooter/bg1x120.png) repeat-x; */
background: rgb(0, 8, 25);
background: rgba(0, 8, 25, .80);
width:100%;
height:auto;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding:0 0 5px 0;
}

#mcleodFooter a{
color:white;
}

#mcleodFooterContent{
width:923px;
height:auto;
margin:0 auto;
}

#remaxLogo{
float:left;

}

#mcleodFooterContent ul{
margin:15px 10px 0 50px;
padding:0;
list-style: none;
float:left;
}

#mcleodFooterContent li{
margin:0;
padding:0;
}

.projects{
	position: relative;
	float: left;
}

.sold,.aval{
	position: absolute;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.sold{
	background-color: #cd2a2a;
	top: 95px;
	left: 85px;
	border: 1px solid #f53535;
    background-image: -moz-linear-gradient(100% 100% 90deg, #f53535, #cd2a2a);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f53535), to(#cd2a2a));
    box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    text-shadow: 0px 1px 1px #9a2323;
    -webkit-text-shadow: 0px 1px 1px #9a2323;
    -moz-text-shadow: 0px 1px 1px #9a2323;
}

.soldlarge,.avallarge{
	top: 50px !important;
	left: 85px !important;
}

.aval{
	background-color: #3c9a23;
	top: 95px;
	left: 85px;
	border: 1px solid #48c128;
	background-image: -moz-linear-gradient(100% 100% 90deg, #48c128, #3c9a23);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48c128), to(#3c9a23));
    box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    text-shadow: 0px 1px 1px #2c7419;
    -webkit-text-shadow: 0px 1px 1px #2c7419;
    -moz-text-shadow: 0px 1px 1px #2c7419;
}