/* ------------------------------------
            Copyright
------------------------------------ *//*
Created by: The Utral Studio
http://Utral.com

Copyright ©2009, Utral.com 
All rights reserved.
------------------------------------ */


/* ------------------------------------
            Global Settings
------------------------------------ */


* {
	margin: 		0px;
	padding:		0px;
	border:			0px;
}

body {
	height:				100%;
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			white;
	background:		#202020 url("../images/menu/menu.jpg") repeat-y;
}

a:link, a:visited {
	color: 			#7bd1f1;
}

a:hover {
	color:			#9be4ff;
}

#Mother	{
	background-color:	blue;
}

span {
	font-weight:	bold;
	color:			#00ff00;
}


/* -----------------------------------
               Header
------------------------------------ */


#Header {
	height:			281px;
	overflow:		hidden;
}

#utral {
	float:			left;
	width:			266px;
	height:			281px;
}


/* ---------------------
    Header: Updates
--------------------- */


#projectTitle {
	margin:			26px 0px 0px 7px;
	width:			102px;
	height:			9px;
	background:		url("../images/header/titleCurrent.jpg");
}

#projectButtons {
	width:			900px;
	height:			32px;
	margin:			2px 0px 0px 10px;
}

#projectButtons .projectTitle{
	font-size:		7px;
	font-family:	Arial, Geneva, Helvetica, sans-serif;
	padding-top:	11px;
	padding-right:	5px;
	text-align:		center;
}

#projectButtons li {
	float:			left;
	width:			128px;
	height:			30px;
	list-style:		none;		
}

#projectButtons a {
	color:				white;
	text-decoration:	none;
	width:			128px;
	height:			30px;
	display:		block;
}

#projectButtonCompleted {
	background:		url("../images/header/projectCompleted.jpg");
}

#projectButtonStart {
	background:		url("../images/header/projectStart.jpg");
}

#headerUpdates .topL {
	float:			left;
	width:			256px;
	height:			169px;
	background:		url("../images/header/topL.jpg") no-repeat left;
}

#headerUpdates .topR {
	float:			right;
	width:			30px;
	height:			122px;
	background:		url("../images/header/topR.jpg");
}

#headerUpdates .top {
	height:			109px;
	background:		url("../images/header/topM.jpg") repeat-x;
}

/*#headerUpdates .topM div {
	width:			253px;
	height:			10px;
	background:		url("../images/header/updatesT.jpg");
}*/
/* IE6 fix for inconsistent div size.*/
/*#headerUpdates .topM .ie6Fix { 
	height:			109px;
}*/


/* ---------------------
    Header: Content
--------------------- */


#headerContent{
	margin-left:		266px;
}

#headerContent .top{
	margin-top:		31px;
	background-image:	url("../images/content/topM.jpg");
}

/* IE6 fix for inconsistent div size. */
#headerContent .top .ie6Fix {
	height:			29px;
}

#headerContent .topR {
	float:			right;
	width:			19px;
	height:			29px;
	background-image:	url("../images/content/topR.jpg");
}

#headerContent .middle {
	background:		url("../images/content/middleL.jpg") repeat-y;
}

#headerContent .middleR {
	background:		url("../images/content/middleR.jpg") repeat-y right;
	margin-left:		19px;
}

#headerContent .middleM {
	padding:		0px 5px 15px 5px;
	background-color:	#5c5c5c;;
	margin-right:		19px;
}

#headerContent .bottom {
	background-color:	#484848;
	height:			2px;
}

#headerContent .bottomL {	
	float:			left;
	width:			19px;
	height:			2px;
	background-image:	url("../images/content/bottomL.jpg");
}


/* -----------------------------------
               Menu
------------------------------------ */

#Code {
	width:			200px;
	height:			200px;
	color:			#fff;
	text-align:		center;
}

#Menu {
	float:			left;
	clear:			left;
	width:			265px;
	background-image:	url("../images/menu/menu.jpg");
}


#menuFooter {
	width:			265px;
	height:			5px;
	background-image:	url("../images/menu/menuFooter.jpg");
}

/* ------------------------
   Menu: Global Settings
------------------------- */


#Menu li {
	width:			265px;
	height:			22px;
	background-image:	url("../images/menu/buttonsBg.jpg");
}

.buttonLink a {
	position:		relative;
	bottom:			8px;
	height:			22px;
	width:			265px;
	display:		block;
}

