/* ------------------------------- Redefine */
img * {
border: 0;
}
* {
margin: 0;
padding: 0;
border: 0;
}
img {
border:none;
}
body {
background-image:url('../images/hp_background.jpg');
background-repeat:no-repeat;
background-position: top;
background-position:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0;
background-color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;

}

a {
font-weight: normal;
font-size: 11px;
text-decoration: none;
color:#888888;
}
a:hover {
color:#555555;
}
/*a:hover img {
border-width:1px;
border-style:solid;
border-color:#ff3399;
}*/
a:hover span {
color:#888888;
padding:0 0 0 12px;
}
.siteTitle {
font-weight: normal;
font-size: 13px;
color: #ff3399;
padding: 0 10px 0 0;
}

.nodrop {
font-weight: normal;
font-size: 13px;
color: #ff3399;
}


.aboutNav {
padding: 0 8px 0 0;
}
span {
font-weight: normal;
font-size: 11px;
text-decoration: none;
color:#ffffff;
padding: 0 0 0 12px;
}
ul {
list-style-image: none;
list-style-type: none;
}
/* PAGE STRUCTURE ------------------------------- */
#mainCont {
width: 864px; /* page width */
height: 1000px;
margin-right: auto;
margin-left: 0px;
margin-top: 0px;
}
/* SIMPLE GALLERY ------------------------------- */
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
#simplegallery1 {
position: absolute; /*keep this intact*/
visibility: hidden; /*keep this intact*/
width:940px;
height: 400px;
background: #ffffff;
display: block;
margin: 0 0 0 0px;
z-index:90;
}
/* PROJECT TITLE BAR 1------------------------------- */
.spacer {
padding-top: 10px;
}

.spacer2 {
margin:0 0 8px 0;
}

.titleBar {
list-style-type: none;
margin: 0 0 0 0;
width:923px;
padding: 0px 20px 10px 0px;
font-weight: normal;
font-size: 11px;
background-color:#000;
height:45px;
clear:both;
border-bottom:1px solid #1a1a1a;
}
.titleBar ul {
}
.titleBar li {
padding: 40px 0 0 0;
}
.titleBar p {
font-weight: normal;
font-size: 11px;
color: #ff3366;
padding: 0 0 0 0;
}
.titleBar a {
font-weight: normal;
font-size: 11px;
color:#888888;
}
.titleBar a:hover {
color:#ff3366;
}


.titleBarContent {
list-style-type: none;
margin: 0 0 0 0;
width:1200px;
padding: 0px 20px 20px 0px;
font-weight: normal;
font-size: 11px;
background-color:#000;
height:10px;
clear:both;
}
.titleBarContent ul {
}
.titleBarContent li {
padding:15px 0 0 0;
}
.titleBarContent p {
font-weight: normal;
font-size: 13px;
color: #ccc;
padding: 0 0 0 0;
}
.titleBarContent a {
font-weight: normal;
font-size: 11px;
color:#888888;
}
.titleBarContent a:hover {
color:#ff3366;
}




.indexContent {
list-style-type: none;
margin: 0 0 0 0;
width:1200px;
padding: 0px 20px 20px 0px;
font-weight: normal;
font-size: 11px;
background-color:#000;
height:10px;
clear:both;
}
.indexContent ul {
}
.indexContent li {
padding:15px 0 0 0;
}
.indexContent p {
font-weight: normal;
font-size: 13px;
color: #ccc;
padding: 0 0 0 0;
}
.indexContent a {
font-weight: normal;
font-size: 11px;
color:#888888;
}
.indexContent a:hover {
color:#ff3366;
}



.projectTitle {
color: #555555;
padding: 0 0 0 5px;
font-size: 11px;
}
.italicized {
font-style: italic;
color: #888888;
padding: 0 0 0 5px;
font-size: 11px;
}
.italicized2 {
font-style: italic;
color: #888888;
padding: 0 0 0 0;
font-size: 11px;
}
.vertDivide {
position:relative;
float: right;
font-weight: bold;
font-size: 11px;
color: #555555;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}
.left {
float: left;
}
.right {
float: right;
}
.right a {
float: right;
color:#ff3366;
text-align:center;
padding:3px 0px 0px 0px;
position:relative;
top:-3px;
left:20px;
font-size: 11px;
}
.right a:hover {
color:#666;
}
.right2 a {
color:#ff91200;
padding: 0 0 0 0px;
font-size: 11px;
}
.right2 a:hover {
color:#999;
}
/* COLUMN GRID ------------------------------------------ */

#grid3colb {
margin: 0 0 0 0;
clear: both;
}
#grid3colb ul {
margin: 0 0 0 0;
list-style:none;
}
#grid3colb li {
float:left;
width:auto;
height:200px;
padding: 0 0px 0px 0px;
}
#grid3colb img {
border-width:0px;
}


/* ABOUT ------------------------------------------ */
#about {
margin: 0 0 0 0;
padding: 0 32px 0 0px;
clear: both;
font-weight: normal;
font-size: 13px;
text-decoration: none;
line-height:1.5;
color:#333333;
}
#about p {
font-weight: normal;
font-size: 11px;
text-decoration: none;
color:#333333;
padding: 0 0 10px 0;
}
#about a {
font-size: 11px;
text-decoration: none;
color:#888888;
}
#about a:hover {
color:#ff3399;
}
#aboutImage {
margin: 0 0 20px 0;
padding: 0 0 0 0;
height:101px;
width:1200px;
}
#aboutImage img {
border-width:1px;
border-style:solid;
border-color:#dddddd;
}
/* FOOTER ------------------------------- */
#footer {
clear: both;
margin: 0 0 0 0;
color: #888888;
vertical-align:bottom;
}
#footer p {
color: #888;
font-weight: normal;
font-size: 11px;
text-align:left;
padding: 0px 0 0px 0;
}

#footer a:hover {
color: #888;
}

.colon {
font-weight: regular;
font-size: 12px;
color: #fff;
padding:0 0px 0 10px;
}
.contact {
color: #fff;
margin: 0 0 0 0;
padding:0 0px 0 12px;
}

#studio73 {
margin: 0 0 0 0;
color: #888888;
vertical-align:bottom;
}

#studio73 p {
color: #888;
font-weight: normal;
font-size: 11px;
text-align:left;
padding: 0px 0 0px 0;
margin: 0 0 0 0;
}


#studio73 a {
color: #fff;
}

#studio73 a:hover {
color: #888;
}




/* CHROMESTYLE ------------------------------- */
.chromestyle {
width: 864px;
font-weight: normal;
margin: 0 0 0 0;
list-style-type: none;
background-color:#000000;
padding: 0 0px 0px 0px;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.chromestyle ul {
text-align: left;
padding: 8px 30px 0 0px;
height: 30px;
/*background-color:#fff200;
height:30px;
z-index:101;
position:fixed;*/
}
.chromestyle ul li {
display: inline;
}
.chromestyle ul li a {
font-size: 18px;
padding: 0 0px 0px 0px;
color: #666;
text-decoration: none;/*border-right: 1px solid #DADADA;*/
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
color: #fff;
}
.chromestyle img {
border: 0;
padding: 0 0px 0px 0px;
}
.chromestyle a:hover img {
border: 0;
}

img#random  {
width:600px;
height:397px;
}