@charset "utf-8";
/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding:20px 0px 0px 0px; margin:0; line-height: 1.4em;}


.PurpleLink {color:#843E96; padding:0; margin:0; font-weight:bold;}
.WhiteLink {color:#FFFFFF; padding:0; margin:0; font-weight:bold;}



#Frame {width: 960px; height:auto; padding:0; margin-left:auto; margin-right: auto;}
#Banner {width: 960px; height: 60px; padding:0; margin:0; display:block;}
#BannerLeft {width: 630px; height: 52px; padding:0; margin:0; float:left;}
#BannerRight {width: 330px; height: 44px; padding:10px 0px 0px 0px; margin:0; float:left; text-align:right; color: #999999; line-height: 1.3em; overflow: hidden;}

/*
ul#list {width: 330px; height: 35px; padding:0; margin:0;}
#list li {width: 330px; height: 35px; padding:0; margin:0;}

.clearer{  clear:both;}
.ctrotator{  width:330px;  color:#333333;  margin:0;  padding:0;}
.ctrotator-item{  list-style:none;  padding:0px; margin:0; width: 330px; height: 35px; display: block;}
.ctrotator-item a{ }
.ctrotator-item a:hover{}
.ctrotator-item:hover{ }*/

ul#portfolio li{left:0; top:0;}

.Purple {color:#843E96; padding:0; margin:0; font-size: 21px;}

.QuoteHoldAll {width: 330px; height: 20px; padding:0; margin:0; background:#FFFFFF; float:left;  }
.QuoteBox {width:20px;  height:20px; padding:0px 0px 0px 0px; float:right; overflow: none; }
.QuotePurple {font-family: Arial, Helvetica, sans-serif; font-size: 50px; color: #541E78; font-weight: normal;}
.QuoteQuote {font-siize: 12px; padding:0; marign:0; background: #FFFFFF;}
.QuoteCopy {font-size: 12px; min-width:70px; width: auto; height: 20px; padding:0px 5px 0px 5px; margin:0; float:right; text-align: left; font-weight: normal; font-stretch:normal; font-variant:normal;}
.QuoteBy {width: 330px; height:25px; padding:0 5px 0 0; margin:0; background:#FFFFFF; float:right;}


#NavHold {width: 960px; height: 28px; padding:0; margin:0; /*border-left: 1px solid #000000;*/ border-top: 1px solid #999999;}
#NavLeft {width: 694px; *width: 695px; height: 22px; padding:0; margin:0;  float:left; background: url(/images/NavBkgRepeat.jpg) 0 0 repeat-x; border-right: 1px solid #999999; border-left:1px solid #999999; }
#NavRight {width: 263px; height: 22px; padding:0; margin:0; float:left; background: url(/images/ClientLoginBkg.jpg) 0 0 no-repeat;}
a.ClientLogin {width:125px ; height:19px; padding:3px 0px 0px 5px; margin:0; float:left; display:block; color: #FFFFFF; text-decoration: none;}
a:hover.ClientLogin  {color: #FF00FF; }
a.StaffLogin{width:128px; height:19px; padding:3px 0px 0px 5px; margin:0; float:left; display:block; color: #FFFFFF; text-decoration: none;}
a:hover.StaffLogin {color: #FF00FF;}


/* Sty;le navigation here */
ul#navlist {margin: 0; padding: 0; white-space: nowrap;}

#navlist li {display: inline; list-style-type: none; float:left; font-weight: bold; }

#navlist a { padding:0px; margin:0; height:22px; display:block; width: 90px; background: url(/images/NavigationNewTwo.jpg) 0 0 no-repeat; color: #000000; text-decoration: none;}

/*#navlist a:link, #navlist a:visited {color: #fff; background-color: #036; text-decoration: none;}*/

/*#navlist a:hover {color: #fff; background-color: #369; text-decoration: none;}*/

#navlist a.home {width: 86px; height: 19px; padding:3px 0px 0px 30px; margin:0; background-position: 0 -22px;}
#navlist a:hover.home {width: 86px; height: 19px; padding:3px 0px 0px 30px; margin:0; background-position: 0px 0px; color: #FFFFFF;} 

#navlist a.about {width: 111px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position: -116px 0px;}
#navlist a:hover.about {width: 111px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position: -116px -44px; color: #FFFFFF;}

#navlist a.services {width: 111px; height:19px; padding:3px 0px 0px 5px; margin:0; background-position: -232px 0px;}
#navlist a:hover.services {width: 111px; height:19px; padding:3px 0px 0px 5px; margin:0; background-position: -232px -66px; color: #FFFFFF;}

#navlist a.ourwork {width:111px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position:-348px 0px;}
#navlist a:hover.ourwork {width:111px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position:-348px -88px; color: #FFFFFF;}

#navlist a.staff {width: 111px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position:-464px 0px;}
#navlist a:hover.staff {width: 111px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position:-464px -110px; color: #FFFFFF;}

#navlist a.Contact {width: 109px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position:-580px 0px;}
#navlist a:hover.Contact {width: 109px; height: 19px; padding:3px 0px 0px 5px; margin:0; background-position:-580px -132px; color: #FFFFFF;}



/* end of navigation styleing */

#MainContentHold {width: 960px; min-height:377px; height:auto; padding:0; margin:0;}

#Main2ColHold {width: 695px; height:375; padding:0; margin:0; border: 1px solid #999999; float:left;}
#Main2ColHold a {color: #541E78; text-decoration: underline;}
#MainLeft {width: 250px; min-height:320px; height: auto; padding:0; float:left; /*border-right: 1px solid #000000;*/}
#MainLeft h1 {font-size: 18px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}

/* Client Login Stuff */
#ClientLogin {width: 676px; height:30px; padding:90px 10px 10px 10px; margin:0; background: #541E78; color:#FFFFFF; background: url(/images/ClientHeaderBkg.jpg) 0 0 repeat-x;}
#ClientLogin h1 {color: #FFFFFF;}

#ClientContent {width: 676px; height: auto; padding:0px 10px 10px 10px; margin:0;}
#ClientContent h2 {font-size: 13px; font-weight: bold; padding:0; margin:0;}

.DontHave {position:relative; left:350px; top:-125px; width: 290px; height: 0px; margin:0; font-size: 15px; font-weight: bold; color:#666666; line-height: 1.4em;}

.lighterGrey {color: #999999; font-size: 13px;}

.ClientUsername {font-size: 12px; font-weight: bold; color: #666666;}

.textInputs {border: 1px solid #999999; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding:3px; height: 16px; width: 230px;}

.PasswordsInputs {border: 1px solid #999999; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding:3px; height: 16px; width: 160px;}

a.Forgot {color: #541E78; font-style: italic; font-weight: bold; text-decoration: none;}
a.Forgot :hover {color: #666666;}

.LoginButton {width: 100px; height: 25px; padding:0; margin:0; border:none; background: url(/images/LoginButtonBkg.jpg); color: #FFFFFF; font-weight:bold; font-size: 12px;}

.formHold {width: 350px; float:left; height:auto; padding:0; margin:0; }

#WelcomeIntro {width: 676px; height:auto; padding:10px; padding-top:0px; margin:0;}
#WelcomeIntro h2 {font-size: 13px; font-weight: bold; padding:0; margin:0;}




#MainLTop {width: 240px; height: 94px; *height: 97px; padding:5px 4px 5px 5px; margin:0; background: #FFFFFF; overflow: hidden;}
#MainLTop h1 {font-size: 18px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}


#MainLBottom {width: 249px; height:auto; padding:0; margin:0; bottom:0px; /*border-right: 1px solid #999999;*/}
/* li styling for home page */

#navcontainer { width: 220px; padding:0; margin:0; height:auto;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
height:20px;
padding: 5px 0px 0px 8px;
margin:0;
width: 241px;
background: url(/images/LiBack.jpg) 0 0 repeat-x;
border-bottom: 1px solid #eee; border-top: 1px solid #999999;
}

#navcontainer a:link, #navlistSub a:visited
{
color: #000000;
text-decoration: none;
font-size: 12px;
}

#navcontainer a:hover
{
background: url(/images/LiBackHover.jpg) 0 0 repeat-x;
color: #fff;
}

/* end of styling */





#MainMiddle {width: 445px; height: 377px; padding:0; float:left; /*overflow: hidden;*/ /*border-left: 1px solid #999999;*/ margin:0;/*border-right: 1px solid #000000; border-bottom: 1px solid #000000;*/ background:#ebebeb;}
#MainMiddle h1 {font-size: 18px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}
#MainMiddlePic {width: 445px; height: 178px; padding:0; margin:0;}
#MainMiddleCopy {width: 435px; min-height:120px; padding:10px 5px 5px 5px; margin:0; overflow: auto;}
#MainMiddleCopy h1 {font-size: 20px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}
#MainMiddleCopy h2 {font-size: 16px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}

#MainRight {width:249px; *width:248px; height: auto; padding:6px 5px 0px 5px; float:left; background: #541E78; margin:0; margin-left: 3px; *margin-left:4px; }
#NewsTitle {width: 242px; height:25px; padding:5px 0px 0px 5px; margin:0; margin-bottom: 6px; font-size: 18px; font-weight: normal; background: #eee8f1;}

.NewsStoryHold {width: 237px; height: 65px; padding:5px; margin:0; background: #eee8f1; border-bottom: 4px solid #541E78; line-height: normal; }
.NewsStoryLeft {width: 165px; height: 65px; padding:0px 3px 0px 0px; margin:0; float:left; }
.NewStroyImg {width: 65px; height: 65px; padding:0; margin:0; float:left; border: 1px solid #000000;}
.NewsStoryTitle {font-weight: bold; font-size: 12px; padding:0; margin:0;}
.NewsStoryTitle a {color: #000000; text-decoration: none;}
.NewsStoryTitle a:hover {color: #999999;}

#NewsArticle {width: 678px; height:auto; padding:0px 0px 0px 8px; margin:0;}
#NewsArticle h1 {color: #541E78;}

#NewsArticleImage {width:130px; height:130px; float: right; padding:0px 10px 10px 10px; margin:0;}
.NewsArticleDate {font-size: 15px;}





a.readMore{width: 75px; height: 17px; padding:2px 0px 0px 5px; margin:0; margin-top: 4px; color: #000000; display: block; background: url(/images/MoreNews.jpg) 0 0 no-repeat; text-decoration: none;}
a:hover.readMore {color: #990000;}

a.MoreNews {width: 75px; height: 19px; padding:2px 0px 0px 5px; margin:0; margin-left:5px; color: #000000; display:block; background: url(/images/MoreNews.jpg) 0 0 no-repeat; text-decoration: none;}
a:hover.MoreNews {color: #990000;}


/* our work image gallery right hand side  */

.WorkGHold {width:235px; height: 348px; padding:0px 0px 2px 0px; margin-left:auto; margin-right:auto;}
.WorkG {width: 65px; height: 65px; padding:0; margin:0; margin-bottom: 3px; margin-right: 19px; margin-top:3px; float:left; /*border: 1px solid #999999;*/}

.WorkG img {border: 1px solid #999999;}

.WorkG img:hover {/*width: 64px; height: 64px;*/ border: 2px solid #FFCC00;}

.WorkG img.selected {border: 2px solid #FFCC00;}

/* buttons for our work scroller */

#ScrollButton {width: 235px; height:14px; padding:6px 0px 0px 0px; margin-left:auto; margin-right:auto;}
.LeftButton {width: 43px; height: 14px; padding:0; marign:0; float:left;}
.RightButton {width: 43px; height: 14px; padding:0; margin:0; float:right;}

/* case studies only 2 column big */


#MainLeftCol {width:480px; height:auto; padding:0; margin:0; float:left;}
#MainLeftCol h1 {font-size: 20px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}
#MainRightCol {width: 480px; height:auto; padding:0; margin:0; float:left;}

.TopImage {width: 480px; height: 288px; padding:0; margin:0; border-bottom: 4px solid #FFFFFF;}
.SmallPics {width: 158px; height: 138px; padding:0px 3px 0px 0px; margin:0; float:left;}
.picLast {padding-right: 0px;}

.MainPicTwoCol {width: 480px; height:auto; padding:0; margin:0;}



/* END OF CASE STUDIES */


#GalleryMain {width: 957px; height:435px; padding:5px 0 5px 2px; margin:0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }

#SelectionHold {width: 958px; height:26px; padding:0; margin:0;}
#LeftSelection {width: 145px; height: 20px; padding:6px 0px 0px 10px; margin:0; margin-right:5px; float:left; color: #333333; background:url(/images/GalleryNotSelectBkg.jpg) 0 0 repeat-x; font-size: 13px; font-weight: bold;}
#LeftSelection a {color: #333333; padding:0; margin:0; text-decoration:none;}
#LeftSelection a:hover {color: #663399;}
#RightSelection {width: 798px; height: 26px; padding:0; margin:0; float:left; color: #FFFFFF; background: url(/images/GallerySelectBkg.jpg) 0 0 repeat-x; font-size: 13px; font-weight: bold;}

#RSLeft {width: 753px; height: 20px; padding:6px 0px 0px 10px; margin:0; float:left;}
#RSRight {width: 30px; height: 16px; padding:5px 0px 0px 0px; margin:0; float:left;}

.ArrowBack {width: 15px; height:16px; padding:0; margin:0; float:left;}



#RightSelection a {color: #FFFFFF; padding:0; margin:0; text-decoration:none;}
#RightSelection a:hover {color: #663399;}

.GThumb {width: 132px; height: 129px; padding:0; margin:0; margin-right: 4px; margin-bottom: 4px; float:left;}
.GThumb .Last {margin:0;}

#galNavHold {width: 30px; height:auto; padding:0; margin:0; float: right;}
.galnav {width:15px; height:16px; padding:0; margin:0; float:left;}


/* MODEL PROFILE PAGE LAYOUT */

#ColLeft {width:132px; height:auto; padding:0px 5px 0px 0px; margin:0; float:left;}
#ColMidCopy {width:410px; height:auto; padding:0px 10px 0px 10px; margin:0; float:left; font-size: 12px;}
#ColMidCopy h1 {font-size: 20px; font-weight: normal; padding:0; margin:0; margin-bottom: 8px;}
#ColRighMainPic {width: 480px; height:auto; padding:0; margin:0; float:left;}



#PodHold {width: 960px; height: 135px; padding:8px 0px 0px 0px; margin:0;}

.PodMain {width:156px; height: 131px; padding:0px 4px 0px 0px; margin:0; float:left; /*margin-right:4px;*/}
.PodMain a.Start{width: 156px; height: 11px; padding:120px 0px 0px 0px; margin:0; margin-right: 0px; background: #FF0000; float:left; text-decoration: none;}
.PodMain a.Finish{width: 156px; height: 11px; padding:120px 0px 0px 0px; margin:0; margin-right: 0px; background: #FF0000; float:left; text-decoration: none;}


/*.Pod a.Start{width: 156px; height: 131px; padding:0px 0px 0px 0px; margin:0; margin-right: 4px; background: #FF0000; float:left;}
.Pod a.Finish{width: 156px; height: 131px; padding:0px 0px 0px 0px; margin:0; margin-right: 4px; background: #FF0000; float:left;}*/



/*.PodTitle {width: 132px; min-height:25px; height: auto; padding:6px 0px 0px 4px; margin:0; background: #541E78; color: #FFFFFF; text-decoration: none; position: relative; top: -45px; font-weight: bold; cursor:pointer; font-size: 10px;    filter: alpha(opacity=85);*/ /* here you can set the opacity of box with text */
   /*-moz-opacity: 0.85; /* here you can set the opacity of box with text */
  /* -khtml-opacity: 0.85; /* here you can set the opacity of box with text */
  /* opacity: 0.85; /* here you can set the opacity of box with text */


.PodTitle { font-family: Arial, Helvetica, sans-serif;  width: 132px; min-height:31px; height: auto; padding:0px 0px 0px 4px; margin:0; background: #541E78; color: #FFFFFF; text-decoration: none; position: relative; top: -45px; font-weight: normal; cursor:pointer; font-size: 11px; line-height: 1.2em;    filter: alpha(opacity=85); /* here you can set the opacity of box with text */
   -moz-opacity: 0.85; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.85; /* here you can set the opacity of box with text */
   opacity: 0.85; /* here you can set the opacity of box with text */}

.PodTitle a {text-decoration:none;}



#PodMainHold {width: 900px; height:98px; padding:20px 0px 0px 0px; margin:0;}

#GalleryMain .stepcarousel{
width: 958px; height: 405px;
position:relative;/*leave this value alone*/
overflow: hidden; /*leave this value alone*/
top:0; left:0;
padding:0; margin:0;
}

#GalleryMain .stepcarousel .belt{width: 958px; height: 405px; display:block;
position: absolute; /*leave this value alone*/
top:0; left:0;
padding:0; margin:0;
}

#GalleryMain .stepcarousel .belt h2{
 text-transform:uppercase;
}

.PodButtonLeft {width: 15px; height:98px; padding:0; margin:0; float:left; border-right: 3px solid #FFFFFF;}
.PodButtonRight {width: 15px; height:98px; padding:0; margin:0; float:left; border-left: 3px solid #FFFFFF; text-align: right;}

/*#PodGallery .panel{
width: 170px;
height: 98px;
font: bold 28px Arial;
text-align: left;
background-color: black;
color: white;
border-right: 3px solid #FFFFFF;
}*/

/*#PodGallery .panel a {width: 165px; height:14px; padding:84px 0px 0px 5px; margin:0; display: block; text-decoration: none;}
#PodGallery .panel a:hover {}

#PodGallery .panel h2 {font-size: 10px; color: #00ADEF; padding:0; margin:0; font-weight:normal; }*/

#GalleryMain .panel {width: 958px; height: 405px; padding:0px 5px 0px 5px; margin:0;}





.CaseStudyCarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 237px; /*Width of Carousel Viewer itself*/
height: 356px; /*Height should enough to fit largest content's height*/
}

.CaseStudyCarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.CaseStudyCarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 237px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 356px;
padding:0px 0px 0px 0px;
}









/*
#PodGallery .panel {width: 170px; height: 98px; text-align: left; background-color: black; color: white; border-right: 3px solid #FFFFFF; float:left; cursor:pointer;}


#PodGallery .panel a.Start {width: 165px; height:14px; padding:84px 0px 0px 5px; margin:0; display: block; text-decoration: none;}
#PodGallery .panel a.Finish  {width: 160px; height:88px; padding:5px; margin:0; display: block; text-decoration: none;}
#PodGallery .panel a:hover {}

#PodGallery .panel .Content {width: 160px; height: 79px; padding:0; margin:0; display:block; color: #FFFFFF; cursor:pointer;}
#PodGallery .panel h2 {font-size: 10px; color: #00ADEF; padding:0; margin:0; font-weight:normal; }

#PodGallery .panel .MainTitle {font-size: 10px; color: #00ADEF; padding:0; margin:0; font-weight:normal; text-transform:uppercase;}*/





#Footer {width: 960px; height: 30px; padding:0; margin:0;  clear:both;}
#Footer a{color: #541E78;}
#FooterLeft {width: 220px; height: 21px; padding:2px 0px 0px 27px; margin:0; margin-top: 3px; float:left; background: url(/images/SpeakFooter.jpg) 0 0 no-repeat;color: #FFFFFF;}
#FooterRight {width: 670px; height: 30px; padding:0px 0px 0px 10px; margin:0; float:left; font-weight: normal; font-size:9px; font-family: Tahoma;}
#Address {width: 300px; height: 21px; padding:0; margin:0;}



a.ModelButtons{width: 125px; height: 22px; padding:6px 0px 0px 8px; margin:0; display:block; background: url(/images/ModelsButton.jpg) 0 0 no-repeat; color: #000000; text-decoration:none; float:left; margin-right: 10px; font-size: 11px; font-weight: bold;}
a.ModelButtons:hover {color: #660099; text-decoration: none;}



/* accordion list */

#list1  {
	width: 249px;
	margin:  0px;
	padding: 0px;
	border:none;


}
/*#list1 p {
	margin-bottom : 10px;
	border: none;
	color: #0c449b;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
	background-color: #80cfe2;
	overflow: hidden;
	height: 10em;	
}*/
#list1 h3 {
	cursor:pointer;
	display:block;
/*	min-height: 15px;*/
	height:auto;
	padding:5px;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	*font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(/images/LiBack50percent.jpg) 0px bottom repeat-x;
	background-color: #FFFFFF;
}
#list1 h3:hover {
	color: #843E96;
	background-color: white;
}
#list1 h3.selected {
	color: #843E96;
	background-color: #FFFFFF;
	/*border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
}

#list1 a {
	cursor:pointer;
	display:block;
/*	min-height: 15px;*/
	height:auto;
	padding:5px;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	*font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(/images/LiBack50percent.jpg) 0px bottom repeat-x;
	background-color: #FFFFFF;
}
#list1 a:hover {
	color: #843E96;
	background-color: white;
}
#list1 a.selected {
	color: #843E96;
	background-color: #FFFFFF;
	/*border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
}

#list1 .content {padding: 0px 5px 0px 5px; margin:0; background: url(/images/LiBack50percent.jpg) 0 bottom repeat-x; background-color:#FFFFFF; height:8.6em; *height: 9em; /*display: block;*/ overflow: hidden;}

/* SCROLLING IMAGES HOME PAGE */

.pics { height: 490px; width: 532px; padding:0; margin:0; overflow: hidden }
.pics img { height: 490px; width: 532px; padding: 0px 0px 0px 0px; margin:0; top:0; left:0 }
/*.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;*/
	
#navlistHome
{font-size: 12px;
padding: 0;
margin: 0;

width: 158px;
height: 200px;
*height: 201px;
background: #CCCCCC;

}

#navlistHome li
{
list-style: none;
margin: 0;
padding: 0.35em;
background: url(/images/LiBack.jpg) 0px bottom repeat-x #FFFFFF;
border-bottom: 1px solid #FFFFFF; border-top: 1px solid #999999;
}

#navlistHome li a { text-decoration: none; /*color: #660099;*/ color:#541E78; }
#navlistHome li a:hover {color: #999999;}	
	

#LoginPhoto {width: 300px; height: 300px; padding:0px 20px 0px 0px; margin:0; float:left;}
#LoginDetails {width: 300px; height: auto; padding:0; margin:0; float:left;}


.IconHold {width: 600px; height: 45px; padding:0; margin:0}
.IconImg {width: 40px; height: 40px; padding:0px 10px 0px 0px; margin:0; float:left;}
.IconText {width: 120px; height: 30px; padding: 10px 0px 0px 0px; margin:0; font-weight: bold; float:left;}
.IconText a {color: #660099; text-decoration: none;}
.IconText a:hover {color: #666666;}


/* Clients page styling */

.ClientDrop {font-size: 14px; font-weight: bold; padding:0px 0px 0px 0px; height:20px; display: block;}

.CUF {width: 905px; padding:10px; border-bottom: 1px solid #FFFFFF; background: url(/images/ClientHomeSection.jpg) 0 0 repeat-x; border-top: 1px solid #FFFFFF;}

.CUFImages {width:100px; height:auto; padding:0; padding-right:6px; margin:0; float:left; margin-bottom: 6px;}
.CUFdate {color: #843E96; font-weight: bold; font-size: 12px;}
.CUFName {font-size: 14px;}