html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

img{border:none;}
p{margin: 10 0 10 0; font-size:8pt; line-height:1.4em;}
* html p{font-size:9pt;}


.spinner {
    padding: 5px;
    position: absolute;
    right: 0;                                            
}

body {
    background: #213441;
    color: #d4d6d7;
    font: 8pt helvetica, arial, verdana,  sans-serif;
    height:100%;
    text-align:center;
}
a{color: #dea023;text-decoration: none;}
a:hover{text-decoration:underline;} 

h1 {
    /*color: #96b5c9;*/
    color: #c9c396;
    font-weight: bold;
    font-family:Georgia;
    font-style:oblique;
    font-size: 14pt;
}


ul {
    padding-left: 15px;	
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}

select {
    text-align:left;padding:2px; font-size:7pt; background-color:#bdc2c5; color:#1a2b36; border:solid 1px #1a2b36;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}



div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}




/* PAGINATION */

.paginateButtons {
    color: #d4d6d7;
    font: 8pt helvetica, arial, verdana,  sans-serif;
    border-top: 0;
    overflow: hidden;
    padding: 10px 3px;
}

.paginateButtons a {
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #fff;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

textarea, table td textarea{background-color:#bdc2c5; color:#1a2b36; border:solid 1px #1a2b36; font-size:7pt;}
td.alignleft{text-align:left; font-size:10pt;}
td.alighright{text-align:right; font-size:10pt;}

.container{margin:auto;width:835px;text-align:left;}

.header-container{position:relative;clear:both;height:76px;margin:auto;padding:0px;}
.logo{position:absolute; right:20px; top:10px;width:319px; text-align:right;}
.header-break{border-bottom:solid 1px #96b5c9; width:800px;height:5px;margin:auto;}

.admin-menu{width:800px; margin:auto;position:relative; height:37px; background-color:#1a2b36;margin-top:10px;margin-bottom:10px;}
.admin-menu #welcome{width:200px; position:absolute;left:10px;top:10px; font-weight:bold;border-right:solid 1px  #96b5c9;}
.admin-menu #welcome p{margin:0px; padding;0px;}
.admin-menu #links{width:580px;position:absolute; right:10px;top:10px;text-align:right;}
.admin-menu #links a{font-weight:normal;padding:0 15 0 15; color:#96b5c9;}
.admin-menu #links a:hover{text-decoration:underline;}


.main-menu{position:absolute; left:7px; top:0px;width:450px;}
* html .main-menu{left:-10px}
.main-menu ul{margin:35 0 0 0; padding:0; text-align:left;height:35px;}
.main-menu ul li{list-style:none; float:left; display:block; padding:0 1 0 1;}

.innercontent{width:795px; margin:auto;  margin-top:10px; padding-top:5px; min-height:300px;padding-bottom:40px;}
* html .innercontent{height:300px;}


.nav{text-align:right; padding:10px;}
.nav a{padding:10px;}



.footer{text-align:center; height:150px; width:800px; margin:auto;border-top:solid 1px #96b5c9; padding-top:20px; color:#6a808e; position:relative;}
.footer .links{text-align:center; color:#6a808e; width:350px; margin:auto;}
.footer .links a{text-align:center; color:#6a808e;padding:10px;}
.footer .loginlogout{position:absolute; top:20px; right:20px;}
.footer .loginlogout a{color:#74bb6b;}


table.listFull{width:800px; border-collapse:collapse;}
table.listFull tr{border:solid 1px #213441; background:#384e5c;}
table.listFull tr:hover{background:#3c5261;}
table.listFull th{font-size:9pt; font-weight:bold; height:35px; text-align:center;background-color:#1a2b36; padding:5px;}
table.listFull th.total{text-align:right}
table.listFull td{font-size:9pt; height:35px; text-align:center; padding:5px;}
table.listFull td.left{text-align:left;font-size:7pt;}
table.listFull td.alignleft{text-align:left; font-size:9pt; }
table.listFull a{font-weight:normal; text-decoration:none; color:#c9c396;}
table.listFull a:hover{font-weight:normal; text-decoration:underline; color:#c9c396;}


.list-header{height:45px; position:relative;text-align:center;margin-top:0px;}
.list-header img{position:absolute; left:3px; bottom:5px;}
.list-header h1{position:absolute; left:3px; top:7px;font-size:15pt;}
.list-header .center{position:absolute; left:268px; bottom:12px;font-weight:bold; color:#d4d6d7;}
.list-header .center span{font-size: 11pt; font-weight:bold;}
.list-header .list-links{position:absolute; right:0px; bottom:0px; width:400px;height:30px;text-align:right;}
.list-header .list-links a{color:#96b5c9; font-weight:normal; padding-right:10px;}
.list-header .list-links a:hover{text-decoration:underline;}

.list-header-createShowUpdate{width:500px; position:relative; height:50px;}
.list-header-createShowUpdate h1{position:absolute; left:3px; top:7px;font-size:15pt;}
.list-header-createShowUpdate .list-links{position:absolute; right:0px; bottom:0px; width:200px;height:20px;text-align:right; }
.list-header-createShowUpdate .list-links a{color:#96b5c9; font-weight:normal; padding-right:10px;}
.list-header-createShowUpdate .list-links a:hover{text-decoration:underline;}

table.totals{border-collapse:collapse; float:right; padding:10px;margin-top:20px;}
table.totals td{padding:4px; text-align:right; font-size:9pt; font-weight:bold; color:#dea023}
table.totals th{padding:4px; text-align:left; font-size:9pt;}



.message{width:480px; margin-top:10px; padding:10px; font-size:9pt; color:#99C894; border:solid 1px #99C894}


.createShowUpdate, .createShowUpdateBlogEntry{margin:0;}
.createShowUpdate table{width:500px;margin-top:10px; border:solid 1px #3c5261; padding:20px;}
.createShowUpdate table tr:hover, .createShowUpdateBlogEntry table tr:hover{background:#3c5261;}
.createShowUpdate table th, .createShowUpdateBlogEntry table th{text-align:right;padding:4px; font-size:9pt;}
.createShowUpdate table td, .createShowUpdateBlogEntry table td{text-align:left;padding:4px; font-size:9pt;}
.createShowUpdate table td input, .createShowUpdate table td select, .createShowUpdate table td textarea{text-align:left;padding:6px; font-size:9pt; background-color:#bdc2c5; color:#1a2b36; border:solid 1px #1a2b36; }
* html .createShowUpdate table td input,* html  .createShowUpdate table td select{height:35px; }

.createShowUpdate .buttons{width:505px;text-align:right; margin-top:10px;}
.createShowUpdate .buttons input{border:none;background:#4e7c9b; padding:5px; font-size:9pt; font-family:Georgia; font-style:italic; font-weight:bold; color:#fff;}
.createShowUpdate .buttons input:hover{ background:#426f8d; cursor:pointer; cursor:hand; color:#f2eaea;}

.createShowUpdateBlogEntry table{width:800px;margin-top:10px; border:solid 1px #3c5261; padding:20px;}
.createShowUpdateBlogEntry table td input, .createShowUpdateBlogEntry table td select, .createShowUpdateBlogEntry table td textarea{text-align:left;padding:6px; font-size:9pt; background-color:#bdc2c5; color:#1a2b36; border:solid 1px #1a2b36; }
.createShowUpdateBlogEntry .buttons{width:800px;text-align:right; margin-top:10px;}

.createShowUpdateBlogEntry .buttons input{border:none;background:#4e7c9b; padding:5px; font-size:9pt; font-family:Georgia; font-style:italic; font-weight:bold; color:#fff;}
.createShowUpdateBlogEntry .buttons input:hover{ background:#426f8d; cursor:pointer; cursor:hand; color:#f2eaea;}

.createShowUpdateBlogEntry table tr.fileurl td,  .createShowUpdateBlogEntry table tr.fileurl td input{font-size:12pt;}

.projectDashboard{position:relative;}
.projectDashboard .top{height:45px;position:relative;font-size:18pt; text-align:left;margin:0px; padding:0px;color: #ffffff;font-weight: bold; font-family:Georgia;font-style:oblique;}
.projectDashboard .top p{font-size:14pt;color: #ffffff;font-weight: bold; font-family:Georgia;font-style:oblique;}
.projectDashboard .top b{color:#c9c396;}
.projectDashboard .top a{font: 8pt helvetica, arial, verdana,  sans-serif; font-weight:normal;color:#96b5c9;}
.projectDashboard .top a:hover{text-decoration:underline;}


.projectDashboard .rightside{width:225px;position:relative; float:right;top:0px;background:#384e5c; text-align:center; padding:0px;}
.projectDashboard .leftside{width:545px;position:relative;float:left; top:0px;}


.projectDashboard .rightside .top{background-image:url('/gfunkmedia/images/website-images/comments-top.gif'); height:14px; background-repeat:no-repeat;background-color:#384e5c; background-position:top; }
* html .projectDashboard .rightside .top{height:0px;padding:0px; margin:0px;}
.projectDashboard .rightside .bottom{background-image:url('/gfunkmedia/images/website-images/comments-bottom.gif');height:9px;background-repeat:no-repeat;background-repeat:no-repeat;background-color:#384e5c;background-position:bottom;}
.projectDashboard .rightside .commentcontent{width:185px;padding: 0 0 0 0; margin:auto; text-align:left;}
.projectDashboard .rightside .commentcontent p{line-height:1.2em; padding:1 0 1 0; margin: 1 0 1 0;}
.projectDashboard .rightside .commentcontent textarea{text-align:left;padding:6px; background-color:#bdc2c5; color:#1a2b36; border:solid 1px #1a2b36; font-size:8pt;}
.projectDashboard .rightside .commentcontent p.commentdate{margin:0px; padding:0 0 5 0;}
.projectDashboard .rightside .commentcontent p.commentfrom{margin:0; font-weight:bold; font-size:8pt; padding:7 0 0 0; line-height:normal;}
.projectDashboard .rightside .commentcontent p.commentdate span{font-weight:normal; font-style:italic; font-size:7pt; margin:0 0 10 0; line-height:normal;}
.projectDashboard .rightside .commentcontent p.comment{ font-size:7pt;}
.projectDashboard .rightside .commentcontent p.break{border-bottom:solid 1px #96b5c9; padding-bottom:10px;}
.projectDashboard .rightside .commentcontent .postcomment{text-align:right;padding:0px; margin:0px;}
.projectDashboard .rightside .commentcontent .postcomment img{padding:0px; margin:0px;margin-top:7px;   }

.projectDashboard table.listHalf{width:545px; border-collapse:collapse;}
.projectDashboard table.listHalf tr{border:solid 1px #213441; background:#384e5c;}
.projectDashboard table.listHalf tr:hover{background:#3c5261;}
.projectDashboard table.listHalf th.header{background-color:#1a2b36;text-align:left;padding:12px;}
.projectDashboard table.listHalf th.header-right{background-color:#1a2b36;text-align:right;vertical-align:bottom;}
.projectDashboard table.listHalf th.header-right a{font-size:8pt;}
.projectDashboard table.listHalf th{font-size:10pt; font-weight:bold; height:35px; text-align:center;background-color:#253a48; padding:5px;}
.projectDashboard table.listHalf td{font-size:10pt; height:35px; text-align:center; padding:5px; }
.projectDashboard table.listHalf th.total{text-align:right}
.projectDashboard table.listHalf a{font-weight:normal; text-decoration:none; color:#c9c396;}
.projectDashboard table.listHalf a:hover{font-weight:normal; text-decoration:underline; color:#c9c396;}

.projectDashboard .totals{margin-top:20px;}
.projectDashboard .totals div{float:right; width:210px;height:40px;vertical-align:middle; position:relative; border:solid 1px #384e5c; background-color:#213441; }
.projectDashboard .totals div p{margin:0px;position:absolute; top:7px; right: 90px; font-size:10pt; font-weight:bold; font-style:oblique;text-align:right;}
.projectDashboard .totals div p b{color:#dea023;font-size:12pt; }
.projectDashboard .totals div p .space{ padding-left:50px;}
.projectDashboard .totals div p{right: 20px;}


.projectDashboard .projectfiles{width:545px; margin-top:40px;background-color:#1a2b36; }
.projectDashboard .projectfiles .head{text-align:right; position:relative;padding:0px;height:35px;}
.projectDashboard .projectfiles .head img{position:absolute; top:13px; left:12px; }
.projectDashboard .projectfiles .head span{position:absolute; top:26px; right:7px;}
.projectDashboard .projectfiles .head a{font-size:8pt;color:#c9c396;font-weight:normal;padding-right:7px; margin:0px;}
.projectDashboard .projectfiles .head a:hover{text-decoration:underline;}
.projectDashboard .projectfiles .files{margin-top:10px; margin-bottom:10px;background-color: #384e5c; min-height:90px; padding-bottom:10px;}
* html .projectDashboard .projectfiles .files{height:90px;}

.projectDashboard .projectfiles .files p{padding-top:0px; margin:0px;}
.projectDashboard .projectfiles .files .image{width:75px; height:75px; float:left;margin:15px;}
.projectDashboard .projectfiles .files .image p{padding:3 0 0 7;width:75px;}
.projectDashboard .projectfiles .files img{padding:4px; border:solid 1px #7a96a8; }
.projectDashboard .projectfiles .files img:hover{background:#dea023;}
.projectDashboard .projectfiles p{font-size:8pt;padding:8px;}




/*
* blog style
*/

.showblogentry{}
.showblogentry .entrycontent{width:575px; float:left;margin-bottom:20px;line-height:1.5em; font-size:9pt; font-family:Heveltica, Arial;}
.showblogentry .entrycontent .blog-links{text-align:right;}
.showblogentry .entrycontent .blog-links a{text-align:right;font-size:8pt;color:#96b5c9;font-weight:normal;padding:0px; margin:0px;}
.showblogentry .entrycontent .blog-links a:hover{text-decoration:underline;}
.showblogentry .entrycontent .blog-header h1{padding: 5 0 15 0; color:#c9c396; font-family:Arial; font-style:normal;}
.showblogentry .entrycontent .blog-header h1 a{text-decoration:none; color:#c9c396}  
.showblogentry .entrycontent .blog-header h1 a:hover{text-decoration:underline; color:#c9c396}
.showblogentry .entrycontent .blog-header p{font-size:7pt; font-style:italic; padding:0px; margin:0px; line-height:normal;}
.showblogentry .entrycontent .entry p{line-height:1.5em; font-size:9pt;margin: 10 0 10 0; padding-top:5px; padding-bottom:5px;}
.showblogentry .entrycontent .list-comments{margin:10 0 20 0; text-align:right;}
.showblogentry .entrycontent .list-comments h2{font-size: 9pt;}
.showblogentry .comments{margin: 20 0 40 0; min-height:50px;}
* html .showblogentry .comments{ height:50px;}

/*
* actual entry style
*/
.showblogentry .entrycontent .entry table.vertical{border-collapse:collapse; border:solid 1px #3c5261;margin:10 0 10 0; padding:0px;}
.showblogentry .entrycontent .entry table.vertical td{border:solid 1px #3c5261; padding:14px; text-align:center;margin:0px;}
.showblogentry .entrycontent .entry table.vertical th{border:solid 1px #3c5261; padding:14px;text-align:center;margin:0px;}


.showblogentry .comments h1, .showblogentry .postcomment h1{font-size:13pt; border-bottom:1px dotted #c9c396; padding:0 0 0 2; margin:10 0 2 0}
.showblogentry .postcomment h1{border:none; margin:20 0 20 0}

.showblogentry .comments{}
.showblogentry .comments p.name{margin:15 0 0 0; font-weight:bold; color:#96b5c9}
.showblogentry .comments p.name a{text-decoration:underline; color:#96b5c9;}
.showblogentry .comments p.name b{font-weight:normal; color:#d4d6d7}
.showblogentry .comments p.name a:hover{text-decoration:none;}
.showblogentry .comments p.comment{padding:0 0 20 0px; margin: 0 0 15 0; border-bottom: solid 1px #2a3f4e;}


.showblogentry table{padding:15px;border:solid 1px #3c5261;}
.showblogentry table tr:hover, .createShowUpdateBlogEntry table tr:hover{background:#3c5261;}
.showblogentry table tr.nohover:hover{background:#213441;}
.showblogentry table th, .showblogentry table th{text-align:right;padding:4px; font-size:8pt;}
.showblogentry table td, .showblogentry table td{text-align:left;padding:4px; font-size:8pt;}
.showblogentry table td.spamblock div{position:relative;}
.showblogentry table td.spamblock img{position:absolute; top:-2px; right: 0px;padding:3px; border:solid 1px #7a96a8; }
.showblogentry table td input, .showblogentry table td select, .showblogentry table td textarea{text-align:left;padding:6px; font-size:9pt; background-color:#bdc2c5; color:#1a2b36; border:solid 1px #1a2b36; }
.showblogentry .buttons{width:505px;text-align:right; margin-top:10px;}
 .showblogentry table td.spamblock{font-size:10pt; font-weight:bold; padding:10px;}

.showblogentry .categories{float:right; width:180px; text-align:center; background-color:#1a2b36;}
.showblogentry .categories .top{width:180px; height:46px; background-image:url('/gfunkmedia/images/website-images/blog-top.gif'); background-repeat:no-repeat;}
.showblogentry .categories .bottom{width:180px; height:17px; background-image:url('/gfunkmedia/images/website-images/blog-bottom.gif'); background-repeat:no-repeat;}
.showblogentry .categories .menu{width:170px; margin:auto;padding:10 0 20 0;}
.showblogentry .categories .menu ul{text-align:left; font-weight:bold; font-size:8pt;}
.showblogentry .categories .menu ul li{list-style:none; padding:5 0 5 0}
.showblogentry .categories .menu ul li a{color:#fff;}


/*
* about style
*/

.aboutcontainer{width:100%}
.aboutcontainer .mikecurtis{text-align:left;float:left; width:245px;padding:0 0 20 0}
.aboutcontainer .mikecurtis img{margin:30 0 0 0}
.aboutcontainer .mikecurtis p{text-align:left; line-height:1.4em; margin:15 0 15 0}
.aboutcontainer .ourskills{float:right; width:542px; }
.aboutcontainer .gfunk{width:700px; float:right;}
.aboutcontainer .gfunk img{float:left;width:100px;}
.aboutcontainer .gfunk p{float:right;width:590px;}


/*
* services style
*/

.servicescontainer{text-align:left;width:100%}
.servicescontainer .top{margin:0 0 30 0;}
.servicescontainer .top p{float:left; width:430px;}
.servicescontainer .top img{float:left;margin: 0 0 0 80;}
.servicescontainer .left p, .servicescontainer .right p{width:310px;}
.servicescontainer .left{float:left; width:390px;}
.servicescontainer .right{float:right;width:390px;}
.servicescontainer .pricing{margin: 10 80 60 0; text-align:right;}




/*
* portfolio style
*/
div.portfoliocontent {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:565px;
    position:relative;
    height: 550px;
}
div.background{background-image:url('/gfunkmedia/images/portfolio/portfoliobg.png'); background-repeat:no-repeat;z-index:-1;height:392px; width:560px; position:absolute; top:13px; right:24px;}
div.portfoliocontent a, div.navigation a {font-size:7pt;text-decoration: none;color: #96b5c9; }
div.portfoliocontent  a:focus, div.portfoliocontent  a:hover, div.portfoliocontent  a:active {text-decoration: underline;}
div.controls {margin-top: 5px;height: 23px; margin:0 50 14 10;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}

div.loader {background-image: url('loader.gif');background-repeat: no-repeat;background-position: center;width: 565px;height: 400px}
div.slideshow {clear: both;}
div.slideshow span.image-wrapper {float: left;padding-bottom: 12px;position:relative;}
div.slideshow a.advance-link {padding: 2px;display: block;}
div.slideshow img {border: none;display: block;}
div.download {float: right;}
div.embox {clear: both;padding: 12px;}
div.image-title {font-weight: bold;font-size: 1.4em;}
div.image-title a{font-weight: normal;}
div.image-desc {line-height: 1.3em;padding-top: 12px;}
div.image-desc li{font-family: Arial; line-height: 1.2em; padding:3 3 3 0; color:#fff; list-style:none;}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.navigation ul.thumbs {clear: both;margin: 0;padding: 0;}
.navigation ul.thumbs li {float: left;padding: 0;margin: 5px 10px 5px 0;list-style: none;}
.navigation a.thumb {padding: 2px;display: block;border:solid 1px #3c5261;}
.navigation ul.thumbs li.selected a.thumb {background: #4e7c9b;}
.navigation a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current {display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border:solid 1px #3c5261;}
div.pagination a:hover {background-color: #eee;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #4e7c9b;border:solid 1px #3c5261;color: #fff;}





/*
* contact us style
*/

.contactus{position:relative;height:720; width:100%; background-image:url('/gfunkmedia/images/website-images/contactus/contactus2.png'); background-repeat:no-repeat;}
.contactus input.name{padding:10px;position:absolute; top:93px; left:177px; background:transparent; font-family:Georgia; font-style:oblique; font-size:13pt;}
.contactus input.email{padding:10px;position:absolute; top:148px; left:177px; background:transparent; font-family:Georgia; font-style:oblique; font-size:13pt;}
.contactus input.captcha{padding:10px;position:absolute; top:425px; left:207px; background:transparent; font-family:Georgia; font-style:oblique; font-size:13pt;}
.contactus textarea.comment{padding:10px;position:absolute; top:240px; left:103px; background:transparent; font-family:Georgia; font-style:oblique; font-size:13pt;}
.contactus a.send{position:absolute; top:424px; right:290px;}
.contactus input.name:hover, .contactus input.email:hover,.contactus textarea.comment:hover, .contactus input.captcha:hover{background-color:#fcfcd8;}
.contactus input.name, .contactus input.email,.contactus textarea.comment, .contactus input.captcha{border:none;}
.contactus img.contactCaptcha{position:absolute; top:430px; left:95px; }
.contactus .or{position:absolute;top:50px; height:20px;width:200px; right:10px;}
.contactus .or h1{text-align:left;}
.contactus .or p{f margin:10 10 0 0;}

.hireus{position:absolute; right:0px; top:35%;}



.customerdashboard{text-align:center;}
.customerdashboard p{text-align:left; width:520px;margin:auto; margin-top:20; margin-bottom:20;}
.customerdashboard .image{padding:10px; margin:auto; width:520px; border:solid 1px #3c5261; margin-top:20; margin-bottom:20;}
.customerdashboard .image:hover{background-color:#5ca653;}
.customerdashboard .image img{padding:10px;}
.customerdashboard .image img:hover{background-color:#5ca653;}


a#comercia-preview{display:block; clear:both; height:356px; width:471px; background:url('/gfunkmedia/uploads/Image/comercia-preview.png') 0px -349px no-repeat;}

a#comercia-preview:hover{background-position: 0px 0px;}