/*
Sand Carving Designs - Niall Dynes
Designed by Jamie Brennan 2010
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 10 Typography 
* 11 Other
*/
 
/*
# 1 Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;height: 100%;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/*
# 2 Layout ################### 
*/

body{height: 100%;font:75%/1.5 "AvantGarde",  Tahoma, Arial, sans-serif;;color:#CCC;background:#000;}


#wrap{min-height: 100%; width:auto;}

#home-container{width:960px; height:650px; margin:0px auto 0px auto; background-image:url(../img/home-bkg.png); background-position:right top; background-repeat:no-repeat; padding:0;overflow:auto;padding-bottom:300px;}

#container{width:960px; height:auto; margin:0px auto 0px auto; backround-image:url(../img/page-bkg.png); background-position:right top; background-repeat:no-repeat; padding:0; overflow:auto;padding-bottom:300px;}

#header{width:960px; height:90px; margin:0;}

#content{width:960px; height:auto; margin:10px auto auto auto;}

#bottom-title{width:960px; height:40px; margin:40px auto -20px auto;}

.leftshort{float:left; padding:0 10px 0 50px; margin:0 -40px 0 0; border-right:1px #CCC solid;}

/* Footer code */

#footer {position: relative;margin-top: -300px; height:300px;clear:both;background-image: url(../img/footer-bkg2.png); background-repeat:repeat-x;} 

/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}

#footerholder{width:960px; height:auto; margin:auto;}


#products-row{width:960px; height:250px; padding:10px 0px 0px 50px;float:left;}
#products-row-ag{width:960px; height:400px; padding:10px 0px 30px 50px;  float:left;}
.product {width:140px; float:left; padding:0 17px 0 0;}
.product p {font-size:10px;padding:5px 0 10px 0;}
.product img {border:3px solid #333;}
.product img:hover {border:3px solid #fff;}

.productgd {width:155px; float:left; padding:0 35px 0 0;}
.productgd p {font-size:10px;padding:5px 0 10px 0;}
.productgd img {border:3px solid #333;}
.productgd img:hover {border:3px solid #fff;}

.productag {width:250px; float:left; padding:0 70px 0 0;}
.productag p {font-size:10px;padding:5px 0 10px 0;}
.productag img {border:3px solid #333;}
.productag img:hover {border:3px solid #fff;}



/* # 3 Nav ###################  */

.nav{width:950px;height:auto; dicplay:block; clear:both; padding:5px; margin:20px 0 30px 0;background-color:#333; }

.nav li {display:inline; font-size:11px;margin:0 20px 0 0; text-decoration:none; padding:5px;}

/* # 4 Headings ###################  */

h1{margin:0 0 1.5em; color:#fff; letter-spacing:2px; text-shadow:#999 0px 0px 1px;font-family:"AvantGardeDemi",  Tahoma, Arial, sans-serif; font-size:18px; font-variant: small-caps; font-weight:100;}

h2{margin:0 0 1.5em; color:#fff; letter-spacing:5px; text-shadow:#999 0px 0px 1px;font-family:"AvantGarde",  Tahoma, Arial, sans-serif; font-size:23px; font-weight:100; text-shadow:#fff 0px 0px 2px;}

h3{}

h4{}

#logo{width:;height:;background:url(images/logo.gif) no-repeat;}
#logo a{display:block;height:100%;width:100%;}

.logo-button{width:444px; margin:20px 0px auto auto; float:left;}
.logo-button a {display:block;width:444px;height:66px;background: url("../img/home-logo-rollover.png") 0 0 no-repeat; margin:auto;}
.logo-button a:hover {background-position: 0 -67px;}
.logo-button a:active {background-position: 0 -67px;}
.logo a span{position:absolute;left:-9999px;top:-9999px;border:none;}

/* # 5 Lists ################### */

li{margin:1.5em 0 0 45px; color:#fff; letter-spacing:2px; text-shadow:#999 0px 0px 1px;font-family:"AvantGardeDemi",  Tahoma, Arial, sans-serif; font-size:18px; font-variant: small-caps; list-style-image:url("../img/bullet.png");list-style-type:square;}



#links li{font-size:16px;}

/* # 6 Images ################### */

img{border:none; margin:10px 0 0 0;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/*
# Links ################### 
*/

a:link{color:#fff;text-shadow:#fff 0px 0px 2px; border-bottom:1px #FFF dotted;}
a:visited{color:#fff;border-bottom:1px #FFF dotted;text-shadow:#fff 0px 0px 2px;}
a:hover{color:#fff; text-shadow:#fff 0px 0px 6px, #fff 0px 0px 2px;border-bottom:1px #FFF solid;}
a:active{color:#fff; text-shadow:#fff 0px 0px 6px, #fff 0px 0px 2px; position:relative;top:1px;}

.logo-button a {border:none;}
.product a {border:none;}
.productgd a {border:none;}
.productag a {border:none;}

/*
# Typography ################### 
*/

/* @font-face */
@font-face {font-family: 'AvantGardeDemi';src: url('../fonts/fi_1-webfont.eot');src: url('../fonts/fi_1-webfont.woff') format('woff'), url('../fonts/fi_1-webfont.ttf') format('truetype'), url('../fonts/fi_1-webfont.svg#webfontXKKIF0FK') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'AvantGardeBook';src: url('../fonts/fi-webfont.eot');src: url('../fonts/fi-webfont.woff') format('woff'), url('../fonts/fi-webfont.ttf') format('truetype'), url('../fonts/fi-webfont.svg#webfontCAphk4ia') format('svg');font-weight: normal;font-style: normal;}


p{margin:0 0 1.6em; color:#CCC;line-height:150%; letter-spacing:2px; text-shadow:#999 0px 0px 1px;font-family:"AvantGarde",  Tahoma, Arial, sans-serif; font-size:15px; padding:0 30px 0 50px;}

#footer p {margin:0 0 1.5em; color:#999999;line-height:150%; letter-spacing:2px; text-shadow:#999 0px 0px 1px;font-family:"AvantGarde",  Tahoma, Arial, sans-serif; font-size:10px; padding:0 0px 0 0px;}

.light {font-family:"AvantGarde",  Tahoma, Arial, sans-serif;}

/* # 11 Other ################### */

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}


/*LIGHTBOX STYLING */
#lightbox{
	background-color:#000;
	padding:15px;
	border: 3px solid #fff;	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 1em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top:-15px; right:-5px; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
	}

.center-image{text-align:center;}