/*RESET*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height: 1; }
ol,
ul { list-style:none; }
blockquote,
q { quotes:none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
/*MAIN*/

.cfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cfix { zoom: 1; } /* IE6 */
*:first-child+html .cfix { zoom: 1; } /* IE7 */
body { font-size: 0.9em; line-height: 1.25em; font-family: 'Exo 2', sans-serif; background: #f9f9f9; color: #555; }
a { color: #f69d1d; text-decoration: none;  }
a:hover { color: #444; }

#banner img {width:100%; border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; }

header { background: #fff; width: 100%; height: 76px; position: fixed; top: 0; left: 0; border-bottom: 4px solid #f69d1d; z-index: 100; }
header img { background-size:100%; width: 104px; height: 58px; margin-top:10px; margin-left:5px; }
#logo { margin-top: 10px; margin-left:10px; float: left; width: 100px; height: 53px; background: url(../images/saclogo.jpg) no-repeat center; display: block; background-size:cover; }

nav { float: right; padding: 20px; }
#menu-icon { display: hidden; width: 40px; height: 40px; background: #f69d1d url(../images/menu-icon.png) center; }
a:hover#menu-icon { background-color: #444; border-radius: 4px 4px 0 0; }
#menu ul { list-style: none; }
#menu li { display: block; float: left; padding: 10px; }

#details ul { }
#details li { clear: left; text-align:center; padding:5px;list-style-type:none;  list-style:inside; }
#details2 ul { padding-bottom:20px; }
#details2 li { clear: left; text-align:center; padding:5px; list-style-type:none; list-style:inside; }

.current { color: #f69d1d; }
section { margin: 80px auto 40px; max-width: 980px; position: relative; padding: 10px; }
#content { margin: 30px auto 40px; max-width: 980px; position: relative; padding: 0px; }
#content img { width:30%; }

#email a { color:#f69d1d; text-decoration: none; font-weight: bold; }
#email a:hover { color: #444; }
#email2 a { color:#3b9ebc; text-decoration: none; font-weight: bold; }
#email2 a:hover { color: #444; }

h1 { font-size: 1.8em; margin-top:10px; margin-bottom:10px; color: #f69d1d; line-height:45px; text-align:center; }
h2 { font-size: 1.4em; color: #f69d1d; text-align:center; margin-bottom:10px; margin-top:10px; line-height:45px }
h3 { font-size: 1.4em; color: #3b9ebc; line-height:45px; text-align:center; }
h4 { font-size: 1.4em; color: #3b9ebc; text-align:center; margin-bottom:10px; margin-top:10px; line-height:45px }
p { line-height: 1.45em; margin-bottom: 20px; text-align:center; }

#clear { clear:both; }

#view2 { background-color:#4bbbd2; width:100%; }
#view2 a { font-size:1.2em; color:#FFFFFF; margin-left:0%; width:100%; }

#actionicons { margin-top:10px; ; padding-left:2px; width:100%; }
.actionicons a { padding: 0 20px; margin-top:10px; margin-bottom:10px; }
#actionicons_mob div { width: 50%; float: left; }
#actionicons_mob div a { display:none; margin: 5px auto; float: none; }

#website { background-image: url(../images/websitebg.jpg); background-repeat:repeat-x; width:100%; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px; }
#website a { color:#fff; text-decoration: none; }
#website a:hover { color:#e0e0e0; }

#website2 { background-image: url(../images/websitebg2.jpg); background-repeat:repeat-x; width:100%; border-radius: 10px;
            -moz-border-radius: 10px;
            -khtml-border-radius: 10px;
            -webkit-border-radius: 10px; }
#website2 a { color:#fff; text-decoration: none; }
#website2 a:hover { color:#e0e0e0; }

#btn_startermotors a { width:25%; width:245px; height: 191px; float:left; margin-right:0px; background-image: url('../images/startermotor_sprite_a.png'); }
#btn_startermotors a:hover { background-image: url('../images/startermotor_sprite_a.png'); background-position:244px 0px; }
#btn_alternators a { width:25%; width:245px; height: 191px; margin-right:0px; float:left; background-image: url('../images/alternator_sprite_a.png'); }
#btn_alternators a:hover { background-image: url('../images/alternator_sprite_a.png'); background-position:244px 0px; }
#btn_batteries a { width:25%; width:245px; height: 191px; float:left; margin-right:0px; background-image: url('../images/battery_sprite_a.png'); }
#btn_batteries a:hover { background-image: url('../images/battery_sprite_a.png'); background-position:244px 0px; }
#btn_aircon a { width:25%; width:245px; height:191px; float:left; background-image: url('../images/aircon_sprite_a.png'); }
#btn_aircon a:hover { background-image: url('../images/aircon_sprite_a.png'); background-position:244px 0px; }

  #contact iframe{ display: block; margin-left: auto; margin-right: auto }
	#contact { margin-left:18%; }

#footer { width: 100%; min-height:300px; height:30%; background-color:#e2e2e2;  border-top:20px solid #eaeaea; float:left; text-align: center; color: #FFFFFF; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }
#footer img { padding-left:50px; padding-top:35px; padding-bottom:0px; padding-right:20px; width:12%; }
#footerdetails { margin-top:5px; padding-left:0px; text-align:center; padding:5px; }
#footer p { margin:0px; color:#6d6e71; margin-top:0px; font-size:0.9em; text-align:centre; margin-bottom:10px; }


/*MEDIA QUERY*/
@media only screen and (max-width : 460px) {
header { background: #fff; width: 100%; height: 76px; position: fixed; top: 0; left: 0; border-bottom: 4px solid #f69d1d; z-index: 100; }
 #menu-icon {display:inline-block; }


nav ul, nav:active ul { display: none; position: absolute; padding: 20px; background: #fff; border: 5px solid #f69d1d; right: 20px; top: 60px; width: 50%; border-radius: 4px 0 4px 4px;}
nav li { text-align: center; width: 100%; padding: 10px 0; margin: 0;}
nav:hover ul { display: block; }

#actionicons_mob div { width: 50%; float: left; }
#actionicons_mob div a { display: block; margin: 5px auto; float: none; }
#actionicons div { width: 50%; float: left; }
#actionicons div a { display:none; margin: 5px auto; float: none; }

 h1 { font-size: 2em; color: #f69d1d; line-height:45px; text-align:center; }
 p { line-height: 1.45em; margin-bottom: 20px; text-align:center; }
 #btn_startermotors_mob a { width:150px; height:117px; background-size:150px 117px; float:left; margin-right:0px; background-image: url('../images/startermotors.png');}
 #btn_alternators_mob a { width:150px; height: 117px; background-size:150px 117px; margin-right:0px; float:left; background-image: url('../images/alternators.png'); }
 #btn_batteries_mob a { width:150px; height: 117px; background-size:150px 117px; float:left; margin-right:0px; background-image: url('../images/batteries.png'); }
 #btn_aircon_mob a { width:150px; height: 117px; background-size:150px 117px; float:left; background-image: url('../images/aircon.png'); }
 #footer img { padding-left:50px; padding-top:35px; padding-bottom:0px; padding-right:20px; width:40%; }
 
  #contact iframe{ display: block; margin-left: auto; margin-right: auto }
	#contact { margin-left:0%; }
	
	#footer img { padding-left:50px; padding-top:35px; padding-bottom:0px; padding-right:20px; width:25%; }
}


@media only screen and (min-width : 461px) and (max-width : 540px) {
header { background: #fff; width: 100%; height: 76px; position: fixed; top: 0; left: 0; border-bottom: 4px solid #f69d1d; z-index: 100; }
 #menu-icon {display:inline-block; }


nav ul, nav:active ul { display: none; position: absolute; padding: 20px; background: #fff; border: 5px solid #f69d1d; right: 20px; top: 60px; width: 50%; border-radius: 4px 0 4px 4px;}
nav li { text-align: center; width: 100%; padding: 10px 0; margin: 0;}
nav:hover ul { display: block; }

#actionicons_mob div { width: 50%; float: left; }
#actionicons_mob div a { display: block; margin: 5px auto; float: none; }
#actionicons div { width: 50%; float: left; }
#actionicons div a { display:none; margin: 5px auto; float: none; }

 h1 { font-size: 2em; color: #f69d1d; line-height:45px; text-align:center; }
 p { line-height: 1.45em; margin-bottom: 20px; text-align:center; }
 #btn_startermotors_mob a { width:210px; height:161px; background-size:210px 161px; float:left; margin-right:0px; background-image: url('../images/startermotors.png');}
 #btn_alternators_mob a { width:210px; height: 161px; background-size:210px 161px; margin-right:0px; float:left; background-image: url('../images/alternators.png'); }
 #btn_batteries_mob a { width:210px; height: 161px; background-size:210px 161px; float:left; margin-right:0px; background-image: url('../images/batteries.png'); }
 #btn_aircon_mob a { width:210px; height: 161px; background-size:210px 161px; float:left; background-image: url('../images/aircon.png'); }

 #footer img { padding-left:50px; padding-top:35px; padding-bottom:0px; padding-right:20px; width:40%; }
 
   #contact iframe{ display: block; margin-left: auto; margin-right: auto }
	#contact { margin-left:0%; }
	
	#footer img { padding-left:50px; padding-top:35px; padding-bottom:0px; padding-right:20px; width:22%; }
}

@media only screen and (min-width : 541px) and (max-width : 1220px) {

header { background: #fff; width: 100%; height: 76px; position: fixed; top: 0; left: 0; border-bottom: 4px solid #f69d1d; z-index: 100; }
 #menu-icon {display:inline-block; }
 


nav ul, nav:active ul { display: none; position: absolute; padding: 20px; background: #fff; border: 5px solid #f69d1d; right: 20px; top: 60px; width: 50%; border-radius: 4px 0 4px 4px;}
nav li { text-align: center; width: 100%; padding: 10px 0; margin: 0;}
nav:hover ul { display: block; }

#actionicons_mob div { width: 50%; float: left; }
#actionicons_mob div a { display: block; margin: 5px auto; float: none; }
#actionicons div { width: 50%; float: left; }
#actionicons div a { display:none; margin: 5px auto; float: none; }

 h1 { font-size: 2em; color: #f69d1d; line-height:45px; text-align:center; }
 p { line-height: 1.45em; margin-bottom: 20px; text-align:center; }
 #btn_startermotors_mob a { width:245px; height:191px; background-size:245px 191px; float:left; margin-right:0px; background-image: url('../images/startermotors.png');}
 #btn_alternators_mob a { width:245px; height: 191px; background-size:245px 191px; margin-right:0px; float:left; background-image: url('../images/alternators.png'); }
 #btn_batteries_mob a { width:245px; height: 191px; background-size:245px 191px; float:left; margin-right:0px; background-image: url('../images/batteries.png'); }
 #btn_aircon_mob a { width:245px; height: 191px; background-size:245px 191px; float:left; background-image: url('../images/aircon.png'); }

 #footer img { padding-left:50px; padding-top:35px; padding-bottom:0px; padding-right:20px; width:40%; max-width:150px; }
 
  #contact iframe{ display: block; margin-left: auto; margin-right: auto }
	#contact { margin-left:18%; }

}