/* @override 
	http://localhost/DDmachine/dd_default.css
	http://localhost/ddmachine/dd_default.css
*/

/*



IMPORTANT NOTES: (PLEASE READ CAREFULLY!)



1. DO NOT MODIFY the system styles section, it is generated by the system,

   your modifications will be overwritten. If you want to change the stylesheet

	 template, modify the ew.css in the "themes" subfolder under the installed

	 directory. Only modify the ew.css if you have the necessary knowledges in

	 CSS.

	 

2. DO NOT REMOVE THE FOLLOWING COMMENTS:

   

   BEGIN_USER_STYLES

   END_USER_STYLES

	 

	 You MUST write your styles between these two comment lines below, styles

   outside this user styles section will be discarded.

	 

3. If you want to override the system styles, you can copy the styles to the

   User Styles Section, or you can use a separate user stylesheet.



*/



/*BEGIN_SYSTEM_STYLES*/



html {

	height: 100%;
	background-color: #535353;
}



body {

/*	background-color: inherit; /* background color */

/*	color: #999999; /* text color */

/*	font-family: Verdana; /* font name */

/*	font-size: xx-small; /* font size */

/*	margin: 0; /* top right bottom left */

	/* height: 100%;*/

}



a 

{

    color: #999999 ;
    text-decoration: none;

}



a:link, a:visited 
{

color: #999999;
text-decoration: none;

}





/* .yui-navset defaults to .yui-navset-top */

.yui-skin-sam .yui-navset .yui-nav,

.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */

	border-width: 0 0 2px;

}



/* YUI Button */

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {   

  font-size: xx-small; /* font size */

}



/* YUI Panel */

.yui-skin-sam .yui-panel .hd {    

	font-size: xx-small; /* font size */

	line-height: 2.5;     

}



.yui-navset .yui-content .yui-hidden {

	display: none;

}



/* Auto-Suggest */

.yui-skin-sam .yui-ac { /* DO NOT CHANGE! */

	position: relative; 

}



.yui-skin-sam .yui-ac-input { /* DO NOT CHANGE! */

	position: relative;

	width: auto;

}



.yui-skin-sam .yui-ac-content ul{

	font-family: Verdana; /* font name */

	font-size: xx-small; /* font size */

	color: #000000; /* text color */ 

}

.fontOrange 
{
	color: #ff6c00;
	font: bold 11px/8px Tahoma, Arial, Helvetica;
	text-align: left;
	vertical-align: -2px;
}

.fontNorm 
{
	color: #d1d1c7;
	font: bold 9px/10px Verdana, Arial, Helvetica;
	text-align: left;
}

.fontSmall
{
	color: #d1d1c7;
	font: 2px Verdana, Arial, Helvetica;
}


#ddSitemap
{
	color: #3a3a37;
	text-transform: uppercase;
	float: right;
	font: bold 11px "Arial Narrow", Helvetica;
	margin-top: 70px;
	margin-right: 20px;
}

#ddSitemap a
{
	color: #363636;
}



#ddContainer {

	width: 766px;
	height: auto;
	position: relative;
	background: url(images/D%20and%20D_FINAL_home_background.gif) repeat;
	border: 2px outset #252525;
	margin: 10px auto;
}

