/* my reset */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,img{border:0;margin:0;padding:0;}  
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}

/**/
body {background:#202020 url(http://www.macommultimedia.com/img/bg_hp.jpg) no-repeat top center;color:#ECF2F5; font-family:Arial, Helvetica, sans-serif;}
h1 {letter-spacing:-0.05em; font-variant:small-caps; margin-left:10px; font-size:20px;}
h3 {font-size:12px; line-height:19px; font-weight:700; margin-bottom:5px; margin-left:10px;}
#accordion h3 a, #accordion h3 a:visited {font-size:12px;color:#ACBCC7;font-weight:400; margin-top:20px;}
#accordion h3 a:hover {color:#eee;font-weight:400;}
p {font-size:12px; line-height:19px; font-weight:700; margin-bottom:5px; margin-left:10px;}
a, a:link{ text-decoration: none; color: #ccc; }
a:visited{ text-decoration: none; color: #ccc; }
a:hover{ Color: #fff; text-decoration: underline; } 

#container {
width:960px;
margin:0 auto;
}

.wrapper{
width:960px;
overflow:hidden;
margin-top:10px;
}

#header {
height:52px;
padding:10px;
padding-left:25px;
margin-top:50px;
margin-bottom:20px;
}

#mySlideshow {
margin-bottom:5px;
margin-left:30px;
}

#content {
width:540px;
height:480px;
margin:0;
padding:20px;
float:left;
}

#menu {
width:300px;
height:350px;
margin:0;
padding:20px;
padding-left:40px;
float:left;
font-size:11px;
}

#footer {
height:10px;
padding:20px;
margin-bottom:10px;
border-top:solid #676767 1px;
}

#footer p {
font-size:10px;
color:#676767;
}

#footer a, #footer a:link{ text-decoration: none; color: #ccc; }
#footer a:visited{ text-decoration: none; color: #ccc; }
#footer a:hover{ Color: #fff; text-decoration: underline; } 

/* --- MENU --- */
#menu ul ,#menu li {
display:block;
list-style-type:none;
margin:0;
padding:5px;
font-weight:bold;
}

#menu li a, #menu li a:link,#menu li a:visited {
display:block;
border-bottom:1px solid #223039;
padding:0;
padding-left:10px;
margin:0;
color:#eee;
list-style-type:none;
text-decoration:none;
}

#menu li a:hover, #menu li a:active {
border-bottom:1px solid #fff;
list-style-type:none;
color:#fff;
}

/* --- UI --- */
#dialog_link {
text-decoration:none;
position:relative;
padding:.4em 1em .4em 20px;
}
#dialog_link span.ui-icon {
position:absolute;
left:.2em;
top:50%;
margin:-8px 5px 0 0;
}
ul#icons {
margin:0;
padding:0;
}
ul#icons li {
position:relative;
cursor:pointer;
float:left;
list-style:none;
margin:2px;
padding:4px 0;
}
ul#icons span.ui-icon {
float:left;
margin:0 4px;
}
#tabs-1 ol,#tabs-1 ul {
list-style:none;
}
#tabs-1 li,#tabs-1 li a,#tabs-1 li a:visited {
line-height:20px;
color:#6C767F;
font-size:15px;
text-decoration:none;
}
#tabs-1 li a:hover {
color:#D0E3F0;
}

/* --- QUICK FORM --- */
.box_form_quick {
margin:10px 0;
padding:5px;
}
.box_form_quick p,.box_form_quick h1,.box_form_quick form,.box_form_quick button {
border:0;
margin:0;
padding:0;
}
#form_quick {
border:0;
}
#form_quick h1 {
font-size:16px;
font-weight:700;
margin-bottom:3px;
}
#form_quick p {
font-size:14px;
color:#666;
margin-bottom:10px;
border-bottom:solid 1px #dedede;
padding-bottom:5px;
}
#form_quick label {
display:block;
font-weight:700;
text-align:right;
width:100px;
font-size:12px;
float:left;
margin-top:2px;
border-bottom:1px solid #333;
}
#form_quick .small {
color:#666;
display:block;
font-size:12px;
font-weight:400;
text-align:right;
}
#form_quick input {
float:left;
width:300px;
font-size:12px;
margin:2px 0 5px 8px;
background-color:#CCDFEB;
border:1px solid #333;
}
#form_quick textarea {
float:left;
width:300px;
height:70px;
font-size:12px;
overflow:auto;
margin:2px 0 5px 8px;
background-color:#CCDFEB;
border:1px solid #333;
}
#form_quick button {
clear:both;
margin-left:120px;
background:#888;
color:#fff;
border:solid 1px #666;
font-size:14px;
font-weight:700;
cursor:pointer;
padding:4px 10px;
}
#form_quick button:hover {
background:#fff;
color:#000;
}

/* --- global --- */
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrapper       { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.nomargin      { margin:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.margin_up     { margin-top:15px; }