/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html { height: 100%; margin-bottom: 1px; }
body {margin-top:0em; margin-bottom:0em; height: 100%; font-family:Verdana, Geneva, sans-serif; color:#666;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
}
.footer-wrapper, .push {
	height: 120px;
}

.imgBorder{
	border: 3px solid #B5B5DF;
}

.cleanUL{
	margin:0; list-style:none; padding:0;	
}

.cleanLI{
	margin:0;
}

#rotate-links{
	margin-top:15px;
	color:#06C;
	padding:0;
}

#rotate-links ul{
	margin:0;
	padding:0;
	list-style:none;
	color:#06C;
}

#rotate-links li{
	margin:0;
	padding:0;
	font-size:14px;
	list-style:none;
	height:34px;
	font-weight:bold;
	color:#06C;
}

.rotate-ul{
	list-style-type:none;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	color:#06C;
}


.networks{
	/*background:url(../images/icons/disc-bullet.gif) no-repeat 0 -0.3em;*/
	background:url(../images/icons/networks.png) no-repeat 20px;
	color:#06C;
	padding-top:10px;
}

.servers{
	/*background:url(../images/icons/disc-bullet.gif) no-repeat 0 -0.3em;*/
	background:url(../images/icons/servers.png) no-repeat 20px;
	color:#06C;
}

.wireless{
	/*background:url(../images/icons/disc-bullet.gif) no-repeat 0 -0.3em;*/
	background:url(../images/icons/wireless.png) no-repeat 20px;
	color:#06C;
}

.whiteboards{
	/*background:url(../images/icons/disc-bullet.gif) no-repeat 0 -0.3em;*/
	background:url(../images/icons/whiteboards.png) no-repeat 20px;
	color:#06C;
}

.support{
	/*background:url(../images/icons/disc-bullet.gif) no-repeat 0 -0.3em;*/
	background:url(../images/icons/support.png) no-repeat 20px;
	color:#06C;
}

.products{
	/*background:url(../images/icons/disc-bullet.gif) no-repeat 0 -0.3em;*/
	background:url(../images/icons/products.png) no-repeat 20px;
	color:#06C;
}

.offers{
	color:#06C;
	background-image: url(../images/icons/offers.png);
	background-repeat: no-repeat;
	background-position: 20px;
}

.rotate-li a{
	margin-left:65px;
	color:#06C;
	line-height:38px;
}

#rotate-links a:link { text-decoration: none; color:#06C; }
#rotate-links a:visited { text-decoration: none; color:#06C; }
#rotate-links a:hover { text-decoration: underline; color:#06C; }
#rotate-links a:active, a:focus { text-decoration: underline; color:#06C; }

.rotate {
	margin-left:20px; 
	margin-top:20px;
}

a:link { text-decoration: none; color: #666; }
a:visited { text-decoration: underline; color: #666; }
a:hover { text-decoration: underline; color: #666; }
a:active, a:focus { text-decoration: underline; color: #666; }

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/templates/GardenStatuary/images/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(/templates/GardenStatuary/images/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(/templates/GardenStatuary/images/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(/templates/GardenStatuary/images/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(/templates/GardenStatuary/images/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/templates/GardenStatuary/images/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/templates/GardenStatuary/images/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/templates/GardenStatuary/images/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/templates/GardenStatuary/images/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/templates/GardenStatuary/images/doc.png) 10px 50% no-repeat;}

.alphaList{
	margin:0;
	display:inline;
	padding-right: 10px;
}

.alphaUL {
	margin:0;
	padding:0;
}

#myGallery {
	margin-top:20px;
	margin-left:10px;
	width: 450px !important;
	height: 215px !important; 
}

#myGallery a {
	border: 0px;
}

.gallery-wrapper {
	background-image:url(../images/screen-bg.jpg);
	width:470px; 
	height:245px; 
	margin-top:10px;
}

.top-feature{
	height:265px;
}

.to-top {
	float:right; 
	width:110px;
}

.alpha-letter {
	float:left;	
}

/**************************************/
/*              HEADER                */
/**************************************/

.header{
	height:90px;
	background: url(../images/header-bg.jpg);
}

.header-logo{
	float:left;
	width:470px;
}

/*.header-nav{
	float:right;
	width:600px;
	height:32px;
}*/

#header-nav {
	/*margin-top:58px;*/
	float:left;
	height:90px;
	padding:0;
	width:470px;
	}

#header-nav ul {
	margin: 0;
	padding:0;
}

#header-nav li {
	list-style: none;
	float:left;
	margin: 0 2px 0 0;
	padding:0;
	}

#header-text{
	margin-top:10px;
	text-align:right;
	color:#FFF;
	font-size:9px;
	line-height:15px;
	padding:0;
	height:48px;
}

