body
{
	background-color: #383838;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	margin: 100px auto 0px auto;
}

body a img
{
	border: 0px;
}

#Container
{
	float: left;
	width: 1000px;
	margin: 0px;
	padding: 53px 0px 50px 0px;
	background-image: url(../images/container_bg.gif);
	background-position: 7px top;
}

#Footer
{
	float: left;
	width: 1000px;
	height: 100px;
}

/* ################################################ SECTIONS ################################################ */

.SectionBlock
{
	float: left;
	width: 146px;
	margin: 0px 0px 0px 84px;
	padding: 168px 0px 0px 1px;
	background-repeat: no-repeat;
	background-position: 1px top;
}

#Home
{
	margin-left: 80px !important;
	background-image: url(../images/section_home.gif);
}

*html #Home
{
	margin-left: 40px !important;
}

#Profile
{
	background-image: url(../images/section_profile.gif);
}

#Portfolio
{
	background-image: url(../images/section_portfolio.gif);
}

#Service
{
	background-image: url(../images/section_service.gif);
}

/* ################################################ BOX ################################################ */

.Box
{
	float: left;
	width: 146px;
	background-color: #272727;
}

#TweetBox
{
	float: left;
	height: 316px;
}

#Banner
{
	//height: 610px;
	padding: 0px 0px 5px 0px;
}

#Banner ul
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#Banner ul li
{
	float: left;
	margin: 5px 4px 0px 4px;
}

#Banner ul li a
{
	float: left;
	text-decoration: none;
	width: 138px;
	height: 37px;
	background-color: #686868;
}

#Contact
{
	height: 147px;
}

#Contact ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#Contact ul li
{
	padding: 0px 0px 0px 6px;
}

#cv
{
	height: 840px;
}

#cvFlash
{
	float: left;
}

#Web
{
	height: 231px;
}

#Flash
{
	height: 252px;
}


/* ################################################ TITLE ################################################ */

.Title
{
	float: left;
	width: 146px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/title_spacer.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

#TweetTitle
{
	background-color: #7a9400;
}

#BannerTitle
{
	background-color: #948b00;
}

#ContactTitle
{
	background-color: #5e9400;
	margin-bottom: 10px;
}

#ProfileTitle
{
	background-color: #946f00;
	margin-bottom: 0px !important;
}

#LastworkTitle
{
	background-color: #941500;
}

#WebTitle
{
	background-color: #944d00;
}

#LogoTitle
{
	background-color: #946800;
}

#PressTitle
{
	background-color: #948f00;
}

#GraphicTitle
{
	background-color: #769400;
}

#VideoTitle
{
	background-color: #0a9400;
}

#FlashTitle
{
	background-color: #00946f;
}

#GalleryTitle
{
	background-color: #008894;
}

#FreeTitle
{
	background-color: #006594;
}

#WebServiceTitle
{
	background-color: #610094;
}

#FlashServiceTitle
{
	background-color: #880094;
}

#GraphicServiceTitle
{
	background-color: #94005b;
}

/* ################################################ FOOTER SECTION ################################################ */

.FooterSection
{
	float: left;
	width: 146px;
	height: 125px;
	background-repeat: no-repeat;
}

#Home .FooterSection
{
	background-image: url(../images/footer_home.gif);
}

#Profile .FooterSection
{
	background-image: url(../images/footer_profile.gif);
}

#Portfolio .FooterSection
{
	background-image: url(../images/footer_portfolio.gif);
}

#Service .FooterSection
{
	background-image: url(../images/footer_service.gif);
}

/* ################################################ HOME ################################################ */

.addLink
{
	float: right;
	margin: 5px 5px 0px 0px;
}








/* ################################################ PORTFOLIO ################################################ */

#AccordionContainer
{
	width: 146px;
	background-color: #272727;
}

#AccordionContainer p
{
	margin: 0px;
	padding: 5px 6px 6px 6px;
	font-family: Arial;
	font-size: 12px;
	color: #686868;
}


.accToggler
{
	width: 146px;
	height: 20px;
	margin: 0px 0px 1px 0px;
	display: block;
	background-image: url(../images/title_spacer.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

.accToggler:hover
{
	cursor: pointer;
}

.accContent
{
	width: 146px;
	background-repeat: no-repeat;
	background-position: left top;
}

#LastworkBox
{
	background-image: url(../images/title/works.gif);
}

#WebBox
{
	background-image: url(../images/title/design.gif);
}

#LastworkBox p,
#WebBox p
{
	padding-top: 26px;
}



/* ################################################ SERVICE ################################################ */

#freeFlash
{
	width: 136px;
	height: 115px;
	float: left;
	margin: 6px 0px 6px 5px;
	padding: 0px !important;
}

#WebServiceFlash
{
	float: left;
	width: 146px;
	height: 210px;
	margin-top: 0px;
}

#FlashServiceFlash
{
	float: left;
	width: 146px;
	height: 231px;
}