/*
	jilltabotabo CSS
	===================================================================
	(c)2008 Jill Huyo-a Tabotabo. All Rights Reserved CreativeChill.com
	===================================================================
*/
@import url("creativechill_styles.css");

* { padding: 0; margin: 0; border:none 0px; }
body {
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 font-size: 12px;
}
#wrapper { 
	 margin: 0 auto;
	 width: 100%;
	 min-width:1104px;
}
#headerwrapper{
	 margin: 0 auto;
	 width: 100%;
	 min-width:1104px;
}
div#header {
	 color: #333;
	 padding: 0px;
	 height: 186px;
	 margin: 0px auto;
	 width:1104px;
}
#logo{
	width:444px;
	height:186px;
	float:left;
	cursor: default;
	margin:0px auto;
	padding:0px; 
}
#logo span, h5 span {
	display:none;
}
#logo a{
	border:0px none;
}
div#right_menu{
	 float: right;
	 margin: 0px;
	 padding: 0px 86px 0px 0px;
	 height: 186px;
	 width:574px;
	 display: inline;
	 position: relative;
}
div#right_menu div.toplinks{
	height:33px;
	width:64px;
	float:right;
	padding:20px 0px 0px 510px;
}
/*************** MENU *****************/
div#lavalamp{
	height:22px;
	width:574px;
	float:right;
	padding:20px 0px 0px 0px;
}
.glossymenu{
	margin: 0 auto 0 auto;
	height:22px;
	list-style: none;
	width:454px;
	padding:0px 120px 0px 0px;
	color:#555252;
	text-align:right;
	text-transform:uppercase;
}
* html .glossymenu{padding:0px 120px 0px 0px;}
.glossymenu li{
	float:right;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#555252;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 12px; 
	height: 22px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;	
}
.glossymenu li a span{
	float: left;
	display: block;
	padding: 0 20px 0 10px; 
}
.glossymenu li.current a, .glossymenu li a:hover{
	color:#fdf7f7;
}
.glossymenu li.current a span, .glossymenu li a:hover span{
	color: #fdf7f7;
}
/****************** TOOL TIP *******************/
.tool-tip {
	color: #fdf7f7;
	width: 151px;
	z-index: 13000;
	top:-35px;
	left:-20px;
}
.tool-text {
	font-size: 11px;
	padding:5px 8px 7px 25px;
}
/******************* CONTENT  **********************/
#content, #content_inside { 
	 width: 1104px;
	 color: #333;
	 margin: 0px auto;
	 padding: 0px;
	 min-height: 945px;
}
#content_inside {
	 min-height: 1040px;
}
#marquee{
	height:363px;
	width:1104px;
	float:left;
}
#marquee #marqueeTop, #marquee_maintop{
	height:46px;
	width:1104px;
}
#apDiv2 {
	position: inherit;
	left:1104px;
	top:186px;
	width:228px;
	height:123px;
	z-index:1300;
	visibility: visible;
	padding-left:876px;
}
#marquee #marqueeMiddle, #main_marquee{
	height:291px;
	width:1104px;
}
#marquee #marqueeMiddle_inside{
	min-height:890px;
	width:1104px;
	height:auto;
}
#marquee #marqueeMiddle_inside #subnav{
	width:1104px;
	height:70px;
}
#marquee #marqueeMiddle_inside #subnav ul{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 61px;
}
#marquee #marqueeMiddle_inside #subnav ul li{
	float:left;
	padding:0px 10px;
}
#marquee #marqueeMiddle_inside #subnav ul li a{
	float: left;
	display: block;
	color:#6f6c6c;
	text-decoration: none;
	font-size: 12px;
	padding:21px 0px 5px 0px;
}
#marquee #marqueeMiddle_inside #subnav ul li span{
	float: left;
	display: block;
	color:#6f6c6c;
	text-decoration: none;
	font-size: 12px;
	padding:0px;
	height:61px;
}
#marquee #marqueeMiddle_inside #subnav ul li a:hover{
	text-decoration:none;
	border-bottom:2px solid #ff2b90;
	color:#ff2b90;
}
#marquee #marqueeMiddle_inside .header{
	height:24px;
	width:417px;
	padding:12px 15px 0px 44px;
	color:#d80c70;
}
.header ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.header li{
	float:left;
}
.header li a{
	float: left;
	display: block;
	color:#d80c70;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding:0px 0px 0px 0px; /*Padding to accomodate left tab image. Do not change*/
	text-align: left;
	cursor: pointer;	
}
.header li a span{
	float: left;
	display: block;
	padding: 0px; /*Padding of menu items*/
	width:340px;
}
.header li a:hover span, .header li a:hover  {
	color:#fd1a89;
	width:340px;
}
.header li.current span {
	color:#858383;
	text-align: right;
	width:108px;
	font-weight:normal;
}
#marquee #marqueeMiddle_inside .portfolio{
	height:172px;
	width:474px;
	border-bottom:4px solid #2e2d2d;
	border-right:1px solid #2e2d2d;
	border-left:1px solid #2e2d2d;
}
#marquee #marqueeMiddle_inside .port_footer, #marquee #marqueeMiddle_inside .port_footer02, .port_footer03, .port_footer04, .port_footer05{
	height:25px;
	width:461px;
	padding:8px 0px 0px 15px;
	color:#9d9b9b;
	margin-bottom:25px;
}
#marqueeMiddle_inside #leftinside { 
	 color: #333;
	 margin: 0px;
	 padding: 25px 0px 0px 44px;
	 height: 500px;
	 width: 478px;
	 float: left;
}
#marqueeMiddle_inside #leftinside_about { 
	 color: #90867e;
	 margin: 0px;
	 padding: 30px 50px 0px 74px;
	 height: 495px;
	 width: 555px;
	 float: left;
	 line-height:17px;
	 text-align:justify;
}
#marqueeMiddle_inside #rightinside { 
	 float: right;
	 color: #333;
	 margin: 0px;
	 padding: 25px 0px 0px 10px;
	 height: 500px;
	 width: 572px;
	 display: inline;
	 position: relative;
	 text-align:left;
}
#marqueeMiddle_inside #rightinside_about { 
	 float: right;
	 color: #333;
	 margin: 0px;
	 padding: 25px 102px 0px 0px;
	 height: 500px;
	 width: 323px;
	 display: inline;
	 position: relative;
	 text-align:left;
}
#about_skillstop{
	height:12px;
	width:313px;
}
#about_skills{
	height:57px;
	width:313px;
}
#about_skillsmid{
	min-height:378px;
	width:262px;
	padding:14px 25px 0px 26px;
}
#about_skillsmidc{
	min-height:100px;
	width:262px;
	padding:14px 25px 0px 26px;
	color:#90867e;
}
#about_skillsmid_contact{
	height:45px;
	width:313px;
}
#about_skillsbtm{
	height:12px;
	width:313px;
}
h2{
	margin:0px;
	padding:10px 0px 15px 0px;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#d80c70;
	line-height:20px;
}
#marqueeMiddle_inside #leftinside_about p{
	margin:0px;
	padding:5px 0px 10px 0px;
}
#marquee #marqueeBottom, #search_bottom, #marquee_mainbottom{
	height:25px;
	width:1104px;
	margin:0px;
	padding:0px;
}
#leftcolumn { 
	 color: #333;
	 margin: 0px;
	 padding: 0px;
	 height: 613px;
	 width: 519px;
	 float: left;
}
#rightcolumn { 
	 float: right;
	 color: #333;
	 margin: 0px;
	 padding: 0px;
	 height: 613px;
	 width: 585px;
	 display: inline;
	 position: relative;
}
.bucketTop{
	height:23px;
	width:519px;
}
.bucketMiddle{
	width:519px;
	height:237px;
}
.bucketMiddle_flickr{
	width:519px;
	height:232px;
}
.bucketMiddle_right{
	height:510px;
	padding:0px 20px 10px 38px;
	width:454px;
}
.bucketBottom{
	height:28px;
	width:519px;
}
/***************** Skill Set & Contact Design ****************/
#about_skillsmid ul, #about_skillsmidc ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 262px; /*width of menu*/
}
#about_skillsmid ul li, #about_skillsmidc ul li, #about_skillsmid ul li.message{
	padding-bottom: 5px; /*bottom spacing between menu items*/
	height:41px;
}
#about_skillsmidc ul li.message{
	height:160px;
}
#about_skillsmidc ul li span.email, #about_skillsmidc ul li span.phone, #about_skillsmidc ul li span.ym{
	display: block;
	padding:12px 0px 0px  73px; 
	height:29px;
}
#about_skillsmidc ul li span.textfieldl{
	display: block;
	padding:12px 0px 0px  0px; 
	height:25px;
	width:68px;
	float:left;
	text-align:right;
}
#about_skillsmidc ul li span.textfieldr{
	display: block;
	padding:10px 0px 0px  10px; 
	height:25px;
	width:184px;
	float:right;
	display: inline;
}
.textfield{
	border:1px solid #201e1e;
	background-color:#0c0c0c;
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	padding:2px;
	color:#d80c70;
	width:170px;
}
.button_pad{
	padding:8px;
}
#about_skillsmidc ul li span.phone{
	background-position: 18px -39px;
}
#about_skillsmidc ul li span.ym{
	background-position: 18px -80px;
}
#about_skillsmid ul li span.ai, #about_skillsmid ul li span.ps, #about_skillsmid ul li span.fl, #about_skillsmid ul li span.css, #about_skillsmid ul li span.xhtml, #about_skillsmid ul li span.html, #about_skillsmid ul li span.js, #about_skillsmid ul li span.idn {
	display: block;
	padding: 0px;
	padding-left: 73px; 
	height:41px;
}
#about_skillsmid ul li span.ps{
	background-position: 3px -46px;
}
#about_skillsmid ul li span.fl{
	background-position: 3px -93px;
}
#about_skillsmid ul li span.css{
	background-position: 3px -138px;
}
#about_skillsmid ul li span.xhtml{
	background-position: 3px -183px;
}
#about_skillsmid ul li span.html{
	background-position: 3px -229px;
}
#about_skillsmid ul li span.js{
	background-position: 3px -275px;
}
#about_skillsmid ul li span.idn {
	background-position: 3px -321px;
}
#about_skillsmid ul li span.aih, #about_skillsmid ul li span.psh, #about_skillsmid ul li span.flh, #about_skillsmid ul li span.idnh{
	height:41px;
	display: block;
	padding: 0px;
	float:right;
	padding-right: 8px; 
	width:181px;
}
#about_skillsmid ul li span.psh{
	background-position: -20px 0px; 
}
#about_skillsmid ul li span.flh{
	background-position: -80px 0px; 
}
#about_skillsmid ul li span.idnh{
	background-position: -101px 0px; 
}
/******************* Gallery Menu *******************/
#search_top{
	height:21px;
	width:1104px;
}
#search_middle{
	min-height:21px;
	width:1104px;
	height:auto;
}
#search_left{
	 color: #333;
	 margin: 0px;
	 padding: 5px 0px 0px 44px;
	 height: 20px;
	 width: 478px;
	 float: left;
	 font-weight:bold;
}
#search_right{
	 float: right;
	 color: #333;
	 margin: 0px;
	 padding: 0px 100px 0px 0px;
	 height: 20px;
	 width: 482px;
	 display: inline;
	 position: relative;
	 text-align:right;
}
.mattblacktabs{
	width: 100%;
	overflow: hidden;
	margin:0px;
	padding:0px;
}
.mattblacktabs ul{
	margin: 0;
	padding: 0px; 
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	list-style-type: none;
}
.mattblacktabs li{
	display: inline;
	margin: 0;
}
.mattblacktabs li span{
	float: right;
	display: block;
	text-decoration: none;
	margin:0px 2px 0px 2px;
	padding: 4px 8px; /*padding inside each tab*/
	border: 1px solid black; /*right divider between tabs*/
	color: #333;
	background-color: #060606; /*background of tabs (default state)*/
	font-weight:bold;
}
.mattblacktabs li a{
	float: right;
	display: block;
	text-decoration: none;
	margin:0px 2px 0px 2px;
	padding: 4px 8px; /*padding inside each tab*/
	border: 1px solid black; /*right divider between tabs*/
	color: #333;
	background-color: #060606; /*background of tabs (default state)*/
}
.mattblacktabs li span.current{
	float: right;
	display: block;
	text-decoration: none;
	margin:0px 2px 0px 2px;
	padding: 4px 8px; /*padding inside each tab*/
	color:#000;
	font-weight:normal;
	background-color: #d80c70; /*background of tabs (default state)*/
	border:1px solid #060606;
}
.mattblacktabs li a:visited{
	 color: #333;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background-color: #d80c70; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	border: 1px solid #060606;
	color:#000;
}
#search_left ul{
	margin: 0;
	padding: 0;
	padding: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	list-style-type: none;
}
#search_left li{
	display: inline;
	margin: 0;
}
#search_left span{
	float: left;
	display: block;
	text-decoration: none;
	margin:0px 4px 0px 4px;
	padding: 0px; /*padding inside each tab*/
	color: #333;
	font-weight:normal;
}
#search_left li a{
	float: left;
	display: block;
	text-decoration: none;
	margin:0px 2px 0px 2px;
	padding: 0px; /*padding inside each tab*/
	color: #333;
}
#search_left li span.current{
	float: left;
	display: block;
	text-decoration: none;
	margin:0px 2px 0px 2px;
	padding: 0px; /*padding inside each tab*/
	color: #fd1a89;
	font-weight:bold;
}
#search_left li a:hover{
	color:#fd1a89;
	text-decoration:none;
	border-bottom:1px dashed #fd1a89;
}
/******************** About *************************/
#aboutTOp{
	margin-left:25px;
	padding-top:15px;
	width:264px;
	height:8px;
}
#aboutBtm{
	margin-left:25px;
	padding:0px;
	width:264px;
	height:10px;
}
#about_leftcolumn { 
	 margin: 0px;
	 padding: 0px;
	 height: 237px;
	 width: 264px;
	 float: left;
}
#about_rightcolumn { 
	 float: right;
	 color: #333;
	 margin: 0px;
	 padding:0px 20px 0px 12px;
	 height: 237px;
	 width: 223px;
	 display: inline;
	 position: relative;
}
h5{
	height:49px;
	width:223px;
	margin:0px;
	padding-bottom:11px;
	border-bottom:1px solid #f41e8d;
}
p.about{
	color:#90867e;
	line-height:16px;
	text-align: left;
	padding:8px 8px 8px 5px;
}

