/* Dartist.co.uk: Dean O'Keeffe, Digital VFX Artist & Maya / Generalist TD */

body {
	background-color: #000000;
	background-image: url(dartistImages/index/bg_tile.png);
	margin: 0px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	}

a:link {
	color: #999999;
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FF0;
}

#navigation a:link {
	color: #999999;
	text-decoration: none;
	
}
#navigation a:visited {
	text-decoration: none;
	color: #999999;
}
#navigation a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#navigation a:active {
	text-decoration: none;
	color: #FF0;
}

#current a:link{
	text-decoration: none;
	color: #FF0;
}
#current a:visited{
	text-decoration: none;
	color: #FF0;
}

#current a:hover {
	text-decoration: none;
	color: #FF0;
}
current a:active {
	text-decoration: none;
	color: #FF0;
}

/* headers here */

p {
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}


#navigation ul{
	width:780px;
	height:30px;
	list-style:none;
	background-image: url(dartistImages/CSSImages/dartistLinksBar.png);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}

#navigation li{

	display: inline;
	margin: 10px 0px 0px 10px;
	padding: 0px 40px 0px 40px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25px;
	color: #999999;

}

#wrapper {
	width:780px;
	height:auto;
	margin:0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(dartistImages/CSSImages/dartistWrapperBG.png);
}

#topPanels {
	width:780px;
	height:auto;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
}

#dartistMastHead {
	width:780px;
	height:80px;
	background-image: url(dartistImages/CSSImages/dartistMastHead.png);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#dartistLinksBar {
	width:780px;
	height:30px;
	background-image: url(dartistImages/CSSImages/dartistLinksBar.png);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
}

#showreelPanel {
	width:480px;
	height:auto;
	margin:0px 10px 0px 20px;
	float:left;
	display: inline;
}

#showreelBoxTop {
	width:520px;
	height:30px;
	margin: 0px;
}

#showreelBox {
	width:520px;
	height:auto;
	margin: 0px;
}

#showreelBoxBottom {
	width:520px;
	height:0px;
	background-repeat:no-repeat;
	margin: 0px;
}

#showreelPanelText {
	width:490px;
	height:auto;
	margin:0px 5px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align:center;
	line-height: 16px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	color: #999999;
}

#infoPanel {
									
	width:260px;
	height:auto;
	margin:0px 0px 0px 0px;
	float:right;
	display: inline;
}

#infoBoxTop {
	width:260px;
	height:30px;
	margin: 0px;
	padding: 0px;
}

#infoBox {
	width:260px;
	height:auto;
	margin: 0px;
	padding: 0px;
}

#infoBoxBottom {
	width:260px;
	height:0px;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}

#infoPanelText {
	width:250px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	line-height: 16px;
	font-size: 12px;
	color: #999999;
}


									


#mainTextBoxTop {
	width:780px;
	height:auto;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
}

#mainTextBox {
	width:780px;
	height:auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

#mainTextBoxBottom {
	width:780px;
	height:30px;
	margin: 0px;
	padding: 0px;
}

#mainTextLeft {
	width:365px;
	height:auto;
	font-size:12px;
	line-height: 26px;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: justify;
	color: #666666;
	
}

#Image {
	width:364px;
	height:205px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: justify;
	line-height: 16px;
	font-size: 12px;
	float: right;
	display:inline;
	color: #444444;
}

#ImageRight {
	width:364px;
	height:auto;
	margin:20px 20px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: justify;
	line-height: 16px;
	font-size: 12px;
	float: right;
	display:inline;
	color: #444444;
}


#copyright {
	width:780px;
	height:auto;
	font-size: 12px;
	margin:0 auto 0 auto;
	padding: 7px 0px 0px 0px;
	text-align:center;
	background-repeat:no-repeat;
	color: #666666;
}

#breakdownBoxTop {
	width:780px;
	height:10px;
	background-repeat:no-repeat;
	margin: 0px;
}

#breakdownBoxMain {
	width:780px;
	height:240px;
	padding: 0px 0px 0px 0px;
	background-repeat:repeat-y;
	margin: 0px;
}

#breakdownBoxBottom {
	width:780px;
	height:2px;
	margin:15px 0px 0px 0px;
	background-image: url(dartistImages/CSSImages/BreakdownDivider.png);
	background-repeat:no-repeat;
}

#breakdownText {
	width:110px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	line-height: 16px;
	margin:15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	float: right;
	color: #666666;
}

#breakdownList {
	width:230px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	line-height: 16px;
	margin:15px 0px 5px 0px;
	padding: 0px 20px 0px 0px;
	text-align: justify;
	float: right;
	color: #666666;
}

#breakdownImage {
	width:388px;
	height:219px;
	margin:0px 0px 0px 0px;
	padding: 20px 0px 0px 20px;
	float: left;
}

#linkBoxTop {
	width:780px;
	height:10px;
	margin: 0px;
}

#linkBoxMain {
	width:780px;
	height:1075px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#linkBoxBottom {
	width:780px;
	height:30px;
}

#leftLinkList {
	width:300px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	line-height: 16px;
	margin:15px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	text-align: justify;
	float: left;
	color: #666666;
}

#rightLinkList {
	width:300px;
	font:12px 'Lucida Grande',Verdana, Helvetica, sans-serif;
	line-height: 16px;
	margin:15px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align: justify;
	float: right;
	color: #666666;
}