/*GRANITE WORX CSS STYLESHEET - DEVELOPED BY VANQUISH MEDIA 2009 */

/* GENERAL SETTINGS */
span.required {color:#3fc728; font-size:12px; font-weight:bold}
input {overflow: visible;}
/*BODY*/
* {margin:0; padding:0; }
html {min-height: 101%;}
.clr { clear:both; }
body { width:100%; margin:10px auto; background:url(../images/bg.jpg) #020202 no-repeat top center; padding:0 0 30px 0; font-family:"Trebuchet MS",Verdada,Sans;}

#cms_page_content ol {
padding: 30px;
}

* {outline:none;}

/*PAGINATION */
div.pagination {clear:left; float:left; margin:5px 0; width:100%; text-align: center;}
div.pagination a {color:#fff; padding:0 2px;}
div.pagination a:hover {color:#566200;}
div.pagination b {color:#566200;}

/*HEADER*/
#header { margin:10px auto 0 auto; width:800px; /*height:254px;*/ background:url(../images/glass_bg.png); border-top:1px solid #474745; border-right:1px solid #474745; border-left:1px solid #474745; position:relative; }
#header img { margin: 0 0 0 0; border:none; padding:0;}
#flashResizer {z-index: 2000; position:absolute; top: 55px; left:0;}
#header a {display: block; width: 800px; height: 54px;}

/*NAV*/
#nav { background:url(../images/nav_bg.png); height:45px; width:802px; font-family:Times;
text-align:center; /*position:relative; z-index: 1;*/ margin:0 auto -10px auto; _azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",	this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg   :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = 
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); }
#nav ul { list-style-type:none; margin:0; padding:0; 
width:750px; margin:0 auto; font-size:16px; font-style:italic; /*position:relative;*/ }
#nav ul li { float:left; display:inline; border-left:1px solid #b3cf33; margin:1px 0 0 0; }
#nav ul li:first-child { border:none; }
#nav ul li a { text-decoration:none; text-transform:capitalize; color:#fff; line-height:38px; padding:10px 18px 10px 18px;  text-shadow: #111 2px 2px 2px;}
#nav ul li a:hover,a.current_page { background:url(../images/nav_bg_selected.png) repeat-x; text-shadow: #fff 0 0 2px;}

/*CONTENT*/
#content_bg { margin:5px auto 0 auto; padding:10px; width:780px; 
background:url(../images/glass_bg.png); border:1px solid #474745; border-top:none; _azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",	this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg   :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = 
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); }

	
#paragraph { width:466px; float:left; }	
#content h2 { color:#FFFFFF; margin:15px 0 0 20px; } 
#content { margin:0 auto 10px auto; width:750px; background:url(../images/content_bg.png); border:1px solid #474745; padding:0; _azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",	this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg   :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = 
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); }
#content img { margin:10px 0 0 10px; }

#content p {float:left; width:425px; color:#FFFFFF; font-family:"Trebuchet MS"; font-size:12px; padding:0px 25px 20px 20px; text-align:justify;}
#right_side { text-align:center; width:254px; float:left; margin:-100px 0 0 0; }
#right_side #gallaries {border:1px solid white; background-color:#656565;}
#right_side img { margin:10px 0 0 0; border:1px solid white;}
#right_side h3 { background:url(../images/view_gallery_bg.gif) repeat-x; height:37px; line-height:37px; border-bottom:1px solid white; color:#FFFFFF; margin:0; }
#right_side h4 { color:#FFFFFF; background:url(../images/h_bg.gif); width:191px; margin:0 auto; }
#right_side h4 a {color:#fff; text-decoration:none;}
#right_side h4 a:hover {color:#ddd;}


div#content ul {list-style-type:square; float:left; width:425px; color:#FFFFFF; font-family:"Trebuchet MS"; font-size:12px; margin:0 0 0 20px}
div#content ul li {margin:5px;}

#cms_page_content { float:left; width: 425px;color: #ffffff;font-size: 12px;padding-top: 0px;padding-right: 25px;padding-bottom: 20px;padding-left: 20px;text-align: justify;}
#cms_page_content p { margin:0 0 5px 0; padding:0; }
#cms_page_content h2 { margin:0 0 5px 0}
#cms_page_content img {margin:0; font-size:0;}

