/*

	Theme Name: Urban Glass ltd

	Theme URI: http://www.urbanglass.ca

	Description: Website by SPECTRAMEDIA - www.spectramedia.net

	Version: 2.0

	Author: 

*/

/*----Global Reset Courtesy of Eric Meyer----*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

}

.hide {display:none;}

a {outline:none; color:#208FA5; text-decoration: none;}

a:hover {color:#14708e; text-decoration: underline;}

strong {color:#208fa5; font-weight: bold;}



/* Images

----------------------------------------------*/

.alignright {float:right; padding:0 0 10px 10px;}

.alignleft {float:left; padding:0 10px 10px 0;}

.aligncenter {margin: 0 auto 0 auto;}

a img {border:0;}





/* Main Layout

-----------------------------------------------*/

body {

	margin: 0px; padding: 0px;

	color: #2d91a8;

	font: 12px/18px Verdana, Arial, Helvetica, sans-serif; 

}

#wrap-out {

	background:url(images/bg.gif) repeat-y;

	margin:0px auto 0px auto; padding:0;

	width:940px;

}



#wrap {

	position:relative;

	width: 920px;

	margin: 0px auto; padding:0;

	background:#FFF;

}



/* Header Area 

-----------------------------------------------------------*/

#header {

	float:left;

	width:920px; height:164px;

	background:url(images/header/home.gif) bottom left no-repeat;

	border-bottom:31px solid #82bcce;

}

.page-id-14 #header {background: url(images/header/commercial.jpg) bottom right no-repeat; }

.page-id-15 #header {background: url(images/header/residential.jpg) bottom right no-repeat;}

.page-id-16 #header {background: url(images/header/photogallery.jpg) bottom right no-repeat;}



#logo a {

	display:block;

	width: 220px; height: 74px;

	float:left;

	margin: 65px 0 0 30px;

}



/* Top Navigation 

-----------------------------------------------------------*/



#top_nav {

	position:absolute;

	top:0; left:0;

	width:920px; height:44px;

	padding: 0; margin: 0;

	background :url(images/nav.gif) repeat-x;

}



.nav ul {

	list-style-type: none;

	margin: 0; padding: 0;

	z-index:200;

}



.nav ul li {float:left; border-left:1px solid #FFF;}

.nav a {

	display: block;

	padding:14px 17px 12px 17px; margin:0;

	text-decoration:none;

	text-transform:uppercase;

	color:#FFF;

	

}

.nav a:hover, .nav li.current_page_item a, .nav li.current_page_ancestor a {color: #106282; background: url(images/nav_over.gif) repeat-x;}



.nav li ul { 

	position: absolute;

	background: #106282;

	left: -999em;

	margin-top:0px;

	z-index:200; text-align:left;

	width:200px;

}



.nav li ul a  { 

	text-transform:none;

	color:#FFF;

	border-top:1px solid #FFF;

	padding:6px 10px; margin:0;

	background-color: #106282;

	width:180px;

}

.nav li ul a:hover { color:#106282; background-color: #F1F1F1;}

.nav li:hover ul{	left: auto;}







/* Main Body Content Area 

-----------------------------------------------------------*/

#main {

	float:left;

	width:920px;

	background:url(images/main_bg.gif) bottom repeat-x;

}



#content {

	float: right; 

	width:600px;

	padding:20px 40px 80px 0;

}

#content p {margin-bottom:10px;}

#content ul {padding:10px; margin:10px;}



/* Homepage

-----------------------------------------------------------*/

#banner {

	width:920px; height:334px;

	background:url(images/homepage-banner.jpg) top left no-repeat;

}

#banner h2 {

	color:#14708e;

	font-weight:bold;

	font-size:14px; margin:0;

	text-transform: uppercase;

}

#banner a {text-decoration:underline;}

#intro {

	width:280px; 

	font-size:13px; line-height: 20px;

	color:#2d91a8;

}

#functionality, #security, #aesthetics {width:240px; color:#2d91a8;}