/* ---------- FLICKR ----------------------- */
#leftcolumn img {
	border: none;
}
#leftcolumn .gallery {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 35px;
	width:465px;
	height:185px;
}
#leftcolumn .gallery li {
	margin: 6px 6px 6px 6px;
	padding: 0px;
	float: left;
	position: relative;
	width: 79px;
	height:79px;
}
#leftcolumn .gallery img {
	background: #fff;
	border: solid 1px #625e5b;
}
#leftcolumn .gallery a:hover img {
	border-color: #ff0084;
}
#leftcolumn .gallery span {
	width: 75px;
	height: 64px;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
}
#leftcolumn .gallery a {
	text-decoration: none;
}
h4{
	padding:0px;
	margin:0px 0px 10px 39px;
	height:31px;
	width:150px;
}
/******************* GALLERY **********************/
#accordion {
	width:454px;
	padding:8px 0px 0px 0px;
}
h6.toggler {
	cursor: pointer;
	font:normal 12px Tahoma, sans-serif;
	color: #fd1a89;
	margin: 0px;
	padding: 10px 0px 0px 42px;
	height: 26px;
}
div.element {
	margin: 0px;
	padding: 0px;
	background-color:#0e0d0d;
	height:290px;
	border:5px solid #171717;
}
div#website, div#identity, div#flash, div#marketing{
	text-align:center;
	height:260px;
	width:446px;
}
h1.description{
	margin:2px 0px 2px 0px;
	padding:8px 4px 4px 10px;
	height:20px;
	width:446px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#747373;
	text-align:left;
}
/******************* FOOTER ***********************/
#footer{
	height:221px;
}
#footerwrapper_top{
	 margin: 0 auto;
	 width: 100%;
	 min-width:1104px;
	 height:14px;
}
#footerwrapper{
	 margin: 0 auto;
	 width: 100%;
	 min-width:1104px;
	 height:185px;
}
#footerwrapper #footer{
	 width: 949px;
	 margin: 0px auto;
	 padding: 21px 97px 0px 58px;
	 line-height:18px;
}
#footerwrapper h3{
	margin:0px;
	padding:0px 0px 0px 35px;
	height:24px;
	color:#d80c70;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
