/*	

DIP Studio Inc.
dipstudio.net
	
------------------------------ */

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
*:focus { outline: none; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-back { background: none!important; }
.no-border, img, fieldset { border: none!important; }
.container { overflow: hidden; }
.cc {clear: both; height: 1px; overflow: hidden;}
p {line-height: 1.3em;}

/* Main custom rules
------------------------------ */

html { background: #fff url(../graphics/wood.jpg) repeat 0 0; font: .75em/1.5 Arial, Verdana, Helvetica, sans-serif; }

a { color: #003f5e; }
a:visited {  }
a:hover, a:active { color: #6297A2; }

/* Demo Template
------------------------------ */

#site {  width: 800px; margin: 0 auto 50px; background-color: #ffe79d; min-height:650px;}
#header { background: #990 url(../graphics/header_bg.jpg) no-repeat 0 0; position: relative; overflow: hidden; height: 86px;}
	#header 	img {margin: 0; padding: 0;}
#main-nav {background: #002134; height: 38px;}

#canvas0 {background: #ffe79d; overflow: hidden; min-height:650px; padding-bottom:15px;}

#canvas1 {background: #ffe79d url(../graphics/main_bg2.jpg) no-repeat 100% 100%; overflow: hidden; min-height:650px; padding-bottom:15px;}
#canvas2 {background: #ffe79d url(../graphics/main_bg3.jpg) no-repeat 100% 100%; overflow: hidden; min-height:650px; padding-bottom:15px;}

#canvas3 {background: #ffe79d url(../graphics/main_bg.jpg) no-repeat 100% 100%; overflow: hidden; min-height:650px; padding-bottom:15px;}

#canvas4 {background: #ffe79d url(../graphics/main_bg4.jpg) no-repeat 100% 100%; overflow: hidden; min-height:650px; padding-bottom:15px;}
#canvas5 {background: #ffe79d url(../graphics/main_bg5.jpg) no-repeat 100% 100%; overflow: hidden; min-height:650px; padding-bottom:15px;}
#col-left { float: left; width: 25%; }
#col-right { float: right; width: 284px; margin-left: -100px;}

.col-left #content {float: left; width: 516px;}


#footer { clear: both; background: #553f0a url(../graphics/footer_bg.gif) no-repeat 100% 4px; height: 38px;}

/* Main Nav Details
------------------------------ */
#main-nav ul {margin-right: -10px;}
#main-nav ul li {background: transparent url(../graphics/main-nav-li_bg.gif) no-repeat 100% 0; padding-right: 2px; height: 38px; overflow: hidden;}
#main-nav ul li a:link,
#main-nav ul li a:visited,
#main-nav ul li a:hover,
#main-nav ul li a:active {
	float: left; color: #fff; padding: 14px 18px 16px; font-size: 90%; font-weight: normal; line-height: 1; background: transparent url(../graphics/main-nav_bgh.jpg) no-repeat 50% 38px;
}

#main-nav ul li a:hover,
#main-nav ul li a:active {
	background-position: 50% 0; color: #00f0ff; text-decoration: none;
}

#main-nav ul li#lastitem {background: none; padding-right: 0;}
#main-nav ul li#lastitem a {padding-right: 20px; padding-left: 19px;}

/* Footer Details
------------------------------ */

#footer p {color: #aa9f85; padding: 2px 10px; 0 10px; font-size: 90%; text-align:center;}
#footer p span {padding-right: 11px;}
#footer p span a {color:#A18B49;}
#footer p span a:hover {color:#BDA661;}

/* search form
---------------------------- */

#searchform {position: absolute; right: 13px; bottom: 0; background: transparent url(../graphics/form_bg.jpg) no-repeat 0 0; width: 143px; height: 43px; overflow: hidden;}
#searchform input#keyword {border: none !important; background: none !important; width: 86px; height: 20px; margin: 11px 8px 0 15px; color: #494539 ; font-size: .9em; padding-top: 2px;}
#searchform input#submitbut {margin-left: 200px;}
#searchform input#submitimg {width: 22px; height: 20px;}

/* sitemap
---------------------------- */

#sitemap {float:left;width:50%;}
#sitemap_cell {padding-left:15px;padding-top:8px;}
#sitemap_cell a {color: #003f5e;}
#sitemap_cell a:hover, a:active { color: #6297A2; }

/* HomePage Main Block
-------------------------------- */
#catsdogs {background: transparent url(../graphics/dogs-cats.jpg) no-repeat 0 0; width: 800px; height: 293px; margin: 20px -20px 40px;}
#catsdogs .f-left {background: transparent url(../graphics/dog.jpg) no-repeat 0 0; height: 325px; margin-top: -32px;}
#catsdogs .f-right {background: transparent url(../graphics/cat.gif) no-repeat 100% 100%; height: 306px; bottom: -13px;}

.dogowner {margin: 50px 22px 0 183px;}
.catowner {margin: 18px 183px 0 22px;}

#canvas0 #catsdogs h2 {color: #000; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 1.3em; margin-bottom: .1em;}
#canvas0 #catsdogs p {color: #000; text-align: left; font-size: 12px;}
#canvas0 #catsdogs p.read-more {text-align: right; font-weight: bold;  font-family: Arial Bold, Verdana, Tahoma;}
#canvas0 #catsdogs p.read-more  a {color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; position: relative; padding-right: 12px;}
#canvas0 #catsdogs p.read-more  a span {text-indent: 2000px; width: 10px; height: 13px; position: absolute; right: 0; top: 0; display: block; background: transparent url(../graphics/arrow3.png) no-repeat 0 0;}

#canvas1 #catsdogs h2 {color: #000; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 1.3em; margin-bottom: .1em;}
#canvas1 #catsdogs p {color: #000; text-align: left; font-size: 12px;}
#canvas1 #catsdogs p.read-more {text-align: right; font-weight: bold;  font-family: Arial Bold, Verdana, Tahoma;}
#canvas1 #catsdogs p.read-more  a {color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; position: relative; padding-right: 12px;}
#canvas1 #catsdogs p.read-more  a span {text-indent: 2000px; width: 10px; height: 13px; position: absolute; right: 0; top: 0; display: block; background: transparent url(../graphics/arrow3.png) no-repeat 0 0;}

#canvas2 #catsdogs h2 {color: #000; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 1.3em; margin-bottom: .1em;}
#canvas2 #catsdogs p {color: #000; text-align: left; font-size: 12px;}
#canvas2 #catsdogs p.read-more {text-align: right; font-weight: bold;  font-family: Arial Bold, Verdana, Tahoma;}
#canvas2 #catsdogs p.read-more  a {color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; position: relative; padding-right: 12px;}
#canvas2 #catsdogs p.read-more  a span {text-indent: 2000px; width: 10px; height: 13px; position: absolute; right: 0; top: 0; display: block; background: transparent url(../graphics/arrow3.png) no-repeat 0 0;}

#canvas3 #catsdogs h2 {color: #000; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 1.3em; margin-bottom: .1em;}
#canvas3 #catsdogs p {color: #000; text-align: left; font-size: 12px;}
#canvas3 #catsdogs p.read-more {text-align: right; font-weight: bold;  font-family: Arial Bold, Verdana, Tahoma;}
#canvas3 #catsdogs p.read-more  a {color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; position: relative; padding-right: 12px;}
#canvas3 #catsdogs p.read-more  a span {text-indent: 2000px; width: 10px; height: 13px; position: absolute; right: 0; top: 0; display: block; background: transparent url(../graphics/arrow3.png) no-repeat 0 0;}

#canvas4 #catsdogs h2 {color: #000; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 1.3em; margin-bottom: .1em;}
#canvas4 #catsdogs p {color: #000; text-align: left; font-size: 12px;}
#canvas4 #catsdogs p.read-more {text-align: right; font-weight: bold;  font-family: Arial Bold, Verdana, Tahoma;}
#canvas4 #catsdogs p.read-more  a {color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; position: relative; padding-right: 12px;}
#canvas4 #catsdogs p.read-more  a span {text-indent: 2000px; width: 10px; height: 13px; position: absolute; right: 0; top: 0; display: block; background: transparent url(../graphics/arrow3.png) no-repeat 0 0;}

#canvas5 #catsdogs h2 {color: #000; font-family: Arial, Verdana, Tahoma; font-weight: bold; font-size: 1.3em; margin-bottom: .1em;}
#canvas5 #catsdogs p {color: #000; text-align: left; font-size: 12px;}
#canvas5 #catsdogs p.read-more {text-align: right; font-weight: bold;  font-family: Arial Bold, Verdana, Tahoma;}
#canvas5 #catsdogs p.read-more  a {color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; position: relative; padding-right: 12px;}
#canvas5 #catsdogs p.read-more  a span {text-indent: 2000px; width: 10px; height: 13px; position: absolute; right: 0; top: 0; display: block; background: transparent url(../graphics/arrow3.png) no-repeat 0 0;}

/* Image Canvase
------------------------------------------- */
.pic_canvas {position: relative;}
#canvas0 .pic_canvas img.canvas-rt, #canvas1 .pic_canvas img.canvas-lb {position: absolute; margin: 0 !important;}
#canvas1 .pic_canvas img.canvas-rt, #canvas1 .pic_canvas img.canvas-lb {position: absolute; margin: 0 !important;}
#canvas2 .pic_canvas img.canvas-rt, #canvas2 .pic_canvas img.canvas-lb {position: absolute; margin: 0 !important;}
#canvas3 .pic_canvas img.canvas-rt, #canvas3 .pic_canvas img.canvas-lb {position: absolute; margin: 0 !important;}
#canvas4 .pic_canvas img.canvas-rt, #canvas4 .pic_canvas img.canvas-lb {position: absolute; margin: 0 !important;}
#canvas5 .pic_canvas img.canvas-rt, #canvas5 .pic_canvas img.canvas-lb {position: absolute; margin: 0 !important;}

#canvas0 .pic_canvas img {border: none !important; padding: 0 !important; margin: 0 !important;}
#canvas1 .pic_canvas img {border: none !important; padding: 0 !important; margin: 0 !important;}
#canvas2 .pic_canvas img {border: none !important; padding: 0 !important; margin: 0 !important;}
#canvas3 .pic_canvas img {border: none !important; padding: 0 !important; margin: 0 !important;}
#canvas4 .pic_canvas img {border: none !important; padding: 0 !important; margin: 0 !important;}
#canvas5 .pic_canvas img {border: none !important; padding: 0 !important; margin: 0 !important;}

.canvas_type1, .canvas_type2, .canvas_type3 {margin: 0; clear: both;}
.canvas_type1 {margin-left: 20px;}
.canvas_type2 {background: transparent url(../graphics/picback_264.png) no-repeat 0 0; padding: 8px; width: 248px; margin-left: 20px;}

.with-pic {float: right; padding: 0;}
#canvas0 p.caption {float: left; font-size: 8px !important; color: #516165; font-weight: bold; padding: 7px 0 0 0; width: 150px; margin-right: -50px;}
#canvas0 .w-arrow {padding: 6px 0 0 0; font-size: 8pt;}
#canvas0 .w-arrow3 {padding: 6px 0 0 0; font-size: 8pt;}

#canvas1 p.caption {float: left; font-size: 8px !important; color: #516165; font-weight: bold; padding: 7px 0 0 0; width: 150px; margin-right: -50px;}
#canvas1 .w-arrow {padding: 6px 0 0 0; font-size: 8pt;}
#canvas1 .w-arrow3 {padding: 6px 0 0 0; font-size: 8pt;}

#canvas2 p.caption {float: left; font-size: 8px !important; color: #516165; font-weight: bold; padding: 7px 0 0 0; width: 150px; margin-right: -50px;}
#canvas2 .w-arrow {padding: 6px 0 0 0; font-size: 8pt;}
#canvas2 .w-arrow3 {padding: 6px 0 0 0; font-size: 8pt;}

#canvas3 p.caption {float: left; font-size: 8px !important; color: #516165; font-weight: bold; padding: 7px 0 0 0; width: 150px; margin-right: -50px;}
#canvas3 .w-arrow {padding: 6px 0 0 0; font-size: 8pt;}
#canvas3 .w-arrow3 {padding: 6px 0 0 0; font-size: 8pt;}

#canvas4 p.caption {float: left; font-size: 8px !important; color: #516165; font-weight: bold; padding: 7px 0 0 0; width: 150px; margin-right: -50px;}
#canvas4 .w-arrow {padding: 6px 0 0 0; font-size: 8pt;}
#canvas4 .w-arrow3 {padding: 6px 0 0 0; font-size: 8pt;}

#canvas5 p.caption {float: left; font-size: 8px !important; color: #516165; font-weight: bold; padding: 7px 0 0 0; width: 150px; margin-right: -50px;}
#canvas5 .w-arrow {padding: 6px 0 0 0; font-size: 8pt;}
#canvas5 .w-arrow3 {padding: 6px 0 0 0; font-size: 8pt;}

.w-arrow  a {float: right; text-decoration: none; color: #494539 ; font-weight: bolder; padding-right: 12px; position: relative;}
.w-arrow  a span {background: transparent url(../graphics/arrow.png) no-repeat 0 0; width: 11px; height: 13px; position: absolute; right: 0; top: 50%; margin-top: -7px; text-decoration: none; text-indent: -30000px;}
.w-arrow2  a {float: right; text-decoration: none; color: #494539 ; font-weight: bolder; padding-right: 12px; position: relative;}
.w-arrow2  a span {background: transparent url(../graphics/arrow2.png) no-repeat 0 0; width: 11px; height: 13px; position: absolute; right: 0; top: 50%; margin-top: -7px; text-decoration: none; text-indent: -30000px;}
.w-arrow3  a {text-decoration: none; color: #494539 ; font-weight: bolder; padding-right: 12px; position: relative;}
.w-arrow3  a span {background: transparent url(../graphics/arrow.png) no-repeat 0 0; width: 11px; height: 13px; position: absolute; right: 0; top: 50%; margin-top: -7px; text-decoration: none; text-indent: -30000px;}

#canvas0 .w-50 .w-arrow {padding-top: 0;}
#canvas0 .w-50  p.caption, #canvas0 .w-50 .w-arrow  a {float: none; width: 120px !important; margin-left: 30px; padding-top: 0;}

#canvas1 .w-50 .w-arrow {padding-top: 0;}
#canvas1 .w-50  p.caption, #canvas1 .w-50 .w-arrow  a {float: none; width: 120px !important; margin-left: 30px; padding-top: 0;}

#canvas2 .w-50 .w-arrow {padding-top: 0;}
#canvas2 .w-50  p.caption, #canvas2 .w-50 .w-arrow  a {float: none; width: 120px !important; margin-left: 30px; padding-top: 0;}

#canvas3 .w-50 .w-arrow {padding-top: 0;}
#canvas3 .w-50  p.caption, #canvas3 .w-50 .w-arrow  a {float: none; width: 120px !important; margin-left: 30px; padding-top: 0;}

#canvas4 .w-50 .w-arrow {padding-top: 0;}
#canvas4 .w-50  p.caption, #canvas4 .w-50 .w-arrow  a {float: none; width: 120px !important; margin-left: 30px; padding-top: 0;}

#canvas5 .w-50 .w-arrow {padding-top: 0;}
#canvas5 .w-50  p.caption, #canvas5 .w-50 .w-arrow  a {float: none; width: 120px !important; margin-left: 30px; padding-top: 0;}

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; }
.menu-h li { float: left; list-style: none; padding: 0;}

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { min-height: 24px; border-left: 1px solid #7b8610; }
.menu-h-d li { float: left; display: block; position: relative; border: 1px solid #7b8610; border-width: 1px 1px 1px 0px; list-style: none; }
.menu-h-d li:hover {  }
.menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #7b8610; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.menu-h-d li:hover { background: #7b8610; }
.menu-h-d a:hover { color: #fff; }
.menu-h-d a.active { color: #000; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Vertical Menu
------------------------------ */

.menu-v a, .menu-h a { text-decoration: none; display: block; }
.menu-v a:hover, .menu-h a:hover { text-decoration: underline; }

.menu-v { border-top: 1px solid #7b8610; }
.menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #7b8610; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; border-top: 1px solid #7b8610; }

/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { border-top: 1px solid #7b8610; }
.menu-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #7b8610; border-width: 0px 1px 1px 1px; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #7b8610; }
.menu-v-d a:hover { color: #fff; }
.menu-v-d a.active { color: #000; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #7b8610; left: 100%; width: 100%; background: #fff; }
.menu-v-d li ul li { background: #fff; }

.menu-v-d li:hover ul ul,
.menu-v-d li:hover ul li:hover ul ul { display: none; }

.menu-v-d li:hover ul,
.menu-v-d li:hover ul li:hover ul,
.menu-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-v-d ul ul { left: 100%; }

/* Content elements
------------------------------ */

h1, h2, h3, h4 { font: 1.7em Times New Roman, Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #723b05;}

#col-right h2,
.content h1 {font-size: 2.2em;}

.content h2 { font-size: 2em; }
.content h3 { font-size: 1.3em; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 5em; padding-left: 1em; border-left: 2px solid #7b8610; }

.content ul { margin-left: 2em; line-height: 1.3em; }
.content ul li { margin-bottom: .2em; }

.content ol { margin-left: 3em; line-height: 1.3em; }
.content ol li { margin-bottom: .2em; }

.content .wrpr {margin: 20px 11px 20px 20px;}
.content .wrpr_half {margin: 20px 11px 20px 20px;width:484px;float:left;color:#494539 ;}
.content .wrpr_side {margin: 20px 20px 20px 11px;width:252px;float:left;color:#494539 ;}
.col-full .content .wrpr {margin: 20px;}
#col-right .wrpr {margin: 20px 20px 20px 11px;}

pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }

/* p { text-align: justify; } */

#canvas0 p, #canvas li, #canvas0 blockquote {color: #494539 ; font-size: .97em;}

#canvas1 p, #canvas li, #canvas1 blockquote {color: #494539 ; font-size: .97em;}

#canvas2 p, #canvas li, #canvas2 blockquote {color: #494539 ; font-size: .97em;}

#canvas3 p, #canvas li, #canvas3 blockquote {color: #494539 ; font-size: .97em;}

#canvas4 p, #canvas li, #canvas4 blockquote {color: #494539 ; font-size: .97em;}

#canvas5 p, #canvas li, #canvas4 blockquote {color: #494539 ; font-size: .97em;}

#canvas0 .blue_box p, #canvas1 .blue_box p, #canvas2 .blue_box p, #canvas3 .blue_box p, #canvas4 .blue_box p, #canvas5 .blue_box p {color:#FFFFFF;}

.icons a, .icon { padding-left: 20px; }

.content p, .content ul, .content ol, .content table, blockquote, pre, .columns { margin-bottom: 1em; }

.read-more {text-align: right;}


.blue_box {background:#001C2C url(/graphics/blue_box_gradient.jpg) top repeat-x;}
.blue_box h2, .blue_box a {color:#FFE79D;}
.yellow_border {border:1px solid #FFE79F;margin:3px;padding:20px 13px;}


/* Text align & Float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }


/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; text-align: justify; }
.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: left; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; text-align: left;}

.f-actions { padding-top: 1em; border-top: 1px solid #7b8610; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { padding: 0 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

/* Opera Hack 
------------------------------ */
@media all and (min-width: 0px){ #main-nav ul li a:link,
#main-nav ul li a:visited,
#main-nav ul li a:hover,
#main-nav ul li a:active {padding: 14px 17px 16px 18px;}

#main-nav ul li#lastitem {background: none; padding-right: 0;}
#main-nav ul li#lastitem a {padding-right: 18px; padding-left: 18px;}

#canvas0 .w-50 .w-arrow  a {width: auto !important; float: left; padding-right: 13px;}
#canvas0 #catsdogs p.read-more  a {padding-right: 3px;}
#canvas0 #catsdogs p.read-more  a span {position: relative; display: block; float: right; overflow: hidden; content: ''; background-position: 0 2px;}

#canvas1 .w-50 .w-arrow  a {width: auto !important; float: left; padding-right: 13px;}
#canvas1 #catsdogs p.read-more  a {padding-right: 3px;}
#canvas1 #catsdogs p.read-more  a span {position: relative; display: block; float: right; overflow: hidden; content: ''; background-position: 0 2px;}

#canvas2 .w-50 .w-arrow  a {width: auto !important; float: left; padding-right: 13px;}
#canvas2 #catsdogs p.read-more  a {padding-right: 3px;}
#canvas2 #catsdogs p.read-more  a span {position: relative; display: block; float: right; overflow: hidden; content: ''; background-position: 0 2px;}

#canvas3 .w-50 .w-arrow  a {width: auto !important; float: left; padding-right: 13px;}
#canvas3 #catsdogs p.read-more  a {padding-right: 3px;}
#canvas3 #catsdogs p.read-more  a span {position: relative; display: block; float: right; overflow: hidden; content: ''; background-position: 0 2px;}

#canvas4 .w-50 .w-arrow  a {width: auto !important; float: left; padding-right: 13px;}
#canvas4 #catsdogs p.read-more  a {padding-right: 3px;}
#canvas4 #catsdogs p.read-more  a span {position: relative; display: block; float: right; overflow: hidden; content: ''; background-position: 0 2px;}

#canvas5 .w-50 .w-arrow  a {width: auto !important; float: left; padding-right: 13px;}
#canvas5 #catsdogs p.read-more  a {padding-right: 3px;}
#canvas5 #catsdogs p.read-more  a span {position: relative; display: block; float: right; overflow: hidden; content: ''; background-position: 0 2px;}
}


/* SAFARI HACK 
------------------------------ */
body:first-of-type #main-nav li a {
	 padding: 13px 16px 17px 15px;
}

body:first-of-type #main-nav ul li#lastitem {background: none; padding-right: 0;}
body:first-of-type #main-nav ul li#lastitem a {padding-right: 16px; padding-left: 16px;}