/*(main.css) The White Rabbit Tattoo Studio Style :: Alastair Reid, Easyspace Premium Design */
 img, div { behavior: url(iepngfix.htc) } /*PNG Transparency Fix*/
/*Layout*/ img  { border:0;}
noscript { text-align:center; color:#FFFFFF; background-color:#FF0000; width:100%; padding:5px;}
html,body{text-align:center;background:#EDEDED;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0; background-image:url(img/bg_stripe.jpg); background-repeat:repeat-x;}
#pagewidth{width:900px;text-align:left;margin-left:auto;margin-right:auto; border:1px solid #CCC; padding:40px 40px 10px 40px;
background-color:#FFF;}
#spacer{position:relative;height:25px;width:100%; text-align:center;}
#h-nav{position:relative;background-color:#CCC;height:35px;width:100%;}
#header{position:relative;height:75px;color:#000;background-color:#fff;width:100%;}
#maincol{float:right;display:inline;position:relative;width:900px; min-height:500px; height:500px; height:auto !important;}
.maincol_right{float:right;display:inline;position:relative;width:450px;}
.maincol_right p { width:450px;}
.maincol_left{float:left;display:inline;position:relative;width:450px;}

.home_left { float:left;display:inline;position:relative;width:595px; height:470px; background-image:url(img/home_frame.gif); background-repeat:no-repeat;}
.home_left p { margin:80px 0 0 80px; width:400px;}


.video_player { width:268px; background:#000;  border-top:5px solid #000; border-left:5px solid #000; border-right:5px solid #000; border-bottom:10px solid #000;  background-repeat:no-repeat; float:right; margin:25px 0 0 0 ; margin-right:10px; }

.rabbit { width:282px; height:395px; background-image:url(img/bg.gif); margin:25px 0 0 0; background-repeat:no-repeat; float:right; }

.sent { font-size:1em; margin:45px; padding:8px; border:1px solid #000;}


/*Navigation ------------------------------------------------------------------------------------*/
.logo {float:left; margin-top:-10px;} 
html>/**/body .logo { margin-top:-30px; }

#linkbox { margin:10px 0 0 50px; padding:0;}
#linkbox ul { list-style:none; margin:0px 0 0 0px; padding:0; }
#linkbox li { display:inline; padding:0 0 0 5px; margin:0;}
#linkbox a { text-decoration:none; color:#000;}


.link{display:inline-block;overflow:hidden;background:url(img/nav/sprite_nav.jpg) no-repeat;text-indent:0;font:0/0 Arial;color:rgba(255,255,255,0);vertical-align:bottom;width:80px;height:28px; outline:none;}

.homelink {}

:hover.homelink{background-position:0px -30px;}

.gallerylink{background-position:-80px 0px;}
:hover.gallerylink{background-position:-80px -28px;}

.aboutlink{background-position:-160px 0px;}
:hover.aboutlink{background-position:-160px -28px;}

.newslink{background-position:-240px 0px;}
:hover.newslink{background-position:-240px -28px;}

.contactlink{background-position: -320px 0px;}
:hover.contactlink{background-position:-320px -28px;}




/*--------------------------------------------------------------------------------------------------*/

#mainbox{width:550px;height:auto;position:relative;float:left; margin:5px;}
#leftcol{width:250px;height:auto;position:relative;float:left;background-color:#333;}
#rightcol{width:250px;height:auto;position:relative;float:right;background-color:#333;}
#footer{height:15px;color:#fff;clear:both; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
/*Form*/
form {  width:345px; padding:30px; border:1px solid #CCC; }
label  {display:block; margin-top:15px; font-size:12px; font-weight:bold;}
.textinput { border:2px solid #000000;}


/*Gallery Styling*/


.gallery_holder { width:85%;  height:auto;}
.gallery {float:left;width:100px;height:100px;border:4px solid #000;text-align:center;overflow:hidden;margin:8px; }


#about img { float:right; margin:-35px 0px 0 10px; }
#about p { width:500px;}