#ddInnerContainer
{
	width: 722px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.ddLogo {
	width:  723px;
	height:  98px;
	border: 0;
	margin-left: 0px;
	background-image: url('images/DandD_Home_Logo.jpg');
}

.ddLogoClick
{
	height: 98px;
	width: 100px;
	border: 0;
	float: left;
	cursor:  pointer;
}

.ddhome
{
	height: 24px;
	width: 105px;
	border: 0;
	float: right;
	margin-top: 55px;
}


#home_button
{
	margin: 0;
	padding:  0;
	
}

#home_button li
{
	list-style: none;
	height: 24px;
	/*float:  left;
	position: relative;*/

}

#home_button li a
{
	height: 24px;
	text-indent: -9000px;
	display: block;
}

#home_button .current a
{
	background-position: 0 -24px;
}

a#home
{
	width: 79px;
	height: 24px;
	background-image: url(images/Home_Button.jpg);
}

a#home:hover
{
	background-position: 0 -24px;
}


.ddButtonsRow
{
	height: 132px;
	border: 0;
	width: 725px;
}

.ddButtons
{
	float:  left;
	height:  132px;
	display:  inline;
}

#buttons
{
	margin: 0;
	padding:  0;
	
}

#buttons li
{
	list-style: none;
	height: 132px;
	float:  left;
	position: relative;
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
	filter: alpha(opacity = 82);
}

#buttons li a
{
	height: 132px;
	text-indent: -9000px;
	display: block;
}

#buttons .current a
{
	background-position: 0 -132px;
}

a#about
{
	width: 130px;
	height: 132px;
	background-image: url(images/AboutUs.jpg);
}

a#machine
{
	width: 113px;
	height: 132px;
	background-image: url(images/MachineSpec.jpg);
}

a#whatwedo
{
	width: 112px;
	height: 132px;
	background-image: url(images/WhatWeDo.jpg);
}

a#image
{
	width: 115px;
	height: 132px;
	background-image: url(images/ImageGallery.jpg);
}

a#customer
{
	width: 111px;
	height: 132px;
	background-image: url(images/Customer.jpg);

}

a#contact
{
	width: 141px;
	height: 132px;
	background-image: url(images/Contact.jpg);
}

a#about:hover,
a#machine:hover,
a#whatwedo:hover,
a#image:hover,
a#customer:hover,
a#contact:hover
{
	background-position: 0 -132px;
} 


.midSpacer
{
	height: 22px;
	width: 722px;
	position: relative;
	border: 0;
	clear: both;
	text-align: center;
}


.midSpacerLine
{
	width: 275px;
	position: relative;
	/*clear: both;*/
	/*text-align: center;*/
	margin-left: auto;
	margin-right: auto;
	/*border-bottom: 2px solid #000;*/
	height: 10px;
	border-top: 2px solid #000;
	top: 3px;
}


.ddSolutionPic
{
	width: 242px;
	height: 115px;
	border: 0;
	float: left;
}

.ddCollage
{
	width:  455px;
	height:  258px;
	float:  right;
	/*margin-right: 3px;*/
}

.ddAddressText
{
	width:  242px;
	height: 135px;
	/*float: left;*/
	margin-top: 138px;
}


.ddContent
{
	/*height: 2000px;*/
	background-color: white;
	padding: 30px;
}

.ddFooter
{
	width: 722px;
	height: 40px;
}

.fontFooter
{
	color: #8d8b8b;
	opacity: 0.66;
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
	filter: alpha(opacity = 66);
	text-transform: uppercase;
	font: bold 9px Helvetica, Arial;
}

.ddinsideFooter
{
	width: 722px;
	
}

#left
{
	text-align: left;
	width: 240px;
	float: left;
}
#right
{
	
	text-align: right;
	width: 450px;
	float: right;
}



#ddOpacity {
	opacity: 0.82;
	/* and for that stupid IE crap */
	/*zoom: 1;*/
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
	filter: alpha(opacity = 82);
}

#ddOpacity2 {
	opacity: 0.50;
	/* and for that stupid IE crap */
	/*zoom: 1;*/
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
}

/* #ddBorders {
	border-right-color: rgba(40,40,40,0.9);
	border-right-width: 20px;
	border-bottom-color: rgba(40,40,40,0.9);
	border-bottom-width: 5px;
}
*/


blockquote {

	padding:2px 2px;

}


body 

{

    min-width: 721px;

}


#insidefooter

{

    clear:both;
}

/** mS fix cuse they suck cork **/


#mainContent{

		padding-left:10px;

		padding-right:10px;

	}

#accordion_container 
{
	margin:0px 0px;
	width: 640px;
}

/*h3.toggler
{
	text-align: left;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: black;
	text-transform:  uppercase;
	margin-bottom: 10px;
	margin-top: 0;
	margin-right: 0;
	background-color: #FFFFFF;
	text-indent: 10px;
	padding: 17px 5px;
}
*/

/*div.element p, div.element h4
{
	color: #bf4a00;
	font-family: arial, sans-serif;
	font-size: 8pt;
	border: 1px solid #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	text-transform:  capitalize;
	padding: 2px;
	margin: 0px 0px 0px 40px;
}
*/

.accordionPic
{
	width: 64px;
	height: 48px;
	float: left;
	border-style: solid;
	border-width: 1px;
	margin-left: 40px;
}

.galleryCatContainer
{
	width: 600px;
	height: 100px;
	font: 12px Tahoma, Arial, Helvetica;
	color: gray;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	/*border-style: dotted;
	border-width: 1px;*/
	padding: 15px;
	clear: both;
}

.galleryPic
{
	height: 100px;
	width: 125px;
	float: left;
	/*border-style: solid;
	border-width: 1px;*/
	cursor: pointer;
}

.galleryCatText
{
	padding: 20px 10px 10px;
	margin-left: 150px;
	cursor: pointer;
}


/*END_SYSTEM_STYLES*/