/* ------------------------------ Beginning of Color Palette ------------------------------ */

/* Black    100% 000000 */
/* Gray     100% 323232 */
/* Gray     050% 999999 */
/* Gray     025% CCCCCC */
/* Magenta  FF0066 */
/* Cyan     3399FF */

/* ------------------------------ End of Color Palette ------------------------------ */


/* ------------------------------ Beginning of Main Styles ------------------------------ */

body { background: #FFFFFF; text-align: center; margin: 0px; padding: 0px; }

a:link { color: #FF0066; text-decoration: none; }
a:visited { color: #FF0066; text-decoration: none; }
a:hover { color: #3399FF; text-decoration: none; }
a:active { color: #3399FF; text-decoration: none; }

* { margin: 0px; padding: 0px; }
p { margin: 20px 0px 0px; padding: 0px; text-align: left; font-size: 12px; font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif; line-height: 150%; color: #000000; }
img { border: none; }

/* ------------------------------ End of Main Styles ------------------------------ */


/* ------------------------------ Beginning of Header Styles ------------------------------ */

#header { width: 800px; height: 60px; margin: 0px auto; padding: 0px; text-align: left; }

#logo a{ width: 290px; height: 19px; margin: 39px 0px 0px; padding: 0px; background:  url(../images/logo.gif) no-repeat 0px 0px; overflow: hidden; display: block; text-indent: -9999pt; float: left; }

#menu { width: 256px; height: 9px; margin: 49px 0px 0px; padding: 0px; float: right; }
#menu ul { list-style-type: none; margin: 0px; padding: 0px; width: 256px; height: 9px; }
#menu li { display: inline; margin: 0px; padding: 0px; }
#menu li a { float: left; display: block; background-position: 0px 0px; background-repeat: no-repeat; height: 9px; text-indent: -9999pt; }
#menu li a:hover { background-position: 0px -9px; background-repeat: no-repeat; }
#menu li a.off { background-position: 0px -9px; cursor:auto; }
#menu li a#menu_home { background-image:   url(../images/menu_home.gif); width: 31px; margin-right: 40px; }
#menu li a#menu_profile { background-image:   url(../images/menu_profile.gif); width: 34px; margin-right: 40px; }
#menu li a#menu_work { background-image:   url(../images/menu_work.gif); width: 29px; margin-right: 40px; }
#menu li a#menu_contact { background-image:   url(../images/menu_contact.gif); width: 42px; }
#menu a{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 6px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	line-height: 100%;
	color: #FF0066;
}

#breadcrumbs { width: 400px; margin: 37px 0px 40px; padding: 0px; text-align: left; font-size: 10px; font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif; line-height: 100%; color: #000000; float: left; }
#navigation { width: 400px; margin: 37px 0px 40px; padding: 0px; text-align: right; font-size: 10px; font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif; line-height: 100%; color: #000000; float: left; }

#header_profile{ width: 800px; height: 19px; margin: 40px 0px 0px; padding: 0px; background: url(../images/header_profile.gif) no-repeat 0px 0px; overflow: hidden; display: block; text-indent: -9999pt; }
#header_work{ width: 800px; height: 19px; margin: 40px 0px 0px; padding: 0px; background: url(../images/header_work.gif) no-repeat 0px 0px; overflow: hidden; display: block; text-indent: -9999pt; }
#header_contact{ width: 800px; height: 19px; margin: 40px 0px 0px; padding: 0px; background: url(../images/header_contact.gif) no-repeat 0px 0px; overflow: hidden; display: block; text-indent: -9999pt; }
#header_termsofuse{ width: 800px; height: 19px; margin: 40px 0px 0px; padding: 0px; background: url(../images/header_termsofuse.gif) no-repeat 0px 0px; overflow: hidden; display: block; text-indent: -9999pt; }

/* ------------------------------ End of Header Styles ------------------------------ */


/* ------------------------------ Beginning of Content Styles ------------------------------ */

#containerofcontent { width: 100%; margin: 0px; padding: 0px; text-align: center; }
#content { width: 800px; margin: 0px auto; padding: 0px 0px; text-align: left; }

#topimage { width: 800px; height: 320px; margin: 37px 0px 0px; padding: 0px; background: url(../images/featuredwork/rotator.php) no-repeat left top; text-align: left; float: left; }
#topimage a { width: 560px; height: 320px; margin: 0px; padding: 0px; overflow: hidden; display: block; text-indent: -9999pt; }


#contentleft { width: 360px; margin: 0px; padding: 0px; text-align: left; float: left; }
#contentright { width: 360px; margin: 0px; padding: 0px; text-align: left; float: right; }


#mainimage { width: 800px; height: 280px; margin: 40px 0px 0px; padding: 0px; }

.subimage p {
	margin: 40px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
    line-height: 100%;
	color: #000000;
}

.subimage .caption {
	margin: 10px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
    line-height: 100%;
	color: #000000;
}

.icon p {
	margin: 20px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
    line-height: 100%;
	color: #000000;
}

#content h3 {
	margin: 40px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	font-weight: bold;
	line-height: 100%;
	color: #000000;
}

#content h4 {
	margin: 40px 0px -35px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	font-weight: bold;
	line-height: 100%;
	color: #000000;
}

#content h5 {
	margin: 40px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	font-weight: bold;
	line-height: 100%;
	color: #000000;
}

#content h6 {
	margin: 20px 0px -35px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	font-weight: bold;
	line-height: 120%;
	color: #000000;
}

.note {
	margin: 40px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	line-height: 150%;
	color: #000000;
}
.note p {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	line-height: 150%;
	color: #000000;
}

.smalltext {
	margin: 5px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif;
	line-height: 150%;
	color: #000000;
}

/* ------------------------------ End of Content Styles ------------------------------ */


/* ------------------------------ Beginning of Footer Styles ------------------------------ */

#containeroffooter { width: 100%; height: 60px; margin: 0px; padding: 40px 0px 0px; text-align: center; clear: both; }

#footer { width: 800px; margin: 0px auto 0px; padding: 0px; text-align: left; font-size: 10px; font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif; line-height: 120%; color: #000000; }
#footer p { margin: 0px; padding: 0px; text-align: left; font-size: 10px; font-family: Avenir, Lucida Grande, Verdana, Hiragino Kaku Gothic Pro W3, sans-serif; line-height: 120%; color: #000000; }

#footer a:link { color: #000000; text-decoration: none; }
#footer a:visited { color: #000000; text-decoration: none; }
#footer a:hover { color: #FF0066; text-decoration: none; }
#footer a:active { color: #FF0066; text-decoration: none; }

/* ------------------------------ End of Footer Styles ------------------------------ */