#intro {

	position:absolute;

	top:248px; left:50px;

}

#functionality {

	position:absolute;

	top:411px; left:50px;

}

#security {

	position:absolute;

	top:411px; left:350px;

}

#aesthetics {

	position:absolute;

	top:411px; left:640px;

}

#content-home {

	background:url(images/homepage-content.png) bottom left no-repeat;

	width: 920px; height:228px;

}

.entry-home {

	float:right;

	width:270px;

	padding:30px 0 0 0;

	color:#208FA5;

}

.entry-home p {margin-bottom:10px;}

.entry-home ul {margin:0 10px; padding:0 10px;}


#home-commercial a {

	position:absolute;

	top:560px; left:35px;

	width:160px; 
	
	height:40px;

	color:#FFFFFF;
	
	padding:117px 0px 0px 16px;
	
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	

}

#home-residential a {

	position:absolute;

	top:560px; left:230px;

	width:160px; 
	
	height:40px;

	color:#FFFFFF;
	
	padding:116px 0px 0px 16px;
	
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;

}

#home-photogallery a {

	position:absolute;

	top:560px; left:422px;

	width:160px; 
	
	height:40px;

	color:#FFFFFF;
	
	padding:117px 0px 0px 16px;
	
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;

}



/* Innerpages

-----------------------------------------------------------*/

#commercial a {

	background:url(images/buttons/commercial.png) 0 -70px no-repeat;

	width:163px; height:70px;

	display:block;

	text-indent: -9999em;

}

#commercial a:hover, #commercial a.active {background:url(images/buttons/commercial.png) 0 0 no-repeat;}



#residential a {

	background:url(images/buttons/residential.png) 0 -70px no-repeat;

	width:161px; height:70px;

	display:block;

	text-indent: -9999em;

}

#residential a:hover, #residential a.active {background:url(images/buttons/residential.png) 0 0 no-repeat;}



#photogallery a {

	background:url(images/buttons/photogallery.png) 0 -70px no-repeat;

	width:163px; height:70px;

	display:block;

	text-indent: -9999em;

}

#photogallery a:hover, #photogallery a.active {background:url(images/buttons/photogallery.png) 0 0 no-repeat;}



/* Main body content formatting

--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

	font-weight:bold;

	text-transform: uppercase;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

}

h1 {

	margin:0 0 8px 0;

	color:#14708e;

	font-size:16px; line-height:24px;	

}



h2, h3, h4, h5, h6 { 

	margin:0 0 8px 0;

	color:#208FA5;

	font-size:12px; line-height:24px;

}







/* Sidebar Area 

-------------------------------------------*/



#sidebar {

	float:left; 

	width:230px;

	padding:20px 0 0 45px;

}



#sidebar ul {list-style: none;}





/* Footer area

------------------------------------------------------------*/

#footer1 {

	float:left;

	background:#cadce1;

	width:920px; height:58px;

	border-bottom:6px solid #2d91a8;

}

#footer1 p {

	color:#208fa5;

	padding:10px 0 0 45px;

}

#footer2 {

	float:left;

	background:url(images/footer2.gif) top left repeat-x;

	text-align: left;

	width:875px; height:30px;

	margin:0 auto;
	
	padding:10px 0px 0px 45px;


}

#footer2 p {

	font-size:12px;

	color:#208fa5;

	padding:10px 0 0 45px;

}

#footer3 {

	background-image:url("images/footer.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	height:38px;
	margin:0 auto;
	text-align:center;
	width:938px;

}



#footer3 p {	

	font-size:10px; 

	color:#fff;

	padding-top:5px;

}


#footer3 ul {

	padding:10px 20px;

	list-style:none;

}




#footer3 ul li {
	display:inline;
	font-size:11px;
	padding:0;

}



#footer3 ul li:last-child { border-right:none;}



#footer3 ul li a {padding:5px 13px;
}

#footer3 ul li a img {
	padding-left:12px;
	padding-top:4px;}

#footer3 ul li:last-child {
	background-image:none;}
	
