/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

html										{ height: 100%; }
body										{ background: #FFFFFF url('images/topbar.bg.gif') repeat-x left top; text-align: center; margin: 0px; }
body										{ text-align: -moz-center; }
table, tr, td								{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: normal; color: #777; margin: 0;}
p											{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: normal; color: #777; margin: 0 0 10px 0; }
ul, li										{ list-style-type: none; }


/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

#container									{ width: 840px; background: transparent url('images/toparea.bg_autumn.gif') no-repeat left top; margin: 0 auto; text-align:center; }
#containerClean								{ width: 100%; height: 100%; background: #FFFFFF; padding: 30px 0 0 0; text-align: center; }
#toprow										{ width: 100%; height: 50px; position: relative; }

#toprow_navleft								{ width: 400px; position: absolute; top: 17px; left:0; }
#toprow_navleft ul							{ margin: 0; width: 400px; height: 16px; position: absolute; top: 0; left: 0; text-align: left; padding: 0; }
#toprow_navleft ul li						{ float: left; height: 16px; list-style-type: none; }
#toprow_navleft ul li a						{ display: block; height: 16px; background-repeat: no-repeat; cursor: pointer; border: none; }
li#nav_aboutus								{ width: 45px; }
li#nav_jobs									{ width: 50px; }
li#nav_contactus							{ width: 55px; }
li.nav_divider								{ width: 15px; }
li#nav_aboutus a							{ background: transparent url('images/topbar.aboutus.png'); }
li#nav_jobs a								{ background: transparent url('images/topbar.jobs.png'); }
li#nav_contactus a							{ background: transparent url('images/topbar.contactus.png'); }
li.nav_divider								{ background: transparent url('images/topbar.divider.png'); }
/* PNG Hack for IE */
/*
* html #toprow_navleft ul li#nav_aboutus a	{ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="images/topbar.aboutus.png", sizingMethod="crop"); }
* html #toprow_navleft ul li#nav_contactus a{ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="images/topbar.contactus.png", sizingMethod="crop"); }
*/
#toprow_navleft ul li a:hover 				{ background-position: left bottom; }
#toprow_navleft ul li em					{ display: none; }

#toprow_navright							{ width: 430px; position: absolute; top: 15px; right:0; }
#toprow_navright ul							{ margin: 0; width: 440px; height: 20px; position: absolute; top: 0; right: 0; text-align: left; padding: 0; }
#toprow_navright ul li						{ float: right; height: 20px; list-style-type: none; }
#toprow_navright ul li a					{ display: block; height: 20px; background-repeat: no-repeat; cursor: pointer; border: none; }
li#nav_clients								{ width: 109px; }
li#nav_login								{ width: 66px; }
li#nav_clients a							{ background: transparent url('images/topbar.clients.png'); }
li#nav_login a								{ background: transparent url('images/topbar.login.png'); }
/* PNG Hack for IE */
/*
* html #toprow_navright ul li#nav_clients a	{ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="images/topbar.clients.png", sizingMethod="crop"); }
* html #toprow_navright ul li#nav_login a	{ background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="images/topbar.login.png", sizingMethod="crop"); }
*/
#toprow_navright ul li a:hover 				{ background-position: left bottom; }
#toprow_navright ul li em					{ display: none; }

#feedrow									{ height: 20px; position: relative; text-align: right; }
#feedrow a									{ background: transparent url('images/rss.bind.gif') no-repeat; }
#feedrow img								{ width: 100px; height: 20px; border: 0; }

#logorow									{ width: 100%; height: 145px; position: relative; }
#logorow_logo								{ position: absolute; top: 0; left:0; }
#logorow_feedback							{ position: absolute; top: 0; right:0; }
#logorow_feedback img						{ border:0; margin-bottom:5px; }
#logorow_feedback a:hover					{ border:0; text-decoration:none; }
#logorow_address							{ position: absolute; top: 0; right:0; background: transparent url('images/address.gif') no-repeat; }
#logorow_address img						{ width: 280px; height: 83px; border: 0; }


#middlerow									{ width: 100%; vertical-align: top; }
#footerRow									{ width: 100%; height: 150px; margin: 20px 0 0 ; padding-top: 35px; background: #EFEFEF; }
#footer										{ width: 840px; text-align: left; position: relative; margin:0 auto; }
#footerlogos								{ position: absolute; top: 0; right: 0; text-align: right; }
#footerlogos a								{ border: none; }
#footerlogos #Snowcovered					{ margin-left: 5px; }
#footerlogos #Snowcovered img				{ width: 117px; height: 40px; border: none; }
#footerlogos #WebHost4Life					{ margin-left: 5px; }
#footerlogos #WebHost4Life img				{ width: 117px; height: 40px; border: none; }

#nav										{ }
#copyright									{ }


.title										{ border-bottom: 1px #e1e1e1 solid; }
.right										{ float: right; }
.left										{ float: left; }

ul											{ list-style: outside; list-style-image: url("images/arrow_right_green2.gif"); }

.comment									{ font: italic Georgia, sans-serif; color: #bbbbbb; }


/* In Pages */

#logo a:link								{ background: transparent; }
#logo a:visited								{ background: transparent; }
#logo a:hover								{ background: transparent; }


.portfolioHomePicDIV						{ position: relative; width: 540px; height: 200px; overflow: hidden; border: 1px #e4e4e4 solid; }
.portfolioHomeLabel							{ position: absolute; top: 0; left: 0; z-index: 10; background: #000000; color: #FFFFFF; height: 40px; padding: 8px; white-space: nowrap; }
.portfolioHomeLabel	b						{ color: #FFFFFF; }
.portfolioHomeLabel	a:hover					{ background: transparent; border: none; }
.portfolioHomePic							{ position: absolute; top: 0; left: 0; z-index: 0; }
.portfolioHomeTitle							{ margin-bottom: 30px; }
.portfolioHomeText							{ padding-top: 5px; }
.portfolioHomeUtils							{ padding: 2px 0 10px 0; margin-bottom: 6px; color: #A8A8A8; font-size: 11px; border-bottom: 1px #e4e4e4 dotted; }
.portfolioHomeUtils	a:link					{ color: #A8A8A8; text-decoration: none; }
.portfolioHomeUtils	a:visited				{ color: #A8A8A8; text-decoration: none; }
.portfolioHomeUtils	a:hover					{ color: #A8A8A8; text-decoration: underline; }

.portfolioHeader							{ width: 620px; height: 20px; margin-bottom: 8px; }
.portfolioHeader .launch					{ float: left; }
.portfolioHeader .launch img				{ width: 132px; height: 7px; border: 0; }
.portfolioHeader .launch a:link,
.portfolioHeader .launch a:visited			{ background: transparent url('images/portfolio.launch.off.gif') no-repeat; }
.portfolioHeader .launch a:hover			{ background: transparent url('images/portfolio.launch.on.gif') no-repeat; }
.portfolioHeader .back						{ float: right; }
.portfolioHeader .back img					{ width: 75px; height: 7px; border: 0; }

.portfolioBody								{ width: 620px; margin-top: 15px; }
.portfolioBody .Pic							{ border: 1px #e4e4e4 solid; }
.portfolioBody .Title						{ }
.portfolioBody .Date						{ padding: 8px 0 8px 250px; color: #AAA; font-size: 10px; text-transform: uppercase; }
.portfolioBody .Desc						{ padding-left: 250px; }


.skinList									{ border-bottom: 1px #e3e3e3 solid; }
.skinList a,
.skinList a:hover,
.skinList img								{ border: none; }
.skinDetail									{ width: 840px; }
.skinDetail .left							{ width: 550px; }
.skinDetail table							{ width: 550px; }
.skinDetail td								{ height: 30px; border-bottom: 1px #e3e3e3 solid; }
.skinDesc									{ font-family: Georgia, Times; font-size: 18px; font-weight: 200; font-style: italic; line-height: 140%; }
.skinDetail .price							{ font-family: Georgia, Times; font-size: 16px; font-weight: 700; color: #ff3300; }
a.btnPreviewSkin, a.btnPreviewSkin:hover	{ border: none; }
a.btnPreviewSkin span						{ background: url('images/btn.previewskin.gif') no-repeat; border: none; margin-right: 10px; }
a.btnPreviewSkin img						{ width: 103px; height: 20px; border: none; }
a.btnBuySnowcovered,a.btnBuySnowcovered:hover{ border: none; }
a.btnBuySnowcovered	span					{ background: url('images/btn.buysnowcovered.gif') no-repeat; border: none; margin-right: 10px; }
a.btnBuySnowcovered	img						{ width: 136px; height: 20px; border: none; }



/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

/*-- content pane					--*/ .ContentPane		{ width: 540px; padding: 0px; vertical-align: top; }
/*-- right content pane				--*/ .RightPane			{ width: 270px; padding: 0px; vertical-align: top; padding-left: 8px; }
/*-- bottom content pane			--*/ .BottomLeftPane	{ padding: 0px; vertical-align: top; }
/*-- bottom content pane			--*/ .BottomPane		{ padding: 0px; vertical-align: top; }
/*-- bottom content pane			--*/ .BottomRightPane	{ padding: 0px; vertical-align: top; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle	--*/	a.USER_object:active,
										a.USER_object:visited,
										a.USER_object:link,
										.USER_object,
										a.LOGIN_object:active,
										a.LOGIN_object:visited,
										a.LOGIN_object:link,
										.LOGIN_object					{ font-size: 11px; font-family: Arial, Verdana, sans-serif; color: #3399ff; text-transform: lowercase; text-decoration: none; background: transparent; }
/*-- login and user token hover	--*/	a.USER_object:hover				{ font-size: 11px; font-family: Arial, Verdana, sans-serif; color: #3399ff; text-transform: lowercase; text-decoration: underline; background: transparent;  }
										a.LOGIN_object:hover			{ color: #2680BA; font-size: 11px; font-weight:normal; text-transform: lowercase; text-decoration: none; background: transparent; }
/*-- breadcrumbs token idle		--*/	a.BREADCRUMBS_object:active		{ font-size: 10px; font-family: Arial, Verdana, sans-serif; color: #666666; background: transparent; text-decoration: none; }
										a.BREADCRUMBS_object:visited,
										a.BREADCRUMBS_object:link,
										.BREADCRUMBS_object				{ font-size: 10px; font-family: Arial, Verdana, sans-serif; color: #999999; background: transparent; text-decoration: none; }
/*-- breadcrumbs token hover	--*/	a.BREADCRUMBS_object:hover		{ font-size: 10px; font-family: Arial, Verdana, sans-serif; color: #999999; background: transparent; text-decoration: underline; }
/*-- terms privacy and copyright--*/	.FOOTER_objects,
/*-- terms privacy copyrgt links --*/	a.FOOTER_objects:active,
										a.FOOTER_objects:visited,
										a.FOOTER_objects:link 			{ font-size: 12px; font-family: Arial, Verdana, sans-serif; color: #000000; background: transparent; text-decoration:none; border: none; }
/*-- terms privacy cprgt hover --*/		a.FOOTER_objects:hover 			{ font-size: 12px; font-family: Arial, Verdana, sans-serif; color: #000000; background: transparent; text-decoration:none; border-bottom: 1px #000000 dotted;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .Normal,
											.normal						{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: normal; color: #777; }
/*-- most of the bold text on site     --*/ strong,
											b,
											.NormalBold					{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: bold; color: #777; }
/*-- red text on site for errors       --*/ .NormalRed					{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: bold; color: #C00; }
/*-- subheadings - mostly in admin     --*/ .SubHead					{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: bold; color: #777; }
/*-- headings - mostly in admin        --*/ .font-family				{ font: 12px Arial, Verdana, sans-serif; line-height: 130%; font-weight: bold; color: #777; background: transparent; padding: 0;}

/*========================================================*/
/*  6. Links                                        	  */
/*========================================================*/

/*-- default links visited and active  --*/ a:active,
											a:visited,
											a:link,
											a.Normal:link,
											a.Normal:visited			{ background:transparent; color: #3399ff; text-decoration: none; font-weight: normal; }
/*-- default links hover               --*/ a:hover,
											a.Normal:hover				{ background:transparent; color: #3399ff; text-decoration: none; border-bottom: 1px #3366cc dotted; }

/*-- admin button-link style           --*/ a.CommandButton:active		{ color: #999; background: #EEEEEE; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: none; border-top: none; padding: 2px 3px 3px 4px; height: 17px; font-weight: normal; }
											a.CommandButton:visited		{ color: #999; background: #EEEEEE; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: none; border-top: none; padding: 2px 3px 3px 4px; height: 17px; font-weight: normal; }
											a.CommandButton:link		{ color: #999; background: #EEEEEE; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: none; border-top: none; padding: 2px 3px 3px 4px; height: 17px; font-weight: normal; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover		{ color: #999; background: #EEEEEE; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: none; border-top: none; padding: 2px 3px 3px 4px; height: 17px; font-weight: normal; }
/*-- search button in search form      --*/ .SearchButton 				{ background: transparent; padding: 13px 0px 4px 13px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ 		input						{ color: #999; }
											select						{ color: #999; }
/*-- default form elements      --*/ 		.StandardButton				{ color: #999; background: #EEEEEE; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: none; border-top: none; height: 17px; }
/*-- textbox                    --*/ 		.NormalTextBox				{ color: #999; background: #EEEEEE; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: none; border-top: none; padding-left: 4px; line-height: 12px; font-weight: normal; }
/*-- textbox container          --*/ 		td.NormalTextBox			{ padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search    --*/ 		#dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 110px; color: #003333; padding: 4px 0 0 0; border: 0px solid #003333; cursor:text;}


/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/	.MainMenu_MenuContainer		{ background: transparent; }
/*-- bar that holds the menu  --*/	.MainMenu_MenuBar			{ background: transparent; }
/*-- submenu container        --*/	.ModuleTitle_SubMenu		{ z-index: 1000;  cursor: pointer;  margin: 0px ; background: #EFEFEF; padding: 0px; filter: none; }
									.MainMenu_SubMenu			{ z-index: 1000;  cursor: pointer;  margin: 0px ; background: #EFEFEF; padding: 0px; filter: none; }
/*-- submenu items idle       --*/	.ModuleTitle_MenuItem		{ font-size: 11px; color: #999999; font-weight: normal; padding: 0px 30px 0px 8px; width: 150px; height: 21px; border:0px;}
									.MainMenu_MenuItem			{ font-size: 11px; color: #999999; font-weight: normal; padding: 0px 30px 0px 8px; width: 150px; height: 21px; border:0px;}
/*-- submenu items hover      --*/	.ModuleTitle_MenuItemSel	{ font-size: 11px; color: #000000; font-weight: normal; padding: 0px 30px 0px 8px; width: 150px; height: 21px; border: none; background:#E0E0E0; }
									.MainMenu_MenuItemSel		{ font-size: 11px; color: #000000; font-weight: normal; padding: 0px 30px 0px 8px; width: 150px; height: 21px; border: none; background:#E0E0E0; }
/*-- menuitems idle           --*/	.MainMenu_Idle				{ font-size: 11px; color: #999999; font-weight: normal; padding: 0px; height: 18px; text-decoration: none; }
/*-- menuitems over           --*/	.MainMenu_Selected			{ font-size: 11px; color: #999999; font-weight: normal; padding: 0px; height: 18px; text-decoration: none; }
/*-- menuitems active         --*/	.MainMenu_BreadcrumbActive	{ font-size: 11px; color: #000000; font-weight: normal; padding: 0px; height: 18px; text-decoration: none; }
									.MainMenu_Active			{ font-size: 11px; color: #000000; font-weight: normal; padding: 0px; height: 18px; text-decoration: none; }


/*-- not needed - main menu   --*/	.MainMenu_MenuIcon  		{ display: none; }
									.MainMenu_RootMenuArrow  	{ display: none; }
									.MainMenu_MenuArrow  		{ display: none; }
/*-- module menu continer     --*/	.ModuleTitle_MenuContainer	{ color: #2c2c2c; }
/*-- module menu bar          --*/	.ModuleTitle_MenuBar		{ cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/	.ModuleTitle_MenuItemSel	{ padding: 0px 5px 0px 0px; }
									.ModuleTitle_MenuItem		{ padding: 0px 5px 0px 0px; }
/*-- not needed - module menu --*/	.ModuleTitle_MenuIcon 		{ display: none; }
									.ModuleTitle_RootMenuArrow	{ display: none; }
									.ModuleTitle_MenuArrow		{ display: none; }
									.MainMenu_MenuBreak			{ display: none; }
									.MainMenuSeperator			{ display: none; }
									.ModuleTitle_MenuBreak		{ display: none; }



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .h1Black {
	visibility: hidden;
	font-size: 30px;
	text-transform: uppercase;
}

.sIFR-hasFlash .h1Light {
	visibility: hidden;
	font-size: 30px;	
	text-transform: uppercase;
}

.sIFR-hasFlash .h2Black {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 24px;
}

.sIFR-hasFlash .h2Light {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 24px;
}

.sIFR-hasFlash .portfolioTitle {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 30px;
	white-space: nowrap;
}

.sIFR-hasFlash .portfolioTitleBlack {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 40px;
	white-space: nowrap;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}




/* FLICKR SHOW */
/* WRAPPER
************************************************************************************************ */

div#fsDemo { border: 1px #e4e4e4 solid; }

div.fs { background: transparent; }

/* WRAPPER - LOADING
************************************************************************************************ */

div.fs div.fsLoading { 
	background: #E8E8E8 url("http://v6.flickrshow.com/themes/green/al.gif") 50% 50% no-repeat!important;
	z-index: 500;
}

div.fsLoaded-0 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-1 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-2 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-3 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-4 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-5 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-6 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-7 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-8 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-9 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-10 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }


/* WRAPPER - SLIDER
************************************************************************************************ */

.fsSlider, .fsSliderT, .fsSliderH { height: 0px; }


/* WRAPPER - BUTTONS
************************************************************************************************ */

div.fs ol.fsButtons { }

div.fs ol.fsButtons li {
	overflow: hidden;
	text-indent: -999px;
	z-index: 300;
	width: 16px;
	height: 16px;
}

div.fs ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/green/ip.gif") !important; background-repeat: no-repeat; margin: 5px; }
div.fsPlaying ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/green/is.gif") !important; margin: 5px; }

div.fs ol.fsButtons li.fsButtonB { background-image: none; }
div.fs ol.fsButtons li.fsButtonC { background-image: none; }



/* WRAPPER - IMAGES
************************************************************************************************ */

div.fs ol.fsImages { background: transparent; }

div.fs ol.fsImages li h2 {
	color: #2E2E2E !important;
	font-family: "Lucida Grande", "Helvetica", "Arial", Sans-serif;
	font-weight: lighter;
	overflow: hidden;
	z-index: 200;
}

div.fs ol.fsImages li a:hover { background: transparent; }