.buttonAlign div {
	position:		relative;
	top:			8px;
	left:			1px;
	width:			264px;
	height:			6px;
}

.titleAlign {
	width:			265px;
	height:			9px;
	position:		relative;
	top:			15px;
}

.titles {
	width:			265px;
	height:			39px;
	background-image:	url("../images/menu/titles.jpg");
}

.fluidMenuBox .top {
	width:			265px;
	height:			12px;
	background-image:	url("../images/menu/fluidMenuBoxT.jpg");
}

.fluidMenuBox .middle {
	width:			265px;
	background-image:	url("../images/menu/fluidMenuBoxM.jpg");
}

.fluidMenuBox .bottom {
	width:			265px;
	height:			5px;
	background-image:	url("../images/menu/fluidMenuBoxB.jpg");
}


/* ---------------------
    Menu: Portfolio
--------------------- */


#portfolio ul {
	clear:			left;
}

#title1BG {
	float:			left;
	width:			265px;
	height:			39px;
	background:	url("../images/menu/title1.jpg");
}

#titlePortfolio {
	position:		relative;
	top:			14px;
	background:	url("../images/menu/titlePortfolio.jpg") center no-repeat;
}

/* -------------
   Category BG
---------------*/

#Menu #graphicDesign {
	background:	url("../images/menu/buttonsBgCategoryGreen.jpg");
}

#Menu #webDesign {
	background:	url("../images/menu/buttonsBgCategoryBlue.jpg");
}

#Menu #animation {
	background:	url("../images/menu/buttonsBgCategoryPink.jpg");
}

/* -------------
  Category Text
---------------*/

#webDesign div {
	background:	url("../images/menu/categoryWebDesign.jpg") center no-repeat;
}

#graphicDesign div {
	background:	url("../images/menu/categoryGraphicDesign.jpg") center no-repeat;
}

#animation div {
	background:	url("../images/menu/categoryAnimation.jpg") center no-repeat;
}

/* -------------
  Button BG
---------------*/

#Menu #webdesignButton1 {
	background:	url("../images/menu/buttonsBgGreen.jpg");
}

#Menu #webdesignButton2 {
	background:	url("../images/menu/buttonsBgGreen.jpg");
}

#Menu #graphicdesignButton1 {
	background:	url("../images/menu/buttonsBg.jpg");
}

#Menu #graphicdesignButton2 {
	background:	url("../images/menu/buttonsBgGreen.jpg");
}

#Menu #graphicdesignButton3 {
	background:	url("../images/menu/buttonsBgGreen.jpg");
}

#Menu #animationButton1 {
	background:	url("../images/menu/buttonsBgGreen.jpg");
}

#Menu #animationButton2 {
	background:	url("../images/menu/buttonsBgGreen.jpg");
}

/* -------------
  Button Text
---------------*/

#webdesignButton1 div {
	background:		url("../images/menu/buttonDesigns.jpg") center no-repeat;
}

#webdesignButton2 div {
	background:		url("../images/menu/buttonLogos.jpg") center no-repeat;
}

#graphicdesignButton1 div {
	background:		url("../images/menu/buttonPaintings.jpg") center no-repeat;
}

#graphicdesignButton2 div {
	background:		url("../images/menu/buttonGraphics.jpg") center no-repeat;
}

#graphicdesignButton3 div {
	background:		url("../images/menu/buttonLogos.jpg") center no-repeat;
}

#animationButton1 div {
	background:		url("../images/menu/buttonEffects.jpg") center no-repeat;
}

#animationButton2 div {
	background:		url("../images/menu/buttonAnimations.jpg") center no-repeat;
}


/* ---------------------
    Menu: Main
--------------------- */


#titleMain {
	background:		url("../images/menu/titleMain.jpg") center no-repeat;
}

#mainButton1 {
	background:		url("../images/menu/buttonHome.jpg") center no-repeat;
}

#mainButton2 {
	background:		url("../images/menu/buttonAbout.jpg") center no-repeat;
}

#mainButton3 {
	background:		url("../images/menu/buttonServices.jpg") center no-repeat;
}

#mainButton4 {
	background:		url("../images/menu/buttonContact.jpg") center no-repeat;
}

#mainButton5 {
	background:		url("../images/menu/buttonProjects.jpg") center no-repeat;
}

#mainButton7 {
	background:		url("../images/menu/buttonComments.jpg") center no-repeat;
}


/* ---------------------
    Menu: Studio News
--------------------- */


