* {margin: 0px; padding: 0px;}
#accessibility { position: absolute; top: -10000px; }
body{font: 12px/1.6em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode","Geneva","Verdana", sans-serif; text-align: center; }
img{ border: none;}

#wrapper-home { margin-left: auto; margin-right: auto; 	background-image: url(http://www.digitalgrinds.ie/img/bar2.jpg);
	background-repeat: repeat-x;}

#header-o{ 	height: 75px; background-image: url(http://www.digitalgrinds.ie/img/background-header.jpg); background-repeat: repeat-x; }

#home-content-o{width: 770px; margin-left: auto; margin-right: auto; height: 200px; background-image: url(http://www.digitalgrinds.ie/img/case.jpg);
	background-repeat: no-repeat; background-position: left bottom; }

#header{width: 770px; margin-left: auto;  margin-right: auto;}

#logo{ width: 250px; float: left; }
#nav{ width: 410px; float: right; padding-top: 15px; text-align: left; }

#navlist li { text-align: left; display: inline; list-style-type: none; margin-right: 20px; }
#navlist li.last{margin-right: 0px;} 
#navlist li.on{font-weight: bold; } 
#navlist li a{ color: #666666; text-decoration: none; }
#navlist li a:hover{ color: #000000; border-top: 3px solid #FFCC66; }

#home-content{width: 770px; margin-left:auto; margin-right:auto;} 
#home-content-blurb{ width: 410px; float: right; text-align: left; }

h2, h3{ font-size: 1.8em; font-weight: normal; line-height: 130%; }

h5{
	font-size: 16px; margin-left: 4px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px;
	font-weight: bold;
	color: black;
	font-family: Arial, Helvetica, sans-serif; 
}

#home-content-blurb img{padding-top: 10px; padding-left: 5px;}

#home-container{width: 770px; margin-left: auto; margin-right: auto; background-image: url(http://www.digitalgrinds.ie/img/case-bottom.jpg);
	background-repeat: no-repeat; background-position: 44px 0px; }

#demo{width: 300px; float: left; border-top: 1px solid #36AEE2; margin-top: 31px; padding-left: 30px; height: 112px;
	color: #333333; }

#container { float: right; width: 430px; text-align: left; }
*html #container {width: 410px; }

/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}

/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
.anchors {list-style: none; margin: 0; padding: 0 0 1px; margin-left: 25px; }
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block; clear: both; content: " ";}
.anchors li {font-size: 1.6em; float: left; margin: 0 1px 0 0;}
.anchors a {background-image: url(http://www.digitalgrinds.ie/img/tabs-back.gif); display: block; position: relative; top: 1px;
    border: 1px solid #36AEE2; /*border-bottom: 0;*/ z-index: 2; padding: 5px 25px 4px; color: #BBE3FF; text-decoration: none; }
.anchors .tabs-selected a { color: white; background-image: none; background-color: #37AEE1; }
.anchors a:focus, .anchors a:active {outline: none; /* @ Firefox 1.5, remove ugly dotted border */ }
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active,
.fragment {}

.anchors a:hover{color: #FFCC66;}

.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;}
.anchors a:hover, .anchors a:focus, .anchors a:active {cursor: pointer;}
.anchors .tabs-disabled {opacity: .4;}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {background: transparent;}
.fragment {font-size: 1.1em; border-top: 1px solid #36AEE2; padding-top: 20px; /*padding-bottom: 20px;*/
padding-left: 0px; padding-right: 50px; height: 280px; }

*html .fragment{height: 300px;}

.fragment a.more, a.more:visited{
	color: #666666;
	font-size: 1em;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

.fragment a.more:hover{
color: #333333;
text-decoration: none;
}

*html .fragment {
height: 260px;
}

ul.home-list{margin-left: 5px; margin-bottom: 10px;
	list-style: none;}

ul.home-list li{
	padding-bottom: 8px;
	background-image: url(http://www.digitalgrinds.ie/img/accept.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left 2px;
}

p.spacing{
background-image: url(http://www.digitalgrinds.ie/staging/img/basket.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-bottom: 10px;
padding-left: 25px;
}

p.spacing2{
padding-bottom: 10px;
padding-left: 25px;
}

p.package {
background-image: url(http://www.digitalgrinds.ie/img/package_go.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
padding-bottom: 5px;
	background-position: left 2px;
}
p.dvd{
background-image: url(http://www.digitalgrinds.ie/img/cd.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left 2px;
padding-bottom: 5px;
}

p.more{
margin-top: 5px;
}

#demo a.demoimage { background: url(http://www.digitalgrinds.ie/img/demo1.gif) no-repeat; width: 238px; height: 112px; display: block; text-indent: -9999px; margin-top: 35px; float: left; padding-bottom: 20px;}
*html #demo a.demoimage { /*margin-left: -30px;*/ }
#demo a.demoimage:hover { background: url(http://www.digitalgrinds.ie/img/demo2.gif) no-repeat; }
#demo p.quickdemo {
	text-align: left;
	
	margin-right: 80px;
	margin-top: 15px;
	font-size: 0.9em;
	padding: 3px;
	line-height: 2em;
	
}


#demo a{
text-decoration: none;
color: #333333;
background-color: #FFE4CA;
	font-style: normal;
	padding: 2px;	

}

#demo a:hover{
background-color: #FFCC66;
	
color: black;

}

#testamonials{
	width: 770px;
	text-align: left;
	border-top: 4px solid #36AEE2;
border-left: 1px solid #36AEE2;
border-right: 1px solid #36AEE2;
border-bottom: 1px solid #36AEE2;
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F0FCFF;
	height: 120px;

	
}

#screenshots{
width: 770px;
text-align: left;

clear: both;
padding-top: 20px;
padding-bottom: 20px;
height: 165px;


}

*html #screenshots{
padding-bottom: 10px;
}

#footer{
	width: 770px;
	text-align: left;
	
	clear: both;
	border-top: 2px solid #36AEE2;
	padding-top: 7px;
	padding-bottom: 2px;
	height: 40px;
	color: #333333;
	
}

#footer-inside{
margin-left: auto;
margin-right: auto;
margin-top: 30px;
	width: 770px;
	text-align: left;
		clear: both;
	border-top: 2px solid #36AEE2;
	padding-top: 7px;
	padding-bottom: 2px;
	height: 40px;
	color: #333333;
}