.phone_number{
	background-image:url("images/contact.jpg");
	background-repeat:no-repeat;
	float:right;
	height:31px;
	position:relative;
	right:105px;
	top:164px;
	width:354px;
}

.email_link{
	height:16px;
	left:211px;
	position:absolute;
	top:6px;
	width:143px;
}

/*******edited by avijit dated on ********/

.BottomBody
{
float:left;
width:920px;
margin:0 auto;
background-color:#ededed;
}
.BottomBx
{
float:left;
width:294px;
margin:10px 0px 10px 9px;
*margin:10px 0px 10px 2px;
}
.BottomBx h3
{
background:url(images/bx-top.jpg) left top no-repeat;
height:40px;
width:294px;
padding:15px 0px 0px 8px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#14708e;
line-height:18px;
margin:0;
}
.BottomBxmid
{
background:url(images/bx-mid.jpg) repeat-y left top;
width:294px;
}
.BottomBxmid p
{
float:left;
width:260px;
padding:0px 10px 0px 10px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#2891a8;
line-height:20px;
}
.spacer
{
clear:both;
padding:0;
margin:0;
}
.BxBottom
{
float:left;
background:url(images/bx-bottom.jpg) left top no-repeat;
height:20px;
width:294px;
}

/****edited by avijit*********/
.commercial_main{
	width:190px;
	height:60px;
	margin-bottom:20px;}
	
	
.commercial_left{
	height:60px;
	width:60px;
	float:left;
	background-image: url(images/inner/commercial.jpg);
	background-repeat: no-repeat;
	margin-right:11px;
}

.commercial_right a{
	background-color:#228aa3;
	color:#FFFFFF;
	float:left;
	font-family:Trebuchet MS;
	font-size:12px;
	height:19px;
	margin-top:20px;
	padding-left:7px;
	text-decoration:none;
	width:112px;
	text-transform:uppercase;
	padding-top:1px;
	letter-spacing:.5px;
	}
	
.commercial_right a:hover{
	background:url(images/inner/btn-bg.jpg) repeat-x left top;
	background-color:#187b92;
	text-decoration:none;
	color:#ffffff;
	}

.residential_main{
	width:190px;
	height:60px;
	margin-bottom:16px;}
	
	
.residential_left{
	height:60px;
	width:60px;
	float:left;
	background-image: url(images/inner/residential.jpg);
	background-repeat: no-repeat;
	margin-right:11px;
}

.residential_right a{
	background-color:#228aa3;
	color:#FFFFFF;
	float:left;
	font-family:Trebuchet MS;
	font-size:12px;
	height:19px;
	margin-top:20px;
	padding-left:7px;
	text-decoration:none;
	width:112px;
	text-transform:uppercase;
	padding-top:1px;
	letter-spacing:1px;
	}
	
.residential_right a:hover{
	background:url(images/inner/btn-bg.jpg) repeat-x left top;
	background-color:#187b92;
	text-decoration:none;
	color:#ffffff;
	}
	
.photogallery_main{
	width:190px;
	height:60px;
	margin-bottom:16px;}
	
	
.photogallery_left{
	height:60px;
	width:60px;
	float:left;
	background-image: url(images/inner/photogallery.jpg);
	background-repeat: no-repeat;
	margin-right:11px;
}

.photogallery_right a{
	background-color:#228aa3;
	color:#FFFFFF;
	float:left;
	font-family:Trebuchet MS;
	font-size:12px;
	height:19px;
	margin-top:20px;
	padding-left:7px;
	text-decoration:none;
	width:112px;
	text-transform:uppercase;
	padding-top:1px;
	letter-spacing:1px;
	}
	
.photogallery_right a:hover{
	background:url(images/inner/btn-bg.jpg) repeat-x left top;
	background-color:#187b92;
	text-decoration:none;
	color:#ffffff;
	}
		



/*****misc css********/
.NomarginRight
{
margin-right:0px!important;
}
.marginLeft
{
margin-left:10px;
*margin-left:5px;
}