#titleName3 {
	background:	url("../images/menu/titleNews.jpg") center no-repeat;
}

#t3Button1image {
	background:		url("../images/menu/buttonNews.jpg") center no-repeat;
}

#studioNews .fluidMenuBox .bottom {
	width:			265px;
	height:			19px;
	background-image:	url("../images/menu/fluidMenuBoxNewsB.jpg");
}

#studioNews .fluidMenuBox .top {
	width:			265px;
	height:			22px;
	background-image:	url("../images/menu/fluidMenuBoxNewsT.jpg");
}

.fluidMenuBox .newsTitle {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	position:		relative;
	top:			4px;
	left:			10px;
}

.fluidMenuBox .newsContent {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#FFFFFF;
	position:		relative;
	left:			15px;
	padding:		4px 22px 4px 0px;
}

.fluidMenuBox .newsLink {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	position:		relative;
	left:			200px;
}


/* ---------------------
    Menu: Newsletter
--------------------- */


#titleName4 {
	background:	url("../images/menu/titleSign.jpg") center no-repeat;
}

#newsletterButton1 {
	background:		url("../images/menu/buttonSignUp.jpg") center no-repeat;
}


/* ---------------------
    Menu: Paypal
--------------------- */


#titleName5 {
	background:	url("../images/menu/titlePaypal.jpg") center no-repeat;
}

#paypal li {
	height:			34px;
	width:			265px;
	background-image:	none;
}

#t5Button1link {
	position:		relative;
	bottom:			10px;
	height:			50px;
	width:			265px;
	display:		block;
}

.textarea {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#FFFFFF;
	background:		#474747;
	margin-left:	22px;
	margin-bottom:	5px;
	width:			220px;
	height:			20px;
}

#t5Button1image {
	position:		relative;
	bottom:			2px;
	width:			265px;
	height:			35px;
	background:		url("../images/menu/buttonPaypal.jpg") center no-repeat;
}

/* ---------------------
    Menu: Content
--------------------- */

#menuContent {
	text-align:		center;
}

#menuContent .copyRights {
	font-size:		11px;
	padding:		10px 0px 5px 0px;
}

#UtralLogo {
	 width:			265px;
	 height:		65px;
	 margin-top:	10px;
	 background:	url(../images/menu/Utral_Logo.jpg) center no-repeat;
}

#UtralLogo a {
	margin:			0px auto;
	width:			265px;
	height:			65px;
	display:		block;
}

/* -----------------------------------
              Content
------------------------------------ */


#Content, #enhancedContent {
	margin-left:		265px;
	min-width:		0px;
}

#Content table, #enhancedContent table {
	text-align:		center;
	width:			100%;
}

#portfolioWork table {
	margin-top:			5px;
	margin-bottom:		20px;
}

#table1 {
	margin-bottom: 	-5px;
}

#table2 {
	margin:			-10px 0px -10px 0px;
}

#table4 {
	text-align:		center;
	margin:			5px 0px;
}

#table4 div {
	margin-top:		25px;
}

.textBody1 {
	float:			left;
	font-size:		11px;
	margin:			-12px 20px 0px 15px;
}

.textBody8 {
	float:			left;
	font-size:		11px;
	margin:			-12px 20px 10px 15px;
}

.textBody4 {
	font-size:		11px;
	margin:			-12px 20px 10px 10px;
}

.textBody7 {
	font-size:			11px;
	margin:			-5px 20px 20px 10px;
}

.textBody2 {
	color:			#f2f2f2;
	font-size:		11px;
	margin:			0px 100px 0px 40px;
}

#viewBlank {
	display:	block;
	width:		161px;
	height:		179px;
}

/* ---------------------
    Content: Top
--------------------- */


#Content .top {
	height:			32px;
	background-image:	url("../images/content/topM.jpg");
}

#Content .topL {	
	float:			left;	
	width:			14px;
	height:			32px;
	background-image:	url("../images/content/topL.jpg");
}

#Content .topR {
	float:			right;
	width:			19px;
	height:			32px;
	background-image:	url("../images/content/topR.jpg");
}

/* ---------------------
   enhancedContent: Top
--------------------- */

#enhancedContent .top {
	height:			9px;
	background:		url(../images/content/enhancedContent/topM.jpg);
}


/* ---------------------
   Content: Middle
--------------------- */


#Content .middle {
	background:		url("../images/content/middleL.jpg") repeat-y;
}

