* { padding: 0; margin: 0; }


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
}

#wrapper {
	width: 1152px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/moonback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 height: 200px;
 margin: 10px 0px 5px 0px;
}
#leftcolumn {
	color: #333;
	float: left;
	margin-top: 0px;S
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 150px;
}




#rightcolumn {
	float: left;
	width: 678px;
	display: inline;
	line-height: 30px;
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#rightcolumn-portfolio {
	float: left;
	width: 720px;
	display: inline;
	line-height: 30px;
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}

.boldwhite {
	font-weight: bold;
	color: #FFFFFF;
}
.boldstate {
	font-weight: bold;
	color: #FFFFFF;
}

.currentstate {
	color: #333366;
	background-image: url(images/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}

#mainCopy {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 30px;
	width: 550px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: right;
	display: inline;
}

#mainCopy2 {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 30px;
	margin: 0px;
	width: 100%;
	float: left;
}
/*wrapper {
	padding-left: 150px;
	padding-top: 225px;
	width: 1000px;
}*/
#NavContainer {
	padding-right: 30px;
	color: #CCCCCC;
	text-align: right;
	float: left;
}
#NavContainer2 {
	padding-right: 30px;
	color: #CCCCCC;
	text-align: right;
	width: 300px;
	float: left;
}
#gallerythumbs {
	clear: both;
	padding-left: 380px;
	padding-top: 10px;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
}

#footer {
	width: 900px;
	clear: both;
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	font-size: 10px;
	text-align: right;
}


/*#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	font-size: 10px;
	color: #666666;
}*/
#slider {
	height: 300px;
	width: 590px;
	background-color: #666666;
}


/*Navegation*/

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #999999;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: right;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #999999;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
	color: #633666;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

/*.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}*/

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #633666;
	text-decoration: none;
	padding-left: 0px;
	text-align: right;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	margin-right: 5px;
}

.glossymenu div.submenu ul li a:hover{
color: #999999;
}

/*Navegation end*/
h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
#rightcolumn p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.Highlight16 {
	font-size: 16px;
	color: #FFFFFF;
}

/* ----------- Thumnail Links allan -------------*/

.Largeparagraph {
	padding-right: 25px;
	padding-left: 25px;
	font-size: 1.3em;
	line-height: 1.8em;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
	padding: 5px;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	display:block;
	padding:4px;
	float: left;
	margin: 20px;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #633666;
} 

.ngg-gallery-thumbnail span {
	margin: -6px 6px 6px -6px;
	text-align:center;
	font-size:90%;
	color:#808080;
	display:block;
}
/* ----------- Thumnail Links allan -------------*/


/* ----------- Thumnail black and white to color -------------*/

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 500px;
	height: 210px;
	position: relative;
}


#menuname {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 20px;
	width: 600px;
}

#menuname ul{
	display: inline;
	background-color: #333333;
		}


#menuname ul li{
	margin-right: 20px;
	font-size: 10px;
	list-style: none;
	display: block;
	background-color: #633666;
	width: 200px;
}



#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 134px;
	top: 18px;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 103px;
	height: 103px;
	background: url(images/home.jpg) no-repeat;
	left: 0px;
	top: 10px;
}

#menu .photography {
	width: 103px;
	height: 103px;
	background: url(images/photography.jpg) no-repeat;
	left: 130px;
	top: 10px;
}
#menu .illustration {
	width: 103px;
	height: 103px;
	background: url(images/illustration.jpg) no-repeat;
	left: 260px;
	top: 10px;
}
#menu .web {
	width: 103px;
	height: 103px;
	background: url(images/web.jpg) no-repeat;
	left: 390px;
	top: 10px;
}

#menu .about {
	width: 131px;
	height: 51px;
	background: url(images/about.gif) no-repeat;
	left: 338px;
	top: 97px;
}
#menu .about span {
	width: 40px;
	height: 12px;
	background: url(images/about-over.gif) no-repeat;
	left: 44px;
	top: 54px;
}S
#menu .rss {
	width: 112px;
	height: 47px;
	background: url(images/rss.gif) no-repeat;
	left: 588px;
	top: 30px;
}
#menu .rss span {
	width: 92px;
	height: 20px;
	background: url(images/rss-over.gif) no-repeat;
	left: 26px;
	top: -20px;
}

/* ----------- Thumnail black and white to color end -------------*/
.thumbtitle {
	font-size: 12px;
	color: #999999;
	display: inline;
	width: 130px;
	float: left;
}
/*body.HOMEa #wrapper #leftcolumn .glossymenu .menuitem submenuheader {
	color: #00CC00;
	
	
	body.HOMEa #wrapper #NavContainer .glossymenu {
	color: #006600;
}
body.HOMEa {
	color: #990000;
}}*/
body.HOMEa #wrapper #NavContainer .glossymenu .submenu #HOMEa a {
	color: #633666;
}
body.HOMEa #wrapper #NavContainer .glossymenu #HOMEa .menuitem {
	color: #633666;
}

/*Sub menu Current*/

body.ADS #ADS a,
body.LOGOS #LOGOS a,
body.BROCHURES #BROCHURES a,
body.CDDVD #CDDVD a,
body.STATIONERY #STATIONERY a,
body.SIGNAGE #SIGNAGE a,
body.DIRECTMAIL #DIRECTMAIL a,
body.WEB #WEB a,
body.DIGITALART #DIGITALART a,
body.POSTER #POSTER a,
body.SKETCHESILLUSTRATION #SKETCHESILLUSTRATION a,
body.ARTISTICPHOTOS #ARTISTICPHOTOS a,
body.LIVEPHOTOS #LIVEPHOTOS a,
body.MOVIEMUSICVIDEOS #MOVIEMUSICVIDEOS a
 {
	color: #633666;
	background-image: url(images/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}

body.HOMEal #wrapper #leftcolumn .glossymenu #HOMEal {
	color: #FFFFFF;
}

body.HOME #wrapper #leftcolumn .glossymenu #HOME .menuitem,
body.SERVICES #wrapper #leftcolumn .glossymenu #SERVICES .menuitem,
body.PRICING #wrapper #leftcolumn .glossymenu #PRICING .menuitem,
body.CONTACT #wrapper #leftcolumn .glossymenu #CONTACT .menuitem,
body.LINKS #wrapper #leftcolumn .glossymenu #LINKS .menuitem {
	color: #FFFFFF;
}