#footer #favourites1 { /* Parent Wrapper for inside boxes */
	 margin: 0 0px 0px 0px;
	 display: inline; /* IE Hack */
	 width: 162px;
	 float: left;
	 min-height: 164px;
	 padding: 0px 0px 0px 8px;
}
* html #footer #favourites1 {height:164px} /* IE Min-Height Hack */ 
#footer #favourites2 { /* Parent Wrapper for inside boxes */
	 margin: 0 0px 0px 0px;
	 display: inline; /* IE Hack */
	 width: 163px;
	 float: left;
	 min-height: 164px;
	 padding: 0px;
}
* html #footer #favourites2 {height:164px} /* IE Min-Height Hack */ 
#footer #favourites3 { /* Parent Wrapper for inside boxes */
	 margin: 0px 0px 0px 0px;
	 display: inline; /* IE Hack */
	 padding: 0px;
	 width: 163px;
	 float: left;
	 min-height: 164px;
}
* html #footer #favourites3 {height:164px} /* IE Min-Height Hack */ 
#footer #favourites4 { /* Parent Wrapper for inside boxes */
	 margin: 0px 0px 15px 0px;
	 display: inline; /* IE Hack */
	 padding: 0px 0px 0px 0px;
	 width: 144px;
	 float: left;
	 min-height: 164px;
}
* html #footer #favourites4 {height:164px} /* IE Min-Height Hack */ 
#footer #favourites5 { /* Parent Wrapper for inside boxes */
	 margin: 0px 0px 20px 0px;
	 display: inline; /* IE Hack */
	 padding: 0px 0px 0px 0px;
	 width: 309px;
	 float: left;
	 min-height: 144px;
}
* html #footer #favourites5 {height:144px} /* IE Min-Height Hack */ 
#footer ul{
	list-style:none;
	margin:0px;
	padding:18px 0px 0px 0px;
}
#footer li{
	list-style:none;
	color:#47092e;
	font-weight:900;
	line-height:24px;
}
#footer a{
	color:#47092e;
	text-decoration:none;
}
#footer a:hover{
	color:#fd1a89;
	text-decoration:none;
	border-bottom:1px dashed #fd1a89;
}
#footerwrapper_bottom{
	 margin: 0 auto;
	 width: 100%;
	 min-width:1104px;
	 background-color:#181818;
	 border-top:2px dashed #373737;
	 height:91px;
}
#footerwrapper_bottom #footerbottom { 
	 width: 951px;
	 margin: 0px auto;
	 padding: 25px 95px 0px 42px;
	 color:#8e125c;
	 line-height:18px;
}
#footerwrapper_bottom #footerbottom a{
	color:#d80c70;
	text-decoration:none;
	font-weight:bold;
}
#footerwrapper_bottom #footerbottom a:hover{
	color:#fd1a89;
	text-decoration:none;
	border-bottom:1px dashed #fd1a89;
}
#footerbottom #wsg_logo{
	width:298px;
	height:39px;
	float:right;
}
a.links{
	color:#d80c70;
	text-decoration:none;
}
a.links:hover{
	color:#fd1a89;
	text-decoration:none;
	border-bottom:1px dashed #fd1a89;
}