.foot-l, .foot-l-inside{
float:left;
width: 300px;

}

.foot-r, .foot-r-inside{
text-align: right;
float: right;
width: 400px;
}



.foot-r p{
padding-right: 35px;
}

.foot-r-inside p{
padding-right: 5px;
}

.foot-l-inside p{
padding-left: 5px;
}

.foot-l p{
padding-left: 30px;
}

#footer p{
font-size: 0.9em;

}

#footer a, #footer a:visited, #footer-inside a, #footer-inside a:visited, .test-heading a{
color: #1B84B1;
}

#footer a:hover, #footer-inside a:hover .test-heading a:hover{
text-decoration: none;
}

#testamonials h3, #screenshots h2{
padding-left: 30px;
}

.test-heading p, #screen-head p{
padding-left: 30px;
padding-right: 30px;
}

.test-heading{
float: left;
width: 300px;

}

#screen-head{
float: left;
width: 300px;

}

#newsdiv{
	float: right;
	width: 430px;
	height: 120px;
	background-image: url(http://www.digitalgrinds.ie/img/quote.jpg);
	background-repeat: no-repeat;
	background-position: left -3px;

	
}

ul#news {
	list-style: none;
padding-top: 5px;

}

#news ul li{

}

p.author{color: #666666; font-size: 1.2em; padding-left: 33px; padding-bottom: 2px; padding-right:15px;}
p.quote{color: black; padding-right: 10px; margin: 0px; padding-right:20px; line-height: 1.4em;}

#thumbs{
width: 430px;

float: right;
}

#thumbs a img
{
	padding: 6px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

#thumbs a img:hover
{
	border-color: #36AEE2;
}

#content-inside{
width: 770px;
text-align: left;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
min-height: 500px;
height: auto;
}

*html #content-inside{ height: 500px; }

#content-inside p{
padding-left:5px;
}

#header-inside{
width: 770px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

p.inside{
font-size: 1.2em;
padding-bottom: 20px;
color: #333333;
}

p.inside2{
font-size: 1.2em;
padding-bottom: 20px;
padding-top: 20px;
color: #333333;
}

.crumbs{
margin-left:auto;
margin-right:auto;
width: 770px;
text-align: left;
font-size: 0.9em;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #999999;
border-bottom: 1px dotted #cccccc;
margin-bottom: 20px;
}

.crumbs p{
padding-left: 5px;
}

.crumbs a, .fragment a, #content-inside a{
color: #1B84B1;
}

.crumbs a:hover, .fragment a:hover, #content-inside a:hover{
text-decoration: none;
}
ul.sitemap{
padding-left: 20px;
font-size: 1.8em;
line-height: 160%;
list-style: none;
}

ul.sitemap li.level2{
padding-left: 25px;
margin-left: 20px;
font-size: 0.9em;

background-image: url(http://www.digitalgrinds.ie/img/asterisk_yellow.gif);
	background-repeat: no-repeat;
background-position: left center;
}

ul.sitemap li.level1{
padding-left: 25px;
font-size: 0.9em;

background-image: url(http://www.digitalgrinds.ie/img/asterisk_orange.gif);
	background-repeat: no-repeat;
background-position: left center;
}


ul.sitemap li.level2-last{
margin-bottom: 20px;
margin-left: 20px;
font-size: 0.9em;

background-image: url(http://www.digitalgrinds.ie/img/asterisk_yellow.gif);
	background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
}



img.inner-image{
float: right;
margin-left: 25px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #98D4F0;
display: block;
}

.quotation{
	padding: 15px;
	background-color: #F2FAFD;
	border: 1px solid #98D4F0;
	font-size: 1.2em;
	line-height: 1.6em;
	background-image: url(http://www.digitalgrinds.ie/img/exclamations.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 1em;
}
.quotation p{color: #464646; margin-bottom: 5px;}
.quotation em{color: black;}

p.type{font-size: 1.7em; margin-bottom: 5px; color: #003399;}



table.demo_order { border-collapse: collapse; margin-top: 20px; margin-bottom: 0px; font-size: 0.9em; color: black; width: 100%;}
table.demo_order th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(http://www.digitalgrinds.ie/img/bg_header.jpg) no-repeat; }
table.demo_order td { padding: 5px 11px; border-bottom: 1px solid #95bce2; vertical-align: top; background: #F5FAFA;
	color: #655F56; border-right: 1px solid #C1DAD7; }
table.demo_order td * { padding: 4px 5px; }
table.demo_order tr.alt td { background: white; }
table.demo_order a{ padding: 0px; color: #33464A; font-weight:bold;}
table.demo_order a:hover { text-decoration: none; }




.submit{
	background: url(http://www.digitalgrinds.ie/img/fade-butt.png);
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.5em;
	margin-top: 5px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

input:focus {
 background-color: #FFFFE8;
}

input, textarea{font: 12px/1.4em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode","Geneva","Verdana", sans-serif; }

#screen-head p{margin-left: 6px;}