body { margin: 0 0 0 0; padding: 0 0 0 0; background-color:#021a1a; text-align:center; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#666666;  }
h1, h2, h3, h4{ margin: 0; padding: 0; }
h2 { font-size:16px;}
*{margin:0;padding:0}
p { padding-bottom:10px;  }

/* 
.reset{
height:0}
.clear{clear:both}
*/

#wrap{ margin:0 auto; padding: 0; width: 940px;}
html>wrap{ width: 940px; }
#main{ margin: 0 auto;	padding: 0;	width: 940px; text-align: center; }
html>main{ width: 940px; }

#content{ margin:0 auto; width: 940px; text-align:left;  padding-top:20px;}

#col1{ width:729px; float:left;	padding: 0px; }
#col2{ width:211px; float:left; padding: 0px;}
br {clear: left;}

.header { width:729px; height:139px; float:left; }
.header span { display:none;}
.header a { background-image:url(images/header.gif); width:729px; height:139px; display:block;}
.header2 {  background-image:url(images/portal-bg.gif); width:211px; height:134px; padding-top:5px;}
.front-page-ad-1 { float:left; width:364px; height:280px; background-color:#333333; }
.front-page-ad-2 { float:left; width:364px; height:280px; background-color:#000000; margin-left:1px; position:relative; }
.front-page-ad-3 { float:left; width:364px; height:280px; background-color:#000000; margin-top:1px; text-align:center; }
.front-page-ad-4 { float:left; width:364px; height:280px; background-color:#000000; margin-left:1px; margin-top:1px; }
.front-page-ad-5 { float:left; width:729px; background-color:#000000; }
.content {padding: 15px; text-align:center;}
.contentform {padding: 15px; text-align:center;}
.photo-week img { padding:10px 10px 10px 10px; margin-top:10px; margin-bottom:10px; border:solid 1px #FF0066; text-decoration:none; background-image:url(images/hover-diagonal.gif); min-width:100px; }
.footer { width:729px; height:55px; float:left; background-image:url(images/footer-bg.gif);  background-repeat: no-repeat; text-align:center; padding-top:20px;  }
.pink {   background-image:url(images/sidebar-bg.gif); padding-left:1px; }
.logos img { padding:6px; border:none;}
.logos {padding: 10px 0px 10px 17px;}
.pinktext { background-image:url(images/phone.gif);  background-repeat: no-repeat; color:#640028; padding: 0px 10px 0px 45px; margin-top:10px; font-size:10px; }
.grey {padding-left:1px; background-image:url(images/loop-nav-bg.gif); background-repeat: no-repeat; background-position: right bottom; height:190px; float:left; width:210px; }
.adverts {text-align:center; padding-left:17px; padding-top:14px; height:200px;}
.login {text-align:left; padding-left:17px; padding-top:18px; height:200px;}
.adverts img {border: 2px solid #CC0033; margin-top:4px; }
.portfolioItem{  padding:2px 2px 2px 2px; margin:5px 5px 5px 5px; border:solid 1px #5d5d5d; text-decoration:none; float:left; clear:none; }
.portfolioItem:hover{  padding:2px 2px 2px 2px; margin:5px 5px 5px 5px; border:solid 1px #bd35b2; text-decoration:none; float:left; clear:none;  }

.registerbutton { width:297px; height:34px; float:left; }
.registerbutton span { display:none;}
.registerbutton a { background-image:url(images/new-account.gif); width:297px; height:34px; display:block; margin-top:15px; margin-left:15px;}
/******************************
* TEXT  - top right bottom 
******************************/

a {text-decoration:none; color:#08ddc3}
a:hover {color:#08ddc3;}
a:visited {color:#08ddc3;}
.big1{font-size:16px;}
.big2{font-size:14px;}
.textbold {font-weight: bold; color:#0099FF;}
h4 {font-weight: bold; color:#0099FF;}
h5 {font-weight: bold; color:#0099FF; font-size:12px;}
h6 {font-weight: bold; color:#0099FF; font-size:12px; padding-top:10px;}
.textdarkbold {font-weight: bold; color:#3EA4C7;}

.topnav{ padding: 0px 0px 0px 0px; margin: 0 auto; height:40px; float:left;}

#menu span, #menu2 span {display: none;}
#menu { height:130px; float:left; width:184px; padding-left:15px; }

#chapters { padding: 0; margin: 0; float:left; position:relative; background: url(images/portal-nav2.gif) no-repeat; width: 184px; height: 130px;}
#chapters li { margin: 0; padding: 0; list-style: none; position: absolute;}
#chapters li, #chapters a { width: 184px; height: 65px;  display: block;}
#chapter3 ul {padding-bottom:10px;}

#ch1 { top: 0; width: 184px; }
#ch2 { top: 65px; width: 184px; }

#ch1 a:hover, #ch1 a.active, body#ch1on #chapters li.ch1 { background:url(images/portal-nav2.gif) -184px -0px no-repeat; }
#ch2 a:hover, #ch2 a.active, body#ch2on #chapters li.ch2 { background:url(images/portal-nav2.gif) -184px -65px no-repeat; }


#menu2 { height:180px; float:left; width:184px; padding-left:15px; clear:both; }

#chapters2 { padding: 0; margin: 0; float:left; position:relative; background: url(images/loop-nav.gif) no-repeat; width: 184px; height: 180px;}
#chapters2 li { margin: 0; padding: 0; list-style: none; position: absolute;}
#chapters2 li, #chapters2 a { width: 184px; height: 36px;  display: block;}
#chapters2 ul {padding-bottom:10px;}

#ch4 { top: 0; width: 184px; }
#ch5 { top: 36px; width: 184px; }
#ch6 { top: 72px; width: 184px; }
#ch7 { top: 108px; width: 184px; }
#ch8 { top: 144px; width: 184px; }

#ch4 a:hover, #ch4 a.active, body#ch4on #chapters li.ch4 { background:url(images/loop-nav.gif) -184px -0px no-repeat; }
#ch5 a:hover, #ch5 a.active, body#ch5on #chapters li.ch5 { background:url(images/loop-nav.gif) -184px -36px no-repeat; }
#ch6 a:hover, #ch6 a.active, body#ch6on #chapters li.ch6 { background:url(images/loop-nav.gif) -184px -72px no-repeat; }
#ch7 a:hover, #ch7 a.active, body#ch7on #chapters li.ch7 { background:url(images/loop-nav.gif) -184px -108px no-repeat; }
#ch8 a:hover, #ch8 a.active, body#ch8on #chapters li.ch8 { background:url(images/loop-nav.gif) -184px -144px no-repeat; }

ul#menu li,ul#menu3 a{ height:40px; display:block; }
div#primarynav ul#menu3 li a{ text-indent:-9999px; text-decoration:none; overflow: hidden; }

#t1 { left:0; width:71px; }
#t2 { left:71px; width:60px; }
#t3 { left:131px; width:127px; }
#t4 { left:258px; width:98px; }
#t5 { left:356px; width:67px; }
#t6 { left:423px; width:41px; }
#t7 { left:464px; width:55px; }
#t8 { left:519px; width:54px; }
#t9 { left:573px; width:158px; }

#t1 a:hover,body#t1on #t1{ background:transparent url(images/top-nav.gif) 0 -40px no-repeat; }
#t2 a:hover,body#t2on #t2{ background:transparent url(images/top-nav.gif) -71px -40px no-repeat; }
#t3 a:hover,body#t3on #t3{ background:transparent url(images/top-nav.gif) -131px -40px no-repeat; }
#t4 a:hover,body#t4on #t4{ background:transparent url(images/top-nav.gif) -258px -40px no-repeat; }
#t5 a:hover,body#t5on #t5{ background:transparent url(images/top-nav.gif) -356px -40px no-repeat; }
#t6 a:hover,body#t6on #t6{ background:transparent url(images/top-nav.gif) -423px -40px no-repeat; }
#t7 a:hover,body#t7on #t7{ background:transparent url(images/top-nav.gif) -464px -40px no-repeat; }
#t8 a:hover,body#t8on #t8{ background:transparent url(images/top-nav.gif) -519px -40px no-repeat; }
#t9 a:hover,body#t9on #t9{ background:transparent url(images/top-nav.gif) -573px -40px no-repeat; }

div#primarynav { height:40px; width:729px; margin:0 0 0 0px; padding:0; border:0; background:transparent; }
div#primarynav ul#menu3{ height:40px; width:729px; background:transparent url(images/top-nav.gif) top left no-repeat; margin:0; padding:0; position:relative; }
div#primarynav ul#menu3 li{ margin:0; padding:0; list-style:none; position:absolute; top:0; }
ul#menu li,ul#menu3 a{ height:40px; display:block; }
div#primarynav ul#menu3 li a{ text-indent:-9999px; text-decoration:none; overflow: hidden; }

/******************************
* TITLES
******************************/

#title-future-events { height:49px; width:364px; background:url(./images/t-future-events.gif) no-repeat top left;}
#title-front-login { height:49px; width:364px; background:url(./images/t-login.gif) no-repeat top left;}
#title-photo-of-the-week { height:49px; width:729px; background:url(./images/t-photo-of-the-week.gif) no-repeat top left;}
#title-side-current-clients { height:50px; width:210px; background:url(./images/t-current-clients.gif) no-repeat top left;}
#title-design-services { height:49px; width:729px; background:url(./images/t-design-services.gif) no-repeat top left;}
#title-photo-pricing { height:49px; width:729px; background:url(./images/t-photo-pricing.gif) no-repeat top left;}
#title-events { height:49px; width:729px; background:url(./images/t-events.gif) no-repeat top left;}
#title-contact { height:49px; width:729px; background:url(./images/t-contact.gif) no-repeat top left;}
#title-photo-bookings { height:49px; width:729px; background:url(./images/t-photo-bookings.gif) no-repeat top left;}
#title-art-party { height:49px; width:729px; background:url(./images/t-art-party.gif) no-repeat top left;}
#title-gallery { height:49px; width:729px; background:url(./images/t-gallery.gif) no-repeat top left;}

#title-gallery span, #title-art-party span, #title-photo-bookings span, #title-contact span, #title-events span, #title-photo-pricing span, #title-design-services span, #title-photo-of-the-week span, #title-side-current-clients span, #title-future-events span, #title-front-login span  { display:none;}

/******************************
* FORM
******************************/

input { display: block; width: 215px; float: left; margin-bottom: 10px;  }
label {	text-align: left; width: 64px; padding-right: 20px; float:left; display: block;  }
.submit { width:104px; height:30px; background: url(./images/login.gif); border: 0; cursor: pointer; margin-left:10px;/* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} 
.clear { width:105px; height:30px; background: url(./images/clear.gif); border: 0; cursor: pointer;  /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} 
hr { color:#FFFFFF; }
.big {	font-size: 16px; color:#333333;}
.submit2 { background-color:#32B8A7; width:104px; height:30px; border: 0; cursor: pointer; margin-left:10px;/* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} 

.contentform select, .contentform label, .contentform input { display: block; width: 200px; float: left; margin-bottom: 10px;}
.contentform textarea { width:200px; margin-bottom:10px;float: left; display: block; height:60px; border: 1px dotted #73126b;  font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000066; padding:5px;}
.contentform input {border: 1px dotted #73126b; height:15px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000066; padding:5px;}
.contentform { width:500px;}
#high {height:50px;}
#middle {text-align:center;}
#middle2 {padding-left:150px;}

.shadowbox { background: #e64eef; position: relative; top: 2px; left: 2px; width:400px; }
.shadowbox div { background: #7b1c81; border: 2px solid #000; color: #fff; padding: 10px; position: relative; top: -2px; left: -2px; width:400px;}
.eventbox { width:650px; padding:15px; text-align:left; clear:both;}
.flyerthumb img{ border: 2px solid #CC0033;}
.flyerthumb { padding-right:15px; width:150px; float:left;  }
.flyertext { width:480px;  float:left; }
.flyertexthead { width:400px; clear:right; float:left; font-size:16px; padding-bottom:12px; font-weight:bold; color:#990066; }
.genericheader { font-size:16px; padding-bottom:12px; font-weight:bold; color:#990066; }
#slickbox { border:5px solid #a6c942; padding:10px 10px 0px 10px; margin-bottom:10px; background: #ffffff url(loopbg.jpg) repeat-x; text-align:left; }
#slickbox p { margin-left:235px; margin-top:12px; }