@charset "utf-8";

a {
	color: #E68902;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/*___________________________Body Styles_________________________________________*/

.left {
	background-image: url(../images/macDNew2_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.right {
	background-image: url(../images/macDNew2_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.rightBG {
	background-image: url(../images/macDNew2_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.leftBG {
	background-image: url(../images/macDNew2_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body 	{
	background-color:#000000;
	margin-top:0px;
	background-image: url(../images/macDNew2_01.jpg);
	background-repeat:repeat-x;
}

/*________________________Text Styles_____________________________________________*/


.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF9000;
	text-align: left;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
}

.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF9000;
	text-align: left;
	padding-top: 10px;
	padding-right: 25px;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9000;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
	text-align: left;
}

.contactHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.bodyTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0F0F0;
	text-align: justify;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.bodyTXT3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0F0F0;
	text-align: left;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.bodyTXT4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0F0F0;
	text-align: left;	
}

.bodyTXT3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0F0F0;
}

.pix {
	padding-right: 1px;
}

.bannerbg{
	top:60px;
	z-index:9;
	position:absolute;
	margin-left:63px;
}


.bodyTXT2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.bodyTXT2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
}

.bodyTXT a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
}

.catalogue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0F0F0;
	text-align: left;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 80px;
}

.contactTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.copyTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.locationTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.locationTXT a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
}

/*__________________________Buttons____________________________*/

.buttonTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	vertical-align: bottom;
	font-weight: bold;
}


.buttonTXT a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
	text-decoration:none;
	font-weight: bold;
}

.buttonTXT a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
	text-decoration:underline;
	font-weight: bold;
}


/*__________________________Other Styles_________________________________________*/

.padding {
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}

.topOrangeFrame {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF9000;
}

.padding10 {
	padding: 10px;
}

.padding25 {
	padding: 25px;
}

.greyFrame {
	border: 1px solid #CCCCCC;
}

.pointer {
cursor: pointer;
}
.referals {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF9600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}

/*__________________________Browser Popup Styles_________________________________________*/

.browser-warning {
	display: none;
	background-color: #FF9600;
	width: 100%;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	text-align: center;
	padding: 5px 0 5px 0;
	color:#2d2a22;
}
.browser-warning a{
	color:#2d2a22;
	text-decoration:underline;
}
/* Target old browsers with modernizr */
    .oldie .browser-warning {
	display: block;
}

/*__________________________FadeIn Dots Styles_________________________________________*/

.logowrap{
	width:247px;
	height:88px;
	padding-top:8px;
}
#dot1{
	display:none;
	top:63px;
	margin-left:226px;
	position:absolute;
}
#dot2{
	display:none;
	top:63px;
	margin-left:210px;
	position:absolute;
}
#dot3{
	display:none;
	top:33px;
	margin-left:171px;
	position:absolute;
}
#dot4{
	display:none;
	top:48px;
	margin-left:164px;
	position:absolute;
}
#dot5{
	display:none;
	top:64px;
	margin-left:154px;
	position:absolute;
}
#dot6{
	display:none;
	top:63px;
	margin-left:193px;
	position:absolute;
}
#dot7{
	display:none;
	top:33px;
	margin-left:154px;
	position:absolute;
}
#dot8{
	display:none;
	top:64px;
	margin-left:172px;
	position:absolute;
}
#dot9{
	display:none;
	top:16px;
	margin-left:185px;
	position:absolute;
}
.downloads_holder {
	float: left;
	width: 150px;
	margin-right:15px;
}

/* brochure images are here */
.download_img01 {
	background-image: url(../images/brochure03.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img02 {
	background-image: url(../images/brochure02.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img03 {
	background-image: url(../images/brochure01.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img04 {
	background-image: url(../images/brochure04.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img05 {
	background-image: url(../images/brochure05.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img06 {
	background-image: url(../images/brochure06.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
} 
.download_img07 {
	background-image: url(../images/brochure07.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img08 {
	background-image: url(../images/brochure08.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
} 
.download_img09 {
	background-image: url(../images/brochure09.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}
.download_img10 {
	background-image: url(../images/brochure10.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 181px;
	margin:0 auto;
}    
/* end of brochures */
.download_desc {
	font-size: 12px;
	font-weight: 400;
	color: #ff9600;
	text-align: center;
	width: 140px;
}
.downloads_holder a {
	text-decoration:none !important;
	color:#ff9600 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
html {
    margin-left: 1px;
}
 
}