/*FOOTER*/
#footer { clear:both; width:800px; text-align:left; color:#fff; margin:0 auto 20px auto; font-size:13px; padding:0; }
#footer ul { list-style-type:none; padding:10px 0 0 0; float:left; width:600px;}
#footer ul li { display:inline; border-left:1px solid #474745; margin:0 0 0 5px; padding:0 0 0 10px; float:left;  }
#footer ul li:first-child { border:none; }
#footer ul li a {text-transform:capitalize; color:#FFFFFF; text-decoration:none; padding:5px 0 5px 0; }
#footer ul li a:hover { color:#b3cf33; }

/*VANQUISH LINK */
#vanquish { display:inline; padding:0;text-align:right; margin:10px 0 0 0; float:right;}
#vanquish a { color:#FFFFFF; text-decoration:none; }
#vanquish a:hover { color:#b3cf33;}

/*HEADER IMG*/
#content img.page_header { float:left; }

/*SIDEBAR MENU */
#content ul.sidebar_menu { display:inline; margin:0 0 0 25px; width:220px; border:1px solid white; float:left; clear:both;}
#content ul.sidebar_menu li { text-transform:capitalize; list-style-type:none; border-top:1px solid #474745; display:inline; float:left; width:100%; margin:0;}
#content ul.sidebar_menu li:first-child { border:none; }
#content ul.sidebar_menu li a { list-style-type:none; color:#FFFFFF; display:block; text-decoration:none; padding:8px 10px;}		
#content ul.sidebar_menu li a:hover,a#current_sub_page { background:url(../images/view_gallery_bg.gif); }

	
	/*LOGOUT DIALOG*/
	#logout { color:#000; width:800px; margin:0 auto; font-size:11px; text-transform:uppercase; 
	background:#FFFF99; padding:3px; font-family:"Trebuchet MS",Verdad,Sans; }
	
	
	/*PAGE - ABOUT US*/
	p#about_us { width:400px; margin:0 0 0 10px; float:left;}
	
	/*PAGE - SELECT YOUR STONE*/
	#form1 { width:750px; float:left; margin-top:10px;}
	#column_1{ clear:both; width:230px; float:left; display:inline; }
	#column_1 p { width:200px; float:left; }
	#column_2{ width:280px; float:left; }
	#content #column_2 p {width: auto; }
	.thickbox { color:#fff; font-size:10px; padding:2px; text-decoration:none; margin:0 0 10px 0;background:url(../images/view_gallery_bg.gif) repeat-x; border:1px solid #474745; }
	.thickbox:hover { background:#000; }
	div#column_3 {display: block; float:left; width:180px; margin:0 0 25px 0; padding: 0;}
        div#column_3 h2 {font-size:10pt; margin:5px 0; float:left; border-bottom:1px solid; }
        div#column_3 p {font-size:8pt; margin:5px 0 0 0; padding:0; width:180px}
        div#column_3 p#success {float:left; padding:6px 6px 6px 26px; border:1px solid green; width:150px; background:url(../images/success.gif) no-repeat #e2ffd3; color:#000}
        form#form1 label {font-size:10px}
        div#quote_errors {width:590px; margin:0 auto 20px auto; display:block; overflow:auto; border:1px solid #999; clear:left; padding:0; text-align:center; background:#8f2a2a;}
        div#content div#quote_errors p {margin:0; padding:2px; float:none; text-align:center; color: #fff; font-size:12px; width:auto;}

	/*PAGE - GALLERY */
	div#idOfElement1 {clear: both; font-size:1px;}
	div#content #edges {color:#fff; margin:0 0 10px 10px; width:730px; height:170px;  overflow: auto; white-space: nowrap; border:1px solid #ccc; position: relative;}
	#edges span.edge_title {position:absolute; bottom:-20px; left:0; font-size:11px;}
	
	div#content #edges li {border-bottom:1px solid #fff; display:inline; position:relative; width:300px; padding:0 20px;}
    div#content ul#gallery_nav { display:inline-block; float:left; width:100%; margin:5px 0 15px 20px; list-style-type:none; font-family:"Trebuchet MS",Verdada,Sans; padding:5px 0; }
	div#content #gallery_nav li { display:inline; border-left:10px solid #566200; background:url(../images/gallery_list_bg.gif); margin:0 5px 0 0; padding:5px 0; float:none; font-size:16px; width:250px;}
	#gallery_nav li a { color:#fff; text-decoration:none; padding:9px 10px 5px 10px; text-transform:uppercase; font-size:12px;}
	#gallery_nav li a:hover,#gallery_nav li a#current_sub_page { background:url(../images/gallery_list_bg_hov.gif) repeat-x; }
	#gallery_slider { float:left; margin:0 0 20px 0; border:1px solid red; padding:0; width:100px; }
	#content p.thickness_options { clear:both;   padding:0 0 0 5px; margin: 10px 0 10px 10px;}
	#content p.thickness_options span { color:#fff; font-size:15px; font-weight:bold; text-decoration:underline; }
        div#content #edge_profiles {background:url(../images/edge_profiles_bkg.gif) no-repeat; margin:-15px 0 0 15px; clear: left; padding-top:5px; width:200px;}
		div#content p#edge_profiles {margin-bottom:5px; padding-bottom:0;}
		#edge_profiles a {color:#fff; text-decoration:none;};
		
		/*PAGE - RESIDENTIAL/COMMERCIAL */
		div#content #gallery { width:750px; text-align:center; }
		div#content .gallery_thumb { padding:0; margin:0; float:left; width:95px; height:75px; margin:0 0 20px 20px; text-align:center;}
		div#content .gallery_thumb a { background:none; background-color:#7c7c7c; padding:5px; margin: 10px 10px 10px 15px; width:100px; height:75px; text-align:center; border:none; float:left; }
		div#content .gallery_thumb a:hover { background:#666; }
		div#content .gallery_thumb img { border:1px solid #666; font-size:0px;padding:0; margin:0; vertical-align:middle;}
		div#content #res_com_hdr { float:left; clear:both; width:700px; margin:15px 0 0 20px;}
	
	/*PAGE - CONTACT US */
	#contact_edmonton { width:225px; float:left; margin:0 20px 20px 10px; padding:0; }
		#contact_edmonton h4 { width:210px; margin:0; border:1px solid #666; padding:5px; font-size:18px; background:url(../images/view_gallery_bg.gif) repeat-x; color:#fff;}
		#contact_edmonton p {width:220px; height:150px; padding:0; text-align:left;}
		#map1 { width:220px; height:210px; border:1px solid #666; background-color:#666; display:inline; float:left; margin:0 0 10px 0;}
	#contact_calgary { width:225px; float:left; margin:0 20px 0 0; }
		#contact_calgary h4 { width:210px; margin:0; border:1px solid #666; color:#fff; padding:5px; font-size:18px; background:url(../images/view_gallery_bg.gif) repeat-x; }
		#contact_calgary p {width:220px; height: 150px; padding:0; text-align:left;}
		#map_calgary { width:220px; height:210px; border:1px solid #666; background-color:#666; margin:0; display:inline; float:left;}
		a#privacy_link {color: #b3cf33; text-decoration: none; margin:10px 0 5px 0; padding:0 0 1px 0; float:left; width:90%}	
		#column_2 a#privacy_link {float:left; width:60%}
	
	/*PAGE - FEATURED ITEMS */
		div#content #featured_list { list-style-type:none; margin:0; padding:0; width:700px; }
		#featured_list img {  float:left; margin:0 5px 0 0; padding:0; border:none; }
		#featured_list a {background:none; border:none; float:left} 
                #featured_list li.featured_list_class { float:left; border:1px solid #fff; 
		margin:10px 0 10px 10px; padding:5px; width:680px;}
		#featured_list div.item_info {float:left; width:500px;}
		#featured_list div.item_info a {color:#b3cf33; text-decoration:none; float:left}
                #featured_list div.item_info h3 {margin:0;} 
                #featured_list li.featured_list_class ul,#featured_list li.featured_list_class ol  { margin:0 0 0 20px; color:#fff; font-size:12px; float:left; clear:both;}		
		#featured_list p { float:right; margin:00 0 5px; padding:0; width:580px; }
		#featured_list h1 { margin:0 0 0 10px; color:#fff; clear:both; }
		#featured_list h2 { margin:0 0 0 10px; color:#fff; clear:both; }		
		#featured_list h3 { margin:0 0 0 10px; color:#fff; clear:both; }
		#featured_list h4 { margin:0 0 0 10px; color:#fff; clear:both;}		
		#featured_list h6 { margin:0 0 0 10px; color:#fff; clear:both;}
		#featured_list h5 { margin:0 0 0 10px; color:#fff; clear:both;}		
		.cnt_item { width:580px; float:right; margin:0; padding:0;}

     /* PAGE - VISIT GRANITEWORX */
       div#visit h2 {float:left; margin:2px; min-height:200px; min-width:200px; font-size: 16px; text-align:center; border:2px solid #999;}
       div#visit h2 img {margin:5px 0 0 0; }
       div#visit a {float: left; margin:0; padding:0; background:none; border:none;}
       div#visit img {float: left; margin:0; padding:0; background:none; border:none;}
	   
	/* PAGE - STONE SEARCH */
	
	div#filters {border:1px solid #ddd; float:left; clear:left; margin:10px; padding:5px;}   
    div#content div#filters p {width:100px; float: left; padding: 5px 20px;}
	div#content div#filters p input#desc {background:url(../images/stone_name_bkg.gif) no-repeat 0 5px; background-color:#fff;}
	div#content div#filters p input#desc:focus {background:#fff;}
        div#content div#filters input,div#content div#filters select {padding:5px;}
		div#content div#filters option {padding:2px 2px 0 5px;}
	div#content div#filters label {width:100px; float: left;}
	div#content div#filters input#search_stone{margin:15px 0 0 35px;}
	
	div#search_results {clear:left; float:left; border:1px solid #ddd; margin:0 0 0 10px; width:97%;}
	div#search_results h2 {text-transform:capitalize; font-size:14px; background:#555; margin:0; pading:0; float:left; width:100%; border-bottom:1px solid #fff;}
	div#search_results span#stone_preview, div#search_results span#stone_desc {float:left; display:block; width:200px; padding:5px; border-right:1px solid #fff;}
	div#search_results span#stone_desc {border:none;}
	div#content div#search ul {list-style-type:none; margin:0; padding:0; width:100%; height:400px; overflow-x:hidden; overflow-y:auto;}
	div#content div#search ul li.alt_row{background:#333;}
	div#content div#search_results li {float:left; clear:left; padding:5px; width:100%; margin:0; border-bottom:1px solid #fff;}
	div#search_results li p {float:left; font-size:12px;}
	div#search_results li a {background:none; border:none; color:#fff; text-decoration:none; font-size:12px;}
	div#search_results li a:hover {background:none; border:none; color:#9acf33;}
	div#content div#search_results li p.stone_img {float:left; width:205px; margin:0; padding:0;}
        div#content div#search_results li p.stone_img img {float:left; width:100px; height:60px; margin:0; padding:0; border:2px solid #ddd;}
	div#content div#search_results li p.stone_quote a {background:url(../images/gallery_list_bg.gif) repeat-x; padding:5px 10px; margin:20px 0 0 0; float:left; color:#fff;}
	div#content div#search_results li p.stone_quote a:hover {background:url(../images/gallery_list_bg_hov.gif) repeat-x;}
	div#content div#search_results li p.stone_img img:hover {border:2px solid #9acf33;}
	div#content div#search_results li p.stone_desc {width:300px; padding:0 10px 0 0; margin:0; float:left;}
	div#content div#search_results li p.stone_quote {width:100px; padding:0; margin:0; float:left;}
	
	/* SEARCH LINK ON HOME PAGE */
	
	div#right_side a#search {
	background:transparent url(../images/search_bkg.png) no-repeat scroll 0 0;
	color:#fff;
	display:block;
	font-size:16px;
	font-weight:bold;
	height:85px;
	margin:30px auto 10px auto;
	padding:0;
	text-align:left;
	text-decoration:none;
	width:250px;
	}
	
	div#right_side a#search:hover {
	color:#ddd;
	}
	
	div#right_side a#search span {
	display:block;
	float:left;
	margin:15px 0 0 100px;
	width:140px;
	}

/* 3D EDGES */

div#ddd {
width: 640px;
margin: 0 0 0 30px;
float: left;
}