#header-text a:link{
	color:#FFF;
}

#header-text a:visited{
	color:#FFF;
}

#header-text a:hover {
	color:#FFF;
	text-decoration:underline;
}

#header-links{
	/*margin-top:18px;*/
	margin:0;
}

.long {
	width:150px;
	}
	
.short {
	width:92px;
	}

#header-nav li.last {margin:0;padding:0;}

#header-nav li a {
	float:left;
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	text-shadow: 0px 1px 0px #774b03;
	background:url(../images/header-nav-bg.png) left -32px no-repeat;
	text-decoration: none;
	padding:0;
	margin:0;
	}
	
#header-nav li a.selected {
	float:left;
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	background:url(../images/header-nav-bg.png) left -32px no-repeat;
	text-decoration: none;
	color:#666666;
	background-position:left 0;
	text-shadow: none;
	padding:0;
	margin:0;
	}


#header-nav li a:hover,
#header-nav li a.active {
	color:#666666;
	background-position:left 0;
	text-shadow: none;
	padding:0;
	margin:0;
	}



/**************************************/
/*             NAVIGATION             */
/**************************************/
#horiz-menu {
	height: 20px; 
	background-color:#262626
}

#top-menu {
	height: 5px;
	margin:0;
	padding:0;
	background-color:#262626
}

.sub-nav-ul{
	list-style-type:none;
	margin-bottom:0;
}

.sub-nav-li{
	list-style:none;
	padding-left:10px;
	background:url(../images/dropdown-arrow.png) no-repeat 0 0.4em;
}

#nav { 
	float:left;
	color: #fff;
	margin-top: 20px;
	font:12px Verdana, sans-serif;
}

#nav ul { 
	margin:10px 0px 0px 35px;

}

#nav li { 
	float:left;
	display: block; 
	margin: 0px 0px;
	padding: 10px 3px 10px 0px;
	background: url(/templates/Portal/images/navseparator.gif) repeat-y right;
}


#nav a {
	color:#fff;
	padding: 10px 25px 10px 25px;
	text-decoration: none;
}

#nav a:hover {
	background: url(/templates/Portal/images/navbghover.gif) repeat-x;
}

#nav .lastnav{
	background: none;
}

#breadcrumb {
	background-color:#F2F2F2;
}

.breadcrumb-container {
	height:32px; 
	line-height:32px;
}

.tbl {
	border-top: 1px solid #ccc;  border-left: 1px solid #ccc;
}

.tbl-head, .tbl-cell { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; padding: .8em; }


/**************************************/
/*            MAIN CONTENT            */
/**************************************/

.main-body {margin:0}
.span-bg {margin-top:10px;margin-bottom:10px; padding-bottom:20px;}
.span-bg h3 {font-size: 140%;font-weight: normal;border: 0;padding: 0;font-family: Arial; margin-bottom: 10px; color:#2E2C6B;}

.container a:link {color: #666; text-decoration: none;}
.container a:visited {color: #666; text-decoration: none;}
.container a:hover {color: #666; text-decoration: underline;}

.listItem{
	padding-bottom:20px;	
}


h1{
	color:#06C;	
}

h3{
	color:#06C;	
}

/**************************************/
/*               FOOTER               */
/**************************************/
.main-footer{
	height:120px;
	background: url(../images/footer-bg.jpg);
	margin-top:20px;
}

.main-footer h3{
	font-size: 1.5em; line-height: 1.7; margin-bottom: 0.5em;
	font-weight:normal;
	color: #ccc;
	border-bottom: 1px solid #999;
	margin-right:150px;
}

.main-footer a:link{
	color: #fff;
}

.main-footer a:visited{
	color: #fff;
}

.main-footer a:hover {
	color: #fff;
	text-decoration:underline;
}

#footer-nav {
	color: #fff;
	padding-top:20px;
	height:30px;
}

#footer-text {
	text-align:center;
	color: #fff;
}

#copy-text {
	text-align:center;
	color: #fff;
	margin-top:10px;
}