﻿body {
	background-color: #350200; background-image:url(images/bgtop.jpg);background-repeat:repeat-x;background-position:top;
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;text-align:justify;
	border-top:0;height: 100%;line-height: 24px;margin:0px 0px 0px 0px; }

A:link { COLOR:#C74919; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; }
A:visited { COLOR:#C74919; TEXT-DECORATION: none; font-family:Arial, Helvetica, sans-serif; }
A:active { COLOR:#FF6125; TEXT-DECORATION: none }
A:hover { COLOR:#FF6125; TEXT-DECORATION: none; }

/* 1024 centered, and backward compatibility */ 
#background{margin:auto; width:100%; height:100%; position:relative; background:url(images/bg.jpg) center top; background-repeat:repeat-y; }
#container{margin:auto; padding:0px; width:1024px; height:100% !important; min-height:900px; height:751px; position:relative; text-align:left;}
#content { height:100%; min-width: 1024px; }
#headerlogo { text-align:left; height:98px; padding-top:54px; float:left; padding-left: 60px; vertical-align:top; }
#headermenu { text-align:left; height:98px; padding-top:47px; float:right; padding-right: 40px; vertical-align:top; }

/* ------ PAGE SUMMARY ------ */
/* Translucent border on each site */
#welcomeBGTransBorder {
   width: 958px; height: 180px;     /* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#welcomeBGTrans {
   width: 945px; height: 170px;     /* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

/* text and image area on each site, sits on top of all translucent divs */
#welcomeBG {
   width: 945px; height: 170px;     /* to match DIVs size          */
   position: absolute;              /* absolute positioning        */
   z-index: 10;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
}

/* text and image area on each site, sits on top of all translucent divs */
#galleryBG {
   width: 945px; height: 290px;     /* to match DIVs size          */
   position: absolute;              /* absolute positioning        */
   z-index: 10;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
}

#galleryBGTransBorder {
   width: 958px; height: 300px;     /* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#galleryBGTrans {
   width: 945px; height: 290px;     /* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}


/* text and image area on each site, sits on top of all translucent divs */
#contactBG {
   width: 945px; height: 570px;     /* to match DIVs size          */
   position: absolute;              /* absolute positioning        */
   z-index: 10;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
}

#contactBGTransBorder {
   width: 958px; height: 580px;     /* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#contactBGTrans {
   width: 945px; height: 570px;     /* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

#portfolioBG {
   width: 945px; height: 570px;     /* to match DIVs size          */
   position: absolute;              /* absolute positioning        */
   z-index: 10;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
}

#portfolioBGTransBorder {
   width: 958px; height: 580px;     /* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#portfolioBGTrans {
   width: 945px; height: 570px;     /* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}


/* text and image area on each site, sits on top of all translucent divs */
#reviewsBG {
   width: 945px; height: 270px;     /* to match DIVs size          */
   position: absolute;              /* absolute positioning        */
   z-index: 10;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
}

#reviewsBGTransBorder {
   width: 958px; height: 280px;     /* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#reviewsBGTrans {
   width: 945px; height: 270px;     /* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}


#welcome { width: 945px; float:left; margin-left:40px; }
#welcomeHeader { width: 945px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; padding-left: 5px; }
#welcomeItem { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:5px; padding-right: 5px; width: 945px; }



/* ------ NEWS ON MAIN PAGE ------ */
/* Translucent border on news area */
#newsBGTransBorder {
   width: 286px; height: 40px;     	/* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#newsBGTrans {
   width: 275px; height: 30px;     	/* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
}
/* text on news, sits on top of all translucent divs */
#newsHeader { position: absolute;              /* absolute positioning        */
   z-index: 10; width: 275px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; margin-left: 10px; margin-top: 5px; }
/* news items */
#latestNews { width: 300px; float:left; margin-top: 20px; }
#newsItemArea { background:#0c0c0c url(images/bgnews.jpg) repeat-x fixed center top; width: 276px; border-style:solid; border-width:thick; border-color:#460707; border-top-style:none; padding-bottom:5px; }
#newsItemArea A:link{ font-family:Arial, Helvetica, sans-serif; COLOR:#C74919; TEXT-DECORATION: none; }
#newsItemArea A:visited{ font-family:Arial, Helvetica, sans-serif; COLOR:#C74919; TEXT-DECORATION: none; }
#newsItemArea A:hover{ font-family:Arial, Helvetica, sans-serif; COLOR:#FF6125; TEXT-DECORATION: none; }
#newsItemArea A:active{ font-family:Arial, Helvetica, sans-serif; COLOR:#FF6125; TEXT-DECORATION: none; }
#newsItem { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#FFFFFF; margin-left:5px; }


/* ----- SITES ON MAIN PAGE ------ */
/* Translucent border on each site */
#siteBGTransBorder {
   width: 654px; height: 185px;     /* to match DIVs size          */
   background-color: #c41d23;       /* the background              */
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

/* Translucent background on each site */
#siteBGTrans {
   width: 642px; height: 175px;     /* to match DIVs size          */
   background-color: #000000;   	/* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 5;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

/* text and image area on each site, sits on top of all translucent divs */
#siteBG {
   width: 642px; height: 175px;     /* to match DIVs size          */
   position: absolute;              /* absolute positioning        */
   z-index: 10;                      /* place it over the other DIV */
   margin-left: 6px; margin-top:5px;
}
/* site items */
#latestSites { width: 670px; float:left; margin-left:40px; margin-top: 20px; min-height:660px; }
#siteArea { background-image:url(images/bglatestsite.jpg); background-repeat:repeat-x; background-color:#ffffff; width:640px; height:202px; filter:alpha(Opacity=90); opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; margin-left: 5px; margin-top: 5px; z-index: 2; }
#siteImage { height:179px; width:224px; border:#ebead1 thick; overflow:hidden; float:left; margin-left: 10px; margin-top: 10px; }
#siteTextArea { width: 390px; float:left; margin-left: 10px; margin-top: 10px; }
#siteTextHeader { text-align:left; color: #FFFFFF; font-weight:bolder; font-size:14px; }
#siteTextDate { text-align:left; color: #FFFFFF; padding-left:5px; }
#siteText { text-align:left; color: #FFFFFF; }





/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:1000px; 
	margin:4px auto 4px; 
	background:#333333 ; 
	display:block; 
	position:relative; 
	padding:0px 4px 0px;
	border-bottom:5px #000000 solid;
}


/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 

	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:190px; 
	bottom:0px; 
	right:5px; 
	background:url(images/slideitmoo_forward.png) no-repeat center;  
	overflow:hidden ; 
}

#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(images/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:945px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:4px 0px 6px;
	max-height: 190px;
}

/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}

/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 4px 0px; 
	font-size:11px; 
	width:200px; 
	text-align:center; 
	color:#FFFFFF;
}

#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; }
#SlideItMoo_items a img{ border:none; }