#Content .middleR {
	background:		url("../images/content/middleR.jpg") repeat-y right;
	margin-left:		19px;
}

#Content .middleM {
	padding:		5px 5px 10px 5px;
	background-color:	#5c5c5c;;
	margin-right:		19px;
}

/* ---------------------
   enhancedContent: Middle
--------------------- */


#enhancedContent .middle {
	background:		url("../images/content/enhancedContent/middleL.jpg") repeat-y;
}

#enhancedContent .middleR {
	background:		url("../images/content/enhancedContent/middleR.jpg") repeat-y right;
	margin-left:		16px;
}

#enhancedContent .middleM {
	padding:		5px 0px;
	background-color:	#404040;
	margin-right:		14px;
}


/* ---------------------
   Content: Bottom
--------------------- */


#Content .bottom {
	background:			url("../images/content/bottomL.jpg") repeat-y #484848 ;
	height:				5px;
}

/* ---------------------
   enhancedContent: Bottom
--------------------- */


#enhancedContent .bottom {
	margin-bottom:		10px;
	background-color:	#474747;
	height:			2px;
}

#enhancedContent .bottom1 {
	background-color:	#474747;
	height:			2px;
}

/* ---------------------
    contentNews
--------------------- */

.contentNews .title {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#f2f2f2;
	float:			left;
	padding-top:	3px;
	margin-left:	2px;
}

.contentNews .title .titleBright {
	font-size:		10px;
	color:			#fff;
}


#Content .contentNews .middleM {
	height:				100%;
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	color:			#e5e5e5;
	padding:		0px 5px 10px 5px;
}

#Content .contentNews .bottom {
	margin-bottom:		20px;
}

/* ---------------------
    contentComments
--------------------- */

#commentsForm {
	color:			#f2f2f2;
	font-size:		11px;
	margin-top:		-5px;
}

#commentsForm .form1 {
	width:			280px;
	margin:			0px 0px 50px 7px;
}

#commentsForm  .form2 {
	width:			454px;
	margin-left:	7px;
}

#commentsForm .formL {
	float:			left;
	width:			100px;
}

#commentsForm .formR {
	float:			right;
}

#submitComments {
	margin:			15px 0px 10px 0px;
	width:			454px;
	height:			17px;
	background:		url(../images/content/comments/submitButton.jpg) right no-repeat;
}

#contentComments .title {
	float:			left;
	width:			72px;
	height:			20px;
	margin-left:	4px;
	background-image:	url("../images/content/titleComments.jpg");
}

.contentComments .title1 {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#f2f2f2;
	float:			left;
	padding-top:	3px;
	margin-left:	2px;
}

.contentComments .titleBright {
	font-size:		10px;
	color:			#fff;
}

.contentComments .titleContent {
	margin-top:		4px;
}

#Content .contentComments .middleM {
	height:				100%;
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	color:			#e5e5e5;
	padding:		0px 5px 10px 5px;
}

#Content .contentComments {
	margin-top:		14px;
}

.textBody5 {
	color:			#ffffff;			
	font-size:		11px;
	margin:			-8px 100px 20px 0px;
}


/* ---------------------
    enhanced contentComments
--------------------- */

#enhancedContent .contentComments {
	margin-bottom:	20px;
}

#enhancedContent .contentComments .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/comments/topL.jpg);
}

#enhancedContent .contentComments .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/comments/topR.jpg);
}

#enhancedContent .contentComments .header {
	height:			50px;
	background:		url(../images/content/comments/headerM.jpg);
}

#enhancedContent .contentComments .headerArt {
	width:			205px;
	height:			50px;
	background:		url(../images/content/comments/headerArt.jpg);
}

#enhancedContent .contentComments .headerR {
	float:			right;
	width:			14px;
	height:			50px;
	background:		url(../images/content/comments/headerR.jpg);
}

.textBody3 {
	color:			#ffffff;			
	font-size:		11px;
	margin:			-5px 20px 5px 18px;
}

#enhancedContent .message {
	font-size:		10px;
	color:			#fff;
	text-align:		center;
}

/* ---------------------
    contentNewsletter
--------------------- */

.contentNewsletter .title {
	float:			left;
	width:			140px;
	height:			20px;
	margin-left:	4px;
	background-image:	url("../images/content/titleNewsletter.jpg");
}

#formNewsletter {
	color:			#f2f2f2;
	font-size:		11px;
}

