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

@font-face {
  font-family: CenturyGothic;
  src: url(GOTHIC.TTF);
}

body{
	background-color:#eee;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

a:link,a:visited{
	color:#3366FF;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:underline;
}

#bigbox{
	width:100%;
}

#mainbox{
	width:1000px;
	position:relative;
}

#bgsliderbox{
	position:absolute;
	top:0px;
	width:1000px;
	height:600px;
	z-index:1;
}

#contentbox{
	position:absolute;
	width:1000px;
	z-index:10;
}

#navbox{
	position:relative;
	top:8px;
	left:7px;
	z-index:99;
}

#navbox a{
	display:block;
	float:left;
}

#navbox a.homebutton{
	background-image:url(images/homebutton.png);
	height:56px;
	width:83px;
}
#navbox a.homebutton:hover, #navbox a.homebutton.active {
	background-image:url(images/homebutton_active.png);
	height:56px;
	width:83px;
}

#navbox a.aboutbutton{
	background-image:url(images/aboutbutton.png);
	height:56px;
	width:89px;
}
#navbox a.aboutbutton:hover, #navbox a.aboutbutton.active {
	background-image:url(images/aboutbutton_active.png);
	height:56px;
	width:89px;
}

#navbox a.productsbutton{
	background-image:url(images/productsbutton.png);
	height:56px;
	width:106px;
}
#navbox a.productsbutton:hover, #navbox a.productsbutton.active {
	background-image:url(images/productsbutton_active.png);
	height:56px;
	width:106px;
}

#navbox a.solarmodulebutton{
	background-image:url(images/solarmodulebutton.png);
	height:56px;
	width:145px;
}
#navbox a.solarmodulebutton:hover, #navbox a.solarmodulebutton.active {
	background-image:url(images/solarmodulebutton_active.png);
	height:56px;
	width:145px;
}

#navbox a.rvsolarbutton{
	background-image:url(images/portablebutton.png);
	height:56px;
	width:145px;
}
#navbox a.rvsolarbutton:hover, #navbox a.rvsolarbutton.active {
	background-image:url(images/portablebutton_active.png);
	height:56px;
	width:145px;
}

#navbox a.resourcesbutton{
	background-image:url(images/resourcesbutton.png);
	height:56px;
	width:112px;
}
#navbox a.resourcesbutton:hover, #navbox a.resourcesbutton.active {
	background-image:url(images/resourcesbutton_active.png);
	height:56px;
	width:112px;
}

#navbox a.contactbutton{
	background-image:url(images/contactbutton.png);
	height:56px;
	width:103px;
}
#navbox a.contactbutton:hover, #navbox a.contactbutton.active {
	background-image:url(images/contactbutton_active.png);
	height:56px;
	width:103px;
}
	
#homelogobox{
	position:absolute;
	top:230px;
	left:4px;
	background-image:url(dc3dlogo.jpg);
	width:180px;
	height:191px;	
}

#subpagelogobox{
	position:absolute;
	top:8px;
	right:8px;
	background-image:url(dc3dlogo.jpg);
    background-repeat:no-repeat;
	width:180px;
	height:191px;	
}

#right_arrow{
	background:url(images/right_arrow.png) top;
	width:57px;
	height:83px;
	position:absolute;
	top:290px;
	z-index:20;
	cursor:pointer;
}

#right_arrow:hover{
	background:url(images/right_arrow.png) bottom;
}

#left_arrow{
	background:url(images/left_arrow.png) top;
	width:57px;
	height:83px;
	position:absolute;
	top:290px;
	z-index:20;
	cursor:pointer;
}

#left_arrow:hover{
	background:url(images/left_arrow.png) bottom;
}

#triboxcontainer{
	width:988px;
	padding-left:6px;
	padding-right:6px;
	position:absolute;
	top:440px;
	left:0px;
}

.tribox{
	background:transparent url(images/triboxbg.png) no-repeat center;
	height:199px;
	width:324px;
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:7px;
	padding-top:7px;
}
	
#bodyspacer{
	width:999px;
	height:246px;
	position:relative;
	z-index:0;
}
	
#bodycontent{
	background-image:url(images/body_bg.png);
	background-repeat:repeat-y;
	width:959px;
	position:relative;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:20px;
}

#bodycontenttop{
	background-image:url(images/body_top.png);
	background-repeat:no-repeat;
	width:999px;
	height:36px;
	position:absolute;
	top:-36px;
	left:0px;
}

#bodycontentbottom{
	background-image:url(images/body_bottom.png);
	background-repeat:no-repeat;
	width:999px;
	height:20px;
	position:absolute;
	bottom:-20px;
	left:0px;
}

#bodycontenttitle{
	position:absolute;
	top:-80px;
	left:12px;
	font-family:CenturyGothic, Verdana, Geneva, sans-serif;
	font-size:46px;
	color:#666;
	text-shadow:#000 1px 1px 3px;
}
#bodycontenttitle span{
	position:absolute;
	top:-1px;
	left:-1px;
	font-family:CenturyGothic, Verdana, Geneva, sans-serif;
	font-size:46px;
	text-shadow:none;
	color:#EEE;
}

.sidebox{
	width:100%;
	background-color:#777;
	border-radius:4px;
	border:1px solid #666;
	box-shadow:0px 0px 3px #111;
	margin-top:20px;
}

.sidebox h3{
	padding:0px;
	padding-left:12px;
	padding-top:6px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin:0px;
	margin-bottom:8px;
}

.sidebox div.item{
	padding:8px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	background-color:#999;
	margin-bottom:1px;
}

.photopost{
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}

.phototitle{
	font-size:26px;
	font-family:CenturyGothic, Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#444;
	margin-bottom:6px;
}

.photodate{
	font-size:16px;
	font-family:CenturyGothic, Verdana, Geneva, sans-serif;
	padding:4px 8px;
	background-color:#bbb;
	border:1px solid #333;
	color:#333;
	position:absolute;
	top:70px;
	left:-20px;
}

.photopics img{
	float:left;
	padding:3px;
	margin:3px;
	margin-left:0px;
	max-width:440px;
	border:1px solid #555;
}

.phototext{
	font-size:14px;
	text-align:left;
	margin-top:10px;
}

#bgcoverup{
	background-image:url(images/bgcoverup.png);
	background-repeat:no-repeat;
	width:1200px;
	height:800px;
	position:absolute;
	top:0px;
}

#footerbox{
	position:relative;
	float:right;
	font-size:12px;
	color:#666;
	margin-right:16px;
	margin-bottom:20px;
	margin-top:16px;
	width:500px;
	text-align:right;
}

#footerbox img{
	float:right;
	position:relative;
	top:-8px;
}

#footerbox span{
	text-align:right;
	margin-right:10px;
	line-height:18px;
}

#footerbox span a:link{
	font-size:12px;
	color:#666;
	text-decoration:none;
}

#footerbox span a:visited{
	font-size:12px;
	color:#666;
	text-decoration:none;
}

#footerbox span a:hover{
	font-size:12px;
	color:#222;
	text-decoration:underline;
}

.social_facebook{
	width:42px;
	height:42px;
	background:url(images/social_icons.png) 0px 0px;
	display:inline-block;
}

.social_pinterest{
	width:42px;
	height:42px;
	background:url(images/social_icons.png) -46px 0px;
	display:inline-block;
}

.social_twitter{
	width:42px;
	height:42px;
	background:url(images/social_icons.png) -93px 0px;
	display:inline-block;
}