html { 
padding:0px;
margin:0px;
}

body {
background-color:#333;
font-size: 11px;
font-family:Arial, Helvetica, Sans-Serif;
color:#ccc;
margin:0px;
padding:0px;
}

p, h1, h2{
margin:0px 10px 10px 10px;
}

h1 {
font-size:20px;
padding-top:10px;
text-transform:uppercase;
font-weight:normal;
color:#666;
background-color:transparent;
}

h2 {
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#ccc;
background-color:transparent;
}

a { 
color:#00ccff;
text-decoration:none; 
}

a:hover {
color: #666;
}

a[rel="external"] { 
text-decoration:none;
background:url(../images/external.png) 99% 40% no-repeat;
padding-right: 15px;
}

.bold {
font-weight:bolder;
}

div.hr {
background-color:#00ccff;
width:415px;
height:1px;
padding:0;
position:relative;
margin:40px auto 15px;
}

div.hr hr {
display:none;
}

#biglogo {
margin:50px 50px;
padding:0px;
}


/*  layout  */

#box {
width:845px;
margin:10px;
padding:0;
text-align:left;
}

#left {
width:190px;
padding:0px;
float:left;
background-color:#333;
}

#content {
width:435px;
padding:0px;
float:left;
text-transform:uppercase;
background-color:#333;
overflow:auto;
}

#right {
width:220px;
padding:0px;
float:left;
color:#00ccff;
font-size:9px;
text-transform:uppercase;
background-color:#333;
}

#right h1 {
font-size:11px;
padding:10px 0 10px 0;
font-weight:normal;
color: #ccc;
background-color:transparent;
}

#right a {
font-size:11px;
color: #ccc;
}

#right a:hover {
color: #666;
}

#right p {
margin:0px 10px 15px 10px;
}

#head {
height:90px;
background-color:#333;
}

#head img {
padding:10px;
margin:0px;
}

#links {
font-size: 9px;
color:#00ccff;
}

#links a {
font-size: 11px;
color:#ccc;
text-decoration:none; 
}

#links a:hover {
color: #666;
}

#links a[rel="external"] { 
text-decoration:none;
background:url(../images/external_g.png) 99% 40% no-repeat;
padding-right: 15px;
}


/*  menu  */

#menu {
margin:0 0 0 10px;
padding:0;
overflow:auto;
} 

#menu ul {
font-size: 20px;
text-transform:uppercase;
font-weight:normal;
margin:10px 0 20px 0;
padding:0;
list-style-type:none;
}

#menu li { 
color:#666;
padding:0;
margin:0;
}

#menu a {
color:#ccc;
padding:0;
margin:0;
text-decoration: none;
}

#menu ul li a:hover {
color:#666;
}

#copywright {
font-size: 9px;
color:#666;
margin:50px 10px 0 0;
padding:0;
}

#copywright a {
color:#666;
}

#copywright a:hover {
color:#00ccff;
}

#copywright a[rel="external"] {
background:transparent;
}

/* ---------- gallery ---------- */
/* gallery container */
.gallery {width:420px; height:110px; margin:1em auto; background:transparent; border:none; }

/* thumbnail list */
.gallery ul {list-style:none; padding:0; margin:0; width:420px; float:left; }

/* thumbnail images */
.thumb {float:left; width:98px; height:98px; margin:5px 5px 0 0;border:1px solid #c5c5c5; }
.no-thumb {float:left; width:98px; height:98px; margin:5px 5px 0 0; border:1px dashed #4b4b4b; background:transparent; }
.thumb:hover {border:1px solid #00ccff; }
.thumb a img {display:block; }

/* no border on images */
.gallery a img {border:0; }