#formNewsletter .form {
	width:			280px;
	margin:			0px 0px 20px 7px;
}

#formNewsletter .formL {
	float:			left;
	width:			100px;
}

#formNewsletter .formR {
	float:			right;
}

#submitNewsletter {
	margin-top:		2px;
	width:			280px;
	height:			17px;
	background:		url(../images/content/newsletter/submitButton.jpg) right no-repeat;
}

/* ---------------------
    contentBox3
--------------------- */


#contentBox3 .title {
	float:			left;
	width:			86px;
	height:			20px;
	margin-left:		10px;
	background-image:	url("../images/content/title3.jpg");
}

#contentBox3 .middleM {
	padding:		25px 0px 25px 0px;
}


/* ---------------------
    contentContact
--------------------- */

#contentContact .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/contact/topL.jpg);
}

#contentContact .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/contact/topR.jpg);
}

#contentContact .header {
	height:			50px;
	background:		url(../images/content/contact/headerM.jpg);
}

#contentContact .headerArt {
	width:			214px;
	height:			50px;
	background:		url(../images/content/contact/headerArt.jpg);
}

#contentContact .headerR {
	float:			right;
	width:			14px;
	height:			50px;
	background:		url(../images/content/contact/headerR.jpg);
}

#contentContact .textImage1 {
	margin:			20px 0px 7px 0px;
	width:			218px;
	height:			20px;
	background:		url(../images/content/contact/personalInformation.jpg) no-repeat bottom;
}

#contentContact .textImage2 {
	margin:			20px 0px 7px 0px;
	width:			207px;
	height:			20px;
	background:		url(../images/content/contact/projectInformation.jpg) no-repeat bottom;
}

#contactForm {
	color:			#f2f2f2;
	font-size:		11px;
	margin-left:	10px;
	padding-bottom:	50px;
}

#contactForm .formL {
	float:			left;
	width:			140px;
}

#contactForm .formR {
	float:			right;
}

#contactForm .form {
	width:			459px;
	margin-left:	7px;
}

#contentContact #selectField {
	width:			180px;
}

#submitContact {
	float:			right;
	width:			68px;
	height:			17px;
	background:		url(../images/content/contact/submitButton.jpg);
}

/* ---------------------
    contentServices
--------------------- */

#contentServices .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/services/topL.jpg);
}

#contentServices .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/services/topR.jpg);
}

#contentServices .header {
	height:			54px;
	background:		url(../images/content/services/headerM.jpg);
}

#contentServices .headerArt {
	width:			230px;
	height:			54px;
	background:		url(../images/content/services/headerArt.jpg);
}

#contentServices .headerR {
	float:			right;
	width:			14px;
	height:			54px;
	background:		url(../images/content/services/headerR.jpg);
}

#contentServices .image1 {
	margin:		20px 0px 10px 0px;
	width:			247px;
	height:			47px;
	background:		url(../images/content/services/webDesign1.jpg) bottom no-repeat;
}

.servicesList {
	font-size:		11px;
	margin:			5px 100px 0px 70px;
}

#blueBulletPoints {
	list-style-image:	url(../images/content/services/blueBulletPoints.jpg);
}

#greenBulletPoints {
	list-style-image:	url(../images/content/services/greenBulletPoints.jpg);
}

#pinkBulletPoints {
	list-style-image:	url(../images/content/services/pinkBulletPoints.jpg);
}

#contentServices .textImage1 {
	padding-top:	30px;
	width:			120px;
	height:			25px;
	background:		url(../images/content/services/webDesign.jpg) no-repeat bottom;
}

#contentServices .textImage2 {
	padding-top:	30px;
	width:			152px;
	height:			25px;
	background:		url(../images/content/services/graphicDesign.jpg) no-repeat bottom;
}

#contentServices .textImage3 {
	padding-top:	30px;
	width:			102px;
	height:			25px;
	background:		url(../images/content/services/animation.jpg) no-repeat bottom;
}

/* ---------------------
    contentAbout
--------------------- */

#contentAbout .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/about/topL.jpg);
}

#contentAbout .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/about/topR.jpg);
}

#contentAbout .header {
	height:			58px;
	background:		url(../images/content/about/headerM.jpg);
}

#contentAbout .headerArt {
	width:			278px;
	height:			58px;
	background:		url(../images/content/about/headerArt.jpg);
}

#contentAbout .headerR {
	float:			right;
	width:			14px;
	height:			58px;
	background:		url(../images/content/about/headerR.jpg);
}

