body {color:#333333;background-color: #000000; margin-top:11px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px}
h1{ font-size:22px; font-weight:bold; padding:0; margin:0;padding-top:8px;padding-bottom:8px;}
h2{ font-size:16px; font-weight:bold; padding:0; margin:0;}
.h1 { line-height:26px; }

p{ margin:0; padding:0;}
#contenttop p { margin:0.5em 0; }
#contenttop h2 { margin-top:1em; }

#holder {margin: 0 auto;width:738px;}
#container{ background:url(images/container.jpg) no-repeat top  #FFFFFF;padding:6px 6px 0 22px; width:709px;}
#containerbg{background:url(images/containerbg.jpg) top right no-repeat; }

#contenttop{ padding-right:290px;}
#contenttop a {color:black}
#contenttop a:link {color:black}
#contenttop a:visited {color:black}

#banner{ float:left; width: 737px; padding-top:17px;}
#logo{float:left; width:212px}
#topmenu{float:left; width: 515px;}
.menu{  text-align:left; padding-left:10px; text-align:right; height:34px; padding-top:19px; font-size:14px;}
.menu li, .menu ul{margin:0;list-style:none; padding:0; ;}
.menu li{ padding-right:10px; padding-left:14px; float:left}
.menu a { color:#c1c1c1; text-decoration:none;}
.menu a:hover{color:#ed0781}

#adjust{padding-top:20px; padding-bottom:40px}
#squarenav ul{margin:0;list-style:none; padding:0; }
#squarenav li{ float:left; padding-right:9px; padding-left:9px; padding-top:13px}
#squarenav a{ width:95px; height:50px; border:3px #FFFFFF solid; display:block; background-color:#dfdfdf; padding:10px; text-decoration:none; font-size:14px; color:#757575}
#squarenav a:hover, #selected a{ background-color:#ed0781; color:#FFFFFF}

#squarenav li.small{ }
#squarenav a.small{ width:70px; height:45px; font-size:12px; }
#squarenav a.small:hover, #selected .small a{ }

#directory ul { list-style-type:none; margin:2em 0 2em 1em; padding:0; clear:left;}
#directory li { background:url(/images/bullet-pink.gif) left 3px no-repeat; margin:0; padding:0; }
#directory li a { text-decoration:underline;padding-left:20px; font-size:1.2em; font-weight:bold; }
#directory li a:hover { color:#ed0781; }

#hpbanners { float:right; width:205px; margin-top:2em; }
#hpbanners div.ban {border:none; margin: 5px 0 10px 0; padding:0; }
#hpbanners img { border:none; }

#smallbanners {float:right;width:130px;margin:1em 2em 0 0; }
#smallbanners div.ban { margin:0 0 0.65em 0 }
#smallbanners img { border:none; }

#contact{background-color:#ec0881; padding:20px; color:#FFFFFF}
#contact h1{ font-weight:normal; font-size:15px; padding-top:0px;}
#contact h2{ font-weight:normal; font-size:13px; font-weight:bold; padding-top:5px}

#footer{ padding-left:30px; background:url(images/footer.jpg); height:30px; color:#FFFFFF; padding-top:11px}
#copyright{ float:left; width:75%}
#designby{ float:right; width:25%}
#designby a { color:#3c3c3c; text-decoration:none}
#designby a:hover{ text-decoration: underline}
#footerlinks { margin:0 auto; width:600px; padding-left:80px}

.clear{ clear:both}

#contact a{color:White;}
#breadcrumb {font-size:11px;}
#breadcrumb a:hover {color:#EC0881;}

#myGallery{height:253px;
padding-bottom:10px;
width:737px;}

#twitter { float:right;margin:-4.25em 1em 0 0; }
#twitter img { border:none; }

/* Listing Page */
.listingbox{ border:#cccccc 1px solid; margin-bottom:15px; background: #FFFFFF url(images/boxbg.jpg) bottom repeat-x; padding:8px; margin-bottom:16px}
.listingright{float:right; width:200px; padding-left:10px}
.listingright div{ float:right;padding-top:4px;}

.listingtitle img,.listingtitle h2  { float:left}
.listingtitle img {padding-right:20px}
.listingtitle h2 {padding-top:20px;color:#ed0781;font-size:18px;}
.listingleft{float:left; }
.listingdesc{padding-top:15px;}
.fixthewidth{ width:479px}
.padleft{padding-left:5px;}


/* Profile Page */


#profile h1{ font-weight:normal; padding-top:20px; font-size:24px; float:left}
#profileheader{border-bottom:1px dashed #d04267; padding-top:10px; padding-bottom:10px}
#profileheader img{ float:right}
.profileleft{ width:319px; padding-top:35px; float:left; padding-right:10px; line-height:20px; font-size:14px }
.profileright{ width:361px; float:left; padding-top:18px }
#zoom{ text-align:right; padding-right:10px}
#bigimg{ background-image:url(images/headerimg.jpg); height:262px; width:353px; padding-top:8px; padding-left:9px}
.floatleft{ float:left}
.floatright{ float:right}
.buttons{ padding-top:15px; padding-bottom:15px}
.contacts{ background:#cccccc; padding:10px; color:#ec0881; }
.contacts label{ float:left; width:85px; display:block; padding-bottom:10px; font-weight:bold}
.contacts div div.value{float:right;width:200px;padding-bottom:3px;}
.contacts div{ }

.padtop10 { padding-top:10px}

#pr { border:2px solid #F50088;padding:8px 10px;margin-right:10px; }
#pr h2 {margin:0;padding:0; }
#pr h2 a { color:#F50088 !important; text-decoration:none; }

/*This for the sliding pics*/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*NEWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/

.iamslidable ul, .iamslidable li{ margin:0; padding:0; text-indent:0; list-style-type:none}
.iamslidable li { float:left; width:98px; background:url(images/thumb.jpg) no-repeat ; height:76px; padding:5px; margin-right:5px; }
.iamslideable{ width:294px;}
.bigimage{background-image:url(images/projectpagebg.jpg); width:400px; height:340px; padding:11px;}
#smallthumb img{ width:98px; height:72px; cursor:pointer}
#bigger img{ width:400px; height:340px}
.rowcolor{ background-color:#dec49c}

#wsotm h2 { padding-left:0.7em;color:#F30187;font-weight:bold; }
#wsotm img { border:none;margin:0.5em 0 1em 0; }