/* @override http://www.inkydinktees.com/css/master.css */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


body {
word-wrap: break-word;
background: url("../images/bg.jpg") 0 0;}

body p {
color: #555555;
	font: 0.9em/1.25em "gill sans", helvetica, arial, sans-serif;
}

body h2 {
color: #ccdd33;
font: 1.2em/1.25em "gill sans", helvetica, arial, sans-serif;
font-weight:bold;
}

body h3 {
color: #000000;
font: 0.9em "gill sans", helvetica, arial, sans-serif;
font-weight:bold;
}

#cartTables img{
max-width: 500px;
}



table {
	color: #333333;
font: 0.8em "gill sans", helvetica, arial, sans-serif;
}

#ContentsContainer {
float:left;
background-color:#ffffff;
color: #555555;
font: 0.8em "gill sans", helvetica, arial, sans-serif;
}

#prshowroom {
text-align:center;
line-height:8px;
}

#prshowroom p {
font-family:"gill sans", helvetica, arial, sans-serif;
color: #23bed3;
text-align:center;
}

#prshowroom h1 {
font-family:"gill sans", helvetica, arial, sans-serif;
color: #777777;
}

body a {
color: #555555;
cursor:pointer;
}


body a:hover {
color: #23bed3;	
}

.hiddenPic {display:none;}

/* ----- CONTAINER ----- */

#container {
width:800px;
margin:0 auto;
padding:0px;
background-color:#ffffff;
}

/* ----- HEADER ----- */



#header {
width:800px;
height:125px;
background-color:#000000;
overflow: hidden;
}

a.logorollover {
display:block;
width:800px;
height:125px;
background: url("../images/inkyheader.jpg") 0 0 no-repeat;
overflow: hidden;
text-decoration: none;

}

a.cell1rollover {
    margin: 0px 0px 20px 20px;
    float: left;
    width: 240px;
    height: 797px;
    background: url("../images/front/boy.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell1rollover {
    background-position: 0 -797px;
}

a.cell2rollover {
    margin: 0px 0px 20px 20px;
    float: left;
    width: 240px;
    height: 797px;
    background: url("../images/front/girl.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell2rollover {
    background-position: 0 -797px;
}

a.cell3rollover {
    margin: 00px 0px 20px 20px;
    float: left;
    width: 240px;
    height: 797px;
    background: url("../images/front/baby.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell3rollover {
    background-position: 0 -797px;
}

#indexroll {
margin-top:0px;
}

/*--
a.logorollover {
    display: block;
    width: 191px;
    height: 119px;
    background: url("../images/inkylogo_roll.gif") 0 0 no-repeat;
    text-decoration: none;
}
  
a:hover.logorollover {
    background-position: 0 -119px;
}
--*/

#header-logo {
float: left;
}

#header-nav {
width: 760px;
float: left;
text-align: right;
padding:5px 20px 5px 20px;
background-color:#ccdd33;
}

#header-nav ul li{
float: left;
display:inline;
}

#header-nav a{
padding-left: 0px;
padding-right: 20px;
font-family:"gill sans", helvetica, arial, sans-serif;
font-size: .9em;
color: #333333;
}


#header-nav ul li a:hover {
color: #23bed3;
}




/* ----- WRAPPER ----- */



#wrapper{
clear: both;
width:800px;
overflow: hidden;
margin-top:40px;
}


/* ----- CONTACT FORM ----- */


#contactform {
	width: 540px;
	height: 300px;
	min-height: 300px;
	margin-left: 100px;
	margin: auto;
	border: 1px solid #999;
	}

#contactform h3 {
	font-family:"gill sans", helvetica, arial, sans-serif;
	font-weight:normal;
	color: #555555;
	font-size: .9em;
}

#contactform h2 {
	font-family:"gill sans", helvetica, arial, sans-serif;
	font-style:italic;
	color: #23bed3;
	font-size: 1.1em;
}

#contactform div.formItem div.formField input {
border: 1px solid #999;
}


.formItem {
	padding-bottom:30px;
	clear: both;
}
.formLabel {
	width: 250px;
	padding-left:10px;
	float: left;
}
.formField {
	width:  250px;
	padding-right:10px;
	float: right;
}


/* ----- MAIN CONTENT ----- */

#about {
padding: 0px 20px;
}

#about div img {
	padding: 0px 90px;
	
}

#about div p img {
	padding: 0px;
}

#wholesale {
padding: 0px 20px;
}

#testimonials {
text-align:center;
padding: 0px 20px;
}

#press {
padding: 0px 37px;
overflow: hidden;
}


.testimonial {
}

.testimonial p{
margin:10px 0px 0px 0px;
}

.testimonial h3{
margin:5px 0px 20px 0px;
}


#contact table {
padding-top:5px;
color: #555555;
	font: 0.95em/1.25em "gill sans", helvetica, arial, sans-serif;
	
}

#content { 
width:566px;
min-height:575px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:575px; /* for IE5.x and IE6 */
background-color:#ffffff;
overflow: hidden;
}

/* ----- PRODUCT THUMBS ----- */

.product {
width: 240px;
overflow: hidden;
float: left;
padding: 0px 0px 20px 20px;
}

.product p {
margin: 0px;
font-family:helvetica, arial, sans-serif;
color:  #555555;
font-size: 0.8em;
}

.thumb {
padding: 0px 0px 5px 0px;
}

.desc {
text-align:center;
}

#PressText {
text-align: center;
font-family:"gill sans", helvetica, arial, sans-serif;
color:  #555555;
font-size: 0.9em;
}



/* ----- PRESS THUMBS ----- */

.pressgrid {
width: 216px;
height: 288px;
overflow: hidden;
float: left;
padding: 0px 0px 20px 20px;
}

.pressgridthumb {
padding: 0px 0px 5px 0px;
}


/* ----- GRID ----- */



.grid {
width: 175px;
height: 175px;
overflow: hidden;
padding: 0px 12px 12px 0px;
float: left;
}


/* ----- FOOTER ----- */



#footer { 
width:800px;
height:20px;
background-color:#ffffff;
padding: 0px 0px 10px 0px;
overflow: hidden;
}

#footer-nav {
height: 20px;
float: right;
padding:0px 20px 0px 0px;
}

#footer-nav ul li{
display:inline;	
}

#footer-nav a {
	padding-left: 10px;
font-family:"gill sans", helvetica, arial, sans-serif;
font-size: .7em;
color: #555;
}

#sitemap p a {
font-family:"gill sans", helvetica, arial, sans-serif;
font-size: .7em;
color: #555;	
}

#sitemap {
margin: auto;
width: 800px;
}

#footer-nav a:hover {
color: #ccdd33;
}

#copyright {
height: 20px;
float: left;
}

#copyright ul li{
padding-left: 20px;
font-family:"gill sans", helvetica, arial, sans-serif;
font-size: .7em;
color: #999;
line-height: 22px;	
}

a.se:link, a.se:visited, a.se:hover, a.se:active {
color: #555555;
font-size: .7em;
text-decoration: none
}

#wholesale div img {
padding: 0px 80px;
}