/*
      Created by Obed Raimundo 323studios.com
	  
	  E-Mail: aku4lyph@gmail.com

	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#f1f1f1;
 background:#ff8a00;
}
a {
	text-decoration:none;
	font-weight:bold;
}
h1 {
}
h2 {
}
h3{
	text-align:right;
	background:#fff;
	color:#ff8a00;
	padding:5px;
	border:1px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
}
#wrapper { 
 margin: 0 auto;
 width: 920px;

}
#header {
 color: #ff8a00;
 font-weight:bold;
 width: 900px;
 float: left;
 margin: 10px 0px 5px 0px;
background:#fff;
 border:1px solid #fff;
 border-radius:25px;
 -moz-border-radius:25px; /* Firefox 3.6 and earlier */
 padding:10px;
}
#leftcolumn { 
 color: #f1f1f1;
 margin: 0px 5px 5px 0px;
 min-height: 350px;
 width: 698px;
 float: left;
}
#ex1
{
width:100px;
height:100px;
background:url(img/tattoo/ObiTattoos_018-20110721.jpg)center center no-repeat;
color:#f1f1f1;
transition:height 2s;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
}

#ex1:hover
{
height:300px;
width:300px;
}
#ex2
{
width:100px;
height:100px;
background:#fff center center url(img/social/JustMe_020-20110712.jpg) no-repeat;
transition:width 2s;
float:left;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
margin:5px;
}

#ex2:hover
{
width:324px;
height:432px;
}
#ex3
{
width:100px;
height:100px;
background:#fff center center url(img/illustration/Illustrations_008-20110505.jpg) no-repeat;
transition:width 2s;
float:left;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
margin:5px;
}

#ex3:hover
{
width:217px;
height:432px;
}
#rightcolumn { 
 float: right;
 color: #ff8a00;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 350px;
 width: 195px;
 display: inline;
 background:#fff;
 border:1px solid #fff;
 border-radius:25px;
 -moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
#rightcolumn a {
	color:#ff8a00;
}

#footer { 
 width: 920px;
 clear: both;
 color: #f1f1f1;
 margin: 0px 0px 10px 0px;
}
#footer a {
	color:#fff;
}