#contentAbout .textImage1 {
	margin-top:		70px;
	width:			135px;
	height:			22px;
	background:		url(../images/content/about/aboutUtral.jpg) no-repeat bottom;
}

#contentAbout .textImage2 {
	padding-top:	29px;
	width:			100px;
	height:			22px;
	background:		url(../images/content/about/aboutMe.jpg) no-repeat bottom;
}

#contentAbout .middleM {
	height:			100%;
}

/* ---------------------
    contentProjects
--------------------- */

#contentProjects .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/projects/topL.jpg);
}

#contentProjects .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/projects/topR.jpg);
}

#contentProjects .header {
	height:			58px;
	background:		url(../images/content/projects/headerM.jpg);
}

#contentProjects .headerArt {
	width:			278px;
	height:			58px;
	background:		url(../images/content/projects/headerArt.jpg);
}

#contentProjects .headerR {
	float:			right;
	width:			14px;
	height:			58px;
	background:		url(../images/content/projects/headerR.jpg);
}

#contentProjects .textImage1 {
	padding-top:	30px;
	width:			135px;
	height:			22px;
	background:		url(../images/content/projects/aboutUtral.jpg) no-repeat bottom;
}

#contentProjects .textImage2 {
	padding-top:	40px;
	width:			100px;
	height:			22px;
	background:		url(../images/content/projects/aboutMe.jpg) no-repeat bottom;
}

#contentProjects .middleM {
	height:			100%;
}

/* ---------------------
    contentCurrentProjects
--------------------- */

#contentCurrentProjects {
	padding-top:		10px;
}

#contentCurrentProjects .imagestatus {
	padding:		0px 0px 5px 90px;
	height:			21px;
	width:			191px;
}

#contentCurrentProjects .imagestatus1 {
	padding:		0px 0px 5px 90px;
	height:			21px;
	width:			191px;
	background:		url(../images/content/projects/statusBar5.jpg) no-repeat right;
}

#contentCurrentProjects .imagepreview {
	height:			50px;
	background:		url(../images/content/projects/buttonPreview.jpg) no-repeat center;
}

#contentCurrentProjects .numberStatus {
	margin-left:	155px;
	font-size:		10px;
	padding:		0px 0px 17px 100px;
	color:			#d5d5d5;
}

#contentCurrentProjects .middle div{
	margin-left:		12px;
	margin-top:			-2px;
	margin-bottom:		-12px;
}

#contentCurrentProjects .projectTitle {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	float:				left;
	font-weight:		bold;
}

#contentCurrentProjects .projectTitle1 {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	padding-top:		12px;
	font-size:			10px;
	float:				left;
	font-weight:		bold;
}

#contentCurrentProjects .projectTitleStatus {
	padding-bottom:		10px;
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:			10px;
	float:				left;
	font-weight:		bold;
}

#contentCurrentProjects .projectContent {
	font-size:			11px;
	padding:		0px 0px 8px 105px;
	color:			#d5d5d5;
}

#contentCurrentProjects .projectContent1 {
	font-size:			11px;
	padding:		12px 80px 8px 105px;
	color:			#d5d5d5;
}

#contentCurrentProjects .middle {
	background:		#242424;
}

#contentCurrentProjects .top {
	height:			40px;
	background:		url(../images/content/projects/top.jpg);
}

#contentCurrentProjects .title {
	padding-top:	5px;
	height:			25px;
	width:			220px;
	background:  	url(../images/content/projects/titleProjectInformation.jpg) bottom no-repeat;	
}

#contentCurrentProjects .bottom {
	height:			34px;
	background:		url(../images/content/projects/bottom.jpg);
}

/* ---------------------
    contentWebDesign
--------------------- */

.WebDesign .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/WebDesign/topL.jpg);
}

.WebDesign .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/WebDesign/topR.jpg);
}

.WebDesign .header {
	height:			58px;
	background:		url(../images/content/WebDesign/headerM.jpg);
}

.WebDesign .headerR {
	float:			right;
	width:			14px;
	height:			58px;
	background:		url(../images/content/WebDesign/headerR.jpg);
}

/* ---------------------
    contentDesigns
--------------------- */

#contentDesigns .headerArt {
	float:			left;
	width:			201px;
	height:			58px;
	background:		url(../images/content/WebDesign/Designs/headerArt.jpg);
}

/* ---------------------
    contentIntros
--------------------- */

