/*
	AUTHOR: Wahiba Bukhari
			weebee@weebsite.ca
			http://www.weebsite.ca
	*/
	
/*RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html {overflow-y: scroll; }
body {
	font-family: Arial, Helvetica, sans-serif; 
	background: url(images/pinstripe.jpg) top left repeat; 
	
	}
	
ul {list-style: none inside; }
p {font-size:12px; line-height:1.2em;}
a {outline:none;}
a img {border: none;}
/* END RESET */

/* TOOLBOX */
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear: both; }
/* END TOOLBOX */

/* STRUCTURE */
#wrapper {
background-color:#fff;
width: 850px;
margin-top:30px;
margin-bottom:auto;
margin-right:auto;
margin-left:auto;
}
* html #wrapper {
\width : 850px;
}
#logo {
padding-left:20px;
padding-top: 30px;
padding-bottom: 20px;
}
* html #logo {
\padding-left : 20px;
}
/* NAVIGATION */
#nav {
width:810px;
background:#000;
margin-bottom:30px;
margin-left:20px;
margin-right:20px;
float:left;
}
* html #nav {
\margin-left : 10px;
\margin-right : 10px;
}
#nav ul {
padding:0;
margin:0;
list-style-type:none;
float:left
}
#nav li {
float:left;
width:96px;
position:relative;
}
#nav a, #nav a:visited {
display:block;
font-size:11px;
font-weight:bold;
text-align: center;
text-decoration: none; 
color:#fff; 
width:84px; 
height:40px; 
border:2px solid #333; 
border-width:0 2px 0 0; 
background:#000; 
padding-left:5px; 
padding-right:5px; 
line-height:40px;
letter-spacing:1px;
text-transform:uppercase;
}
#nav .selected > a {
color:#fff; 
background:#333;
}
#nav :hover > a {
color:#fff;
background:#333;
}
#nav .selected a {
color:#fff; 
background:#333;
}
#nav a:hover {
color:#fff;
background:#333;
}
/* hacks so that IE5.5 faulty box model is corrected */
* html #nav a, * html #nav a:visited {
\margin-left : 0px;
}

/* END NAVIGATION*/
#main {
padding: 20px 20px 0px 20px;
}
* html #main {
padding : 20px 20px 0px 20px;
}
#feature {
width:540px;
float:left;
padding-bottom:70px;
}
#sidebar {
width:250px;
float:right;
padding-bottom:70px;
}
* html #sidebar {
width : 250px;
}
h1 {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
text-transform:uppercase;
background: url(images/h1bg.jpg) no-repeat;
line-height:34px;
padding-left:25px;
letter-spacing:0.5px;
padding-bottom:20px;
}
h2 {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:12px;
color:#8C1717;
text-transform:uppercase;
}
#text {
background-color:#E6E7E8;
padding:20px 15px 0px 15px;
height:396px;
}
#text p {
line-height:14px;
font-size:12.5px;
}
#content p {
line-height:15px;
font-size:13px;
width:500px;
}
#text a {
	text-decoration:none;
	color:#900;
}
#map {
background-color:#fff;
height:396px;
}
#box {
background-color : #8C1717;
width : 850px;
height : 40px;
}
/* hack for IE */
* html #box {
\width : 850px;
}
#footer {
font-size:11px;
padding-top:20px;
text-align:center;
letter-spacing:0.5px;
color:#666;
padding-bottom:15px;
}
#footer a {
text-decoration:none;
color:#666;
}
#footer a:hover {
color:#999;
}
/* END STRUCTURE */

/* SLIDESHOW */
#slideshow {
    position:relative;
    height:415px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* END SLIDESHOW */
/* PORTFOLIO GALLERY */
#subsection {
width: 250px;
height: 63px;
background-color:#000;
margin-bottom: 7.3px;
color:#999;
}
#thumbnail img {
margin: 6px 12px 6px 6px;
float: left;
}
#description {
padding: 10px 6px 6px 6px;
color:#999;
font-size:9px;
line-height:12px;
}
#subsection a {
text-decoration:none;
}
#subsection a:hover {
text-decoration:underline;
}
#subsection :hover > a {
text-decoration:underline;
}
h3 {
color:#fff;
font-size:12px;
letter-spacing:0.7px;
padding-bottom:3px;
}
/* END PORTFOLIO GALLERY */