#contentIntros .headerArt {
	float:			left;
	width:			201px;
	height:			58px;
	background:		url(../images/content/WebDesign/Intros/headerArt.jpg);
}

/* ---------------------
    contentWorkDescriptions
--------------------- */

#workDescriptions1 {
	margin-right:	10px;
	margin-top:		-5px;
	margin-bottom:	5px;
}

#workDescriptions .workTitle {
	font-weight:	bold;
	float:			left;
}

#workDescriptions .workContent {
	padding:		0px 140px 0px 105px;
	color:			#d5d5d5;
}

#workDescriptions div {
	margin-bottom:	15px;
}



/* ---------------------
    contentVisualArt
--------------------- */

.VisualArt .viewArtistic {
	padding:		10px auto;
}

.VisualArt .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/VisualArt/topL.jpg);
}

.VisualArt .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/VisualArt/topR.jpg);
}

.VisualArt .header {
	height:			60px;
	background:		url(../images/content/VisualArt/headerM.jpg);
}

.VisualArt .headerR {
	float:			right;
	width:			14px;
	height:			60px;
	background:		url(../images/content/VisualArt/headerR.jpg);
}

/* ---------------------
    contentArtisticWork HomePage
--------------------- */


#contentArtisticWork .title {
	float:			left;
	width:			101px;
	height:			20px;
	margin-left:	3px;
	background-image:	url("../images/content/titleNewEraWork.jpg");
}

#contentArtisticWork .topTitle {
	float:			right;
	width:			95px;
	height:			20px;
	margin-right:	-19px;
	background-image:	url("../images/content/titleViewArtistic.jpg");
}

#contentArtisticWork .topTitle a {
	display:		block;
	width:			95px;
	height:			20px;
	margin-right:	-19px;
}


/* ---------------------
    contentProfessionalWork HomePage
--------------------- */

#contentProfessionalWork .topTitle {
	float:			right;
	width:			95px;
	height:			20px;
	margin-right:	-19px;
	background-image:	url("../images/content/titleViewProfessional.jpg");
}

#contentProfessionalWork .title {
	float:			left;
	width:			137px;
	height:			20px;
	margin-left:	4px;
	background-image:	url("../images/content/titleProfessionalWork.jpg");
}

#contentProfessionalWork .topTitle a {
	display:		block;
	width:			95px;
	height:			20px;
	margin-right:	-19px;
}

#contentProfessionalWork . {
	float:			right;
	width:			95px;
	height:			20px;
	margin-right:	-19px;
	background-image:	url("../images/content/titleViewProfessional.jpg");
}

/* ---------------------
    contentProfessionalWork
--------------------- */

.contentProfessionalWork {
	padding:		10px auto;
}

.contentProfessionalWork .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/professional/topL.jpg);
}

.contentProfessionalWork .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/professional/topR.jpg);
}

.contentProfessionalWork .header {
	height:			58px;
	background:		url(../images/content/professional/headerM.jpg);
}

.contentProfessionalWork .headerR {
	float:			right;
	width:			14px;
	height:			58px;
	background:		url(../images/content/professional/headerR.jpg);
}

.contentProfessionalWork .headerArt {
	float:			left;
	width:			278px;
	height:			58px;
	background:		url(../images/content/professional/headerArt.jpg);
}

/* ---------------------
    contentNewEra
--------------------- */

.contentNewEra {
	padding:		10px auto;
}

.contentNewEra .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/newera/topL.jpg);
}

.contentNewEra .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/newera/topR.jpg);
}

.contentNewEra .header {
	height:			58px;
	background:		url(../images/content/newera/headerM.jpg);
}

.contentNewEra .headerR {
	float:			right;
	width:			14px;
	height:			58px;
	background:		url(../images/content/newera/headerR.jpg);
}

.contentNewEra .headerArt {
	float:			left;
	width:			278px;
	height:			58px;
	background:		url(../images/content/newera/headerArt.jpg);
}




/* ---------------------
    contentPaintings
--------------------- */

#contentPaintings .headerArt {
	float:			left;
	width:			225px;
	height:			60px;
	background:		url(../images/content/VisualArt/Paintings/headerArt.jpg);
}

/* ---------------------
    contentArtistic
--------------------- */

#enhancedContent #contentArtistic .middleM {
	height:			0px;
}

#contentArtistic .headerArt {
	float:			left;
	width:			225px;
	height:			60px;
	background:		url(../images/content/VisualArt/Artistic/headerArt.jpg);
}

/* ---------------------
    contentGraphics
--------------------- */

#contentGraphics .headerArt {
	float:			left;
	width:			225px;
	height:			60px;
	background:		url(../images/content/VisualArt/Graphics/headerArt.jpg);
}

/* ---------------------
    contentBanners
--------------------- */

#contentBanners .headerArt {
	float:			left;
	width:			225px;
	height:			60px;
	background:		url(../images/content/VisualArt/Banners/headerArt.jpg);
}

/* ---------------------
    contentLogos
--------------------- */

#contentLogos .headerArt {
	float:			left;
	width:			201px;
	height:			58px;
	background:		url(../images/content/WebDesign/Logos/headerArt.jpg);
}

/* ---------------------
    contentAnimation
--------------------- */

.Animation .topL {
	float:			left;
	width:			108px;
	height:			9px;
	background:		url(../images/content/Animation/topL.jpg);
}

.Animation .topR {
	float:			right;
	width:			71px;
	height:			9px;
	background:		url(../images/content/Animation/topR.jpg);
}

.Animation .header {
	height:			57px;
	background:		url(../images/content/Animation/headerM.jpg);
}

.Animation .headerR {
	float:			right;
	width:			14px;
	height:			57px;
	background:		url(../images/content/Animation/headerR.jpg);
}

/* ---------------------
    contentEffects
--------------------- */

#contentEffects .headerArt {
	float:			left;
	width:			224px;
	height:			57px;
	background:		url(../images/content/Animation/Effects/headerArt.jpg);
}

/* ---------------------
    contentAnimations
--------------------- */

#contentAnimations .headerArt {
	float:			left;
	width:			224px;
	height:			57px;
	background:		url(../images/content/Animation/Animations/headerArt.jpg);
}

/* ---------------------
    contentLivePreview
--------------------- */

#contentLivePreview a {
	margin:			0px auto;
	width:			427px;
	height:			54px;
	display:		block;
}

/* ---------------------
    buttonsLivePreview
--------------------- */

#buttonLivePreviewBlue {
	height:			54px;
	background:		url(../images/content/buttonLivePreviewBlue.jpg) no-repeat center;
}

#buttonLivePreviewGreen {
	height:			54px;
	background:		url(../images/content/buttonLivePreviewGreen.jpg) no-repeat center;
}

#buttonLivePreviewPurple {
	height:			54px;
	background:		url(../images/content/buttonLivePreviewPurple.jpg) no-repeat center;
}

#buttonLivePreviewPink {
	height:			54px;
	background:		url(../images/content/buttonLivePreviewPink.jpg) no-repeat center;
}

/* ---------------------
    contentWorkPreview
--------------------- */

#contentWorkPreview .title {
	float:			left;
	width:			98px;
	height:			20px;
	margin-left:	4px;
	background-image:	url("../images/content/titleWorkPreview.jpg");
}

/* ---------------------
    contentAnimationPreview
--------------------- */

#contentAnimationPreview .title {
	float:			left;
	width:			129px;
	height:			20px;
	margin-left:	4px;
	background-image:	url("../images/content/titleAnimationPreview.jpg");
}

/* ---------------------
    contentActualPreview
--------------------- */

#contentActualPreview .title {
	float:			left;
	width:			144px;
	height:			20px;
	margin-left:	4px;
	background-image:	url("../images/content/titleActualPreview.jpg");
}

/* ------------------------------
    Content: Agreements
------------------------------ */

#Content .agreementTitle {
	color:			#fff;
	font-weight:	bold;
}

#Content .agreementText {
	color:			#c7c7c7;
}

#agreementContent {
	margin-top:		-5px;
}

/* ---------------------
    contentPrivacy
--------------------- */

#contentPrivacy .title {
	float:			left;
	width:			101px;
	height:			20px;
	margin-left:	2px;
	background-image:	url("../images/content/titlePolicy.jpg");
}

/* ---------------------
    contentDisclaimer
--------------------- */

#contentDisclaimer .title {
	float:			left;
	width:			74px;
	height:			20px;
	margin-left:	2px;
	background-image:	url("../images/content/titleDisclaimer.jpg");
}

/* ---------------------
    contentAgreement
--------------------- */

#contentAgreement .title {
	float:			left;
	width:			126px;
	height:			20px;
	margin-left:	2px;
	background-image:	url("../images/content/titleAgreement.jpg");
}