/*------------------------------------------------------------------------
# HOT Design Now, Version 1.0 - September, 2010
# Copyright (C) 2010 Hot Joomla Templates. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: Hot Joomla Templates
# Website:  http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/
/* basics */

a:link,a:visited {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.readon:link,a.readon:visited {
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	padding:2px 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}

a.readon:hover {
	color:#000;
}

.moduletable p, p {
	margin:0 0 10px 0;
}

img {
	border:0;
}

fieldset {
	border:0;
}

.sectiontableheader {
	font-weight:700;
	padding:5px;
	border-bottom:1px dotted #ccc;
}

.sectiontableentry1 td {
	padding:5px;
	text-align:left;
	background:url(../images/topmenu_bg.png);
}

.sectiontableentry2 td {
	padding:5px;
	text-align:left;
}

td.sectiontableentry1,td.sectiontableentry2 {
	text-align:left;
	padding:5px;
}

.contentpane,.contentpaneopen,.blog {
	width:100%;
	line-height:20px;
}

.contentpaneopen td.buttonheading {
	padding:3px 2px;
	vertical-align:top;
}

.componentheading {
	font-size:32px;
	font-weight:normal;
	text-align:left;
	margin:20px 0;
	font-family: 'Cuprum', arial, serif;
	text-transform:uppercase;
	padding:10px 0 0 0;
}

.componentheading h1 {
	margin:0;
	padding:0;
}

h1 {
	font-size:32px;
	font-weight:normal;
	text-align:left;
	margin:20px 0;
	font-family: 'Cuprum', arial, serif;
	text-transform:uppercase;
	padding:10px 0 0 0;
}

h2 {
	font-size:24px;
	text-align:left;
	font-family: 'Cuprum', arial, serif;
	text-transform:uppercase;
	line-height:28px;
	margin:0 0 12px 0;
	padding:10px 0 0 20px;
	background:url(../images/heading_arrow.png) no-repeat 0 13px;
}

h3 {
	font-size:16px;
	text-align:left;
	font-family: 'Cuprum', arial, serif;
	line-height:normal;
}

h4 {
	font-size:14px;
	text-align:left;
	font-family: 'Cuprum', arial, serif;
	line-height:normal;
}

.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	text-decoration:none;
	font-weight:700;
}

.createdate, .modifydate {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	text-align:left;
}

.search {
	background:url(../images/search_bg.png) no-repeat;
	padding:0px;
	border:none;
	width:228px;
	color:#fff;
	height:27px;
	float:right;
}

.search .inputbox {
	background:none;
	border:none;
	width:198px;
	padding-left:38px;
	padding:5px 0;
}

.inputbox {
	border:1px solid #00D8DC;
	color:#fff;
	padding:3px 6px;
	background:#000;
}

.button {
	font-weight:normal;
	border:1px solid #00D8DC;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	padding:2px 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: url(../images/blank.png);
}

table.searchinto {
	width:100%;
}

table.searchintro td {
	font-weight:700;
}

form {
	margin:0;
	padding:0;
}

.article_column {
	padding:0;
}

.article_separator {
}

/* lists */
ol {
margin-left:20px;
padding-left:7px;
}

ol li {
padding-left:0;
padding-top:0;
padding-bottom:5px;
margin-left:30px;
}

li ol {
padding-top:5px;
}

.content_wrap ul {
margin:15px 0 15px 15px;
padding:0;
}

.content_wrap ul li {
padding-left:5px;
padding-top:0;
padding-bottom:5px;
margin-left:30px;
}

.content_wrap li ul{
padding-top:5px;
}

.content_wrap li ul li {
background:none;
list-style-type:circle;
margin-left:20px;
padding-left:0;
}

ul.checklist li {
background:url(../images/icon_checklist.png) no-repeat;
padding-left:22px;
list-style:none;
}

ul.arrow li {
background:url(../images/icon_arrow.png) no-repeat;
padding-left:22px;
list-style:none;
}

ul.star li {
background:url(../images/icon_star.png) no-repeat;
padding-left:22px;
list-style:none;
}

.moduletable ul {
	margin-left:20px;
	padding-left:0;	
}

.moduletable ul li {
	margin-left:0;
	padding-left:0;	
}

/* menu */

.column_right ul.menu, .column_left ul.menu {
	margin:0;
	padding:0;
}

.column_right ul.menu li, .column_left ul.menu li {
	font-family: 'Cuprum', arial, serif;
	margin:5px 0px;
	list-style:none;
	padding:3px 0 3px 20px;
	background:url(../images/mainmenu_arrow.png) no-repeat;
}

.column_right ul.menu li.active, .column_left ul.menu li.active {
	background:url(../images/mainmenu_arrow_active.png) no-repeat;
}

.column_right ul.menu li:hover, .column_left ul.menu li:hover {
    background:url(../images/mainmenu_arrow_active.png) no-repeat;
}

.column_right ul.menu li.active a, .column_left ul.menu li.active a span {
	font-weight:bold;
	text-transform:uppercase;
}

.column_right ul.menu li a:link, .column_right ul.menu li a:visited, .column_left ul.menu li a:link, .column_left ul.menu li a:visited {
	text-decoration:none;
	display:block;
	padding:0 0 10px 0;
	font-size:14px;
	background:url(../images/mainmenu_separator.png) bottom no-repeat;
}

.column_right ul.menu li ul, .column_left ul.menu li ul {
	margin:0;
	padding:0;
	display:block;
}

.column_right ul.menu li ul li, .column_left ul.menu li ul li {
	margin:0;
	padding:0 15px;
}

.column_right li.active a:link, .column_right li.active a:visited, .column_left li.active a:link, .column_left li.active a:visited {
	padding:7px;
}

.column_right ul.menu li ul li#current a:link, .column_right ul.menu li ul li#current a:visited, .column_left ul.menu li ul li#current a:link, .column_left ul.menu li ul li#current a:visited {
	color:#e4e37c;
	background:none;
	padding:7px;
	font-size:11px;
	font-weight:normal;
}

.column_right ul.menu li ul li a:link, .column_right ul.menu li ul li a:visited, .column_right ul.menu li#current ul li a:link, .column_right ul.menu li#current ul li a:visited,
.column_left ul.menu li ul li a:link, .column_left ul.menu li ul li a:visited, .column_left ul.menu li#current ul li a:link, .column_left ul.menu li#current ul li a:visited {
	color:#ccc;
	background:none;
	padding:7px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
}

.footer ul.menu {
	margin:0;
	padding:0;
}

.footer ul.menu li {
	list-style:none;
	float:left;
}

.footer ul.menu li a:link, .footer ul.menu li a:visited {
	text-decoration:none;
	display:block;
	padding:0px 12px 7px 2px;
	font-weight:normal;
}

.footer ul.menu li a:hover {
}

a.mainlevel {
	text-decoration:none;
	padding:0 6px;
}

.topPanelModules ul.menu,
.bottom ul.menu,
.upper ul.menu {
	margin:0;
	padding:0;
}

.topPanelModules ul.menu li,
.bottom ul.menu li,
.upper ul.menu li{
	margin:0;
	list-style:none;
	padding:0;
}

.bottom ul.menu li a:link, .bottom ul.menu li a:visited,
.upper ul.menu li a:link, .upper ul.menu li a:visited,
.topPanelModules ul.menu li a:link, .topPanelModules ul.menu li a:visited {
	text-decoration:none;
	display:block;
}

.upper ul.menu li a:link, .upper ul.menu li a:visited,
.topPanelModules ul.menu li a:link, .topPanelModules ul.menu li a:visited {
	padding:4px 0px 4px 16px;
}

.bottom ul.menu li a:link, .bottom ul.menu li a:visited {
	padding:3px 0px 4px 0;
}

.bottom ul.menu li a:hover,
.upper ul.menu li a:hover,
.topPanelModules ul.menu li a:hover {
	text-decoration:underline;
}

/* top menu */

#nav, #nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	z-index:100;
}

#nav ul {
	display:none;
}

#nav a {
	display:block;
	padding:7px;
	margin:6px 0;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
}

#nav > li a:hover {
	padding:7px;
	color:#000 !important;
}

#nav > li.active a:hover {
	padding:7px;	
}

#nav > li.active a {
	border:1px solid #000;
	margin:5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:url(../images/topmenu_active_bg.png) repeat-x;
	border-radius: 5px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}

#nav li:hover ul li a {
	color:#fff;
}

#nav li:hover ul a {
	background:none;
	padding:7px;
	margin:5px 0;
}

#nav li:hover ul li a:hover {
	color:#000;
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius: 0px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
	padding:7px;
	background:#fff;
}

#nav li#current ul li a, #nav li.active ul li a {
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius: 0px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}

#nav li:hover ul {
	background:url(../images/topmenu_drop_bg.png) no-repeat bottom;
	color:#fff;
	padding-bottom:25px;
}

#nav li {
	float:left;
	position:relative;
	margin:0 5px;
}

#nav li ul a:hover {
	color:#fff;
}
#nav li ul li, #nav li ul li ul {
	margin:0;
	padding:0;
	float:none;
	cursor:pointer;
}

#nav li ul a {
	width:166px;
	line-height:normal;
	padding:7px;
}

#nav li ul ul {
	left:180px;
	margin:0;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
	display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
	display:block;
}

#nav ul li a {
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
}

#nav ul ul{
	top:0px;
	z-index:200;
}

#topmenu .sub {
	font-size:10px;
	display:block;
}

/* modules */

.column_left div.moduletable,
.column_right div.moduletable {
	padding:15px;
	margin-bottom:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}

.column_left div.moduletable h3,
.column_right div.moduletable h3 {
	margin:0;
	padding:0 0 10px 0;
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
	font-size:20px;
}

.bottom div.module {
	padding:7px;
	margin:9px 9px 0 9px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}

.upper div.module {
	padding:7px;
	margin:9px 9px 0 9px;
}

.bottom div.module div,
.upper div.module div {
	background:url(../images/bottom_module_bg.png) bottom repeat-x;
	margin:3px;
	padding:1px;
}

.upper div.module h3,
.bottom div.module h3,
.rotator_module div.moduletable h3 {
	font-size:18px;
	text-align:left;
	margin:0;
	padding:0 0 5px 0;
	font-weight:normal;
	background:none;
}

div.moduletable h3 span {
	font-weight:normal;
}

.breadcrumbs {
	padding:5px 0 0 0;
	display:block;
	text-align:right;
}

a.pathway:link, a.pathway:visited, a.pathway:hover {
	text-decoration:none;
	font-weight:normal;
}

.poll td div {
	background:none !important;
}

.search_wrap div.moduletable {
	padding-bottom:15px;
}

/* typography */
.warning {
	background:#e1e183;
	padding:15px;
	color:#000;
	border-top:4px solid #C60;
	border-bottom:4px solid #C60;
}

.info {
	background:#3e91ba;
	padding:15px;
	color:#fff;
	border-top:4px solid #006699;
	border-bottom:4px solid #006699;
}

.info a:link, .info a:visited, .info strong, .info b {
	color:#fff;
}

.error {
	background:#e89c9c;
	padding:15px;
	color:#000;
	border-top:4px solid #900;
	border-bottom:4px solid #900;
}

.code {
	background: url(../images/code_bg.png);
	padding:0 15px;
	color:#000;
	font-family:"Courier New", Courier, monospace;
	border-top:4px solid #999;
	border-bottom:4px solid #999;
	line-height:20px;
}

.quote {
	border-top:4px dotted #666;
	border-bottom:4px dotted #666;
	padding:8px;
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:18px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	margin-bottom:20px !important;
}

/* top panel */
#top-panel {
	padding:14px 20px;
	display:none;
}
#sub-panel {
	text-align:center;
}
#sub-panel a {
	width:200px;
	display:block;
	color:#fff;
	text-decoration:none;
	margin:0 auto;
	font-weight:normal;
	background:url(../images/toppanel_bg.png) no-repeat;
	font-size:10px;
	text-transform:uppercase;
}
#sub-panel a span {
	padding:0 0 4px 0;
	display:block;
}

.topPanelModules {
	margin:0 auto;
}

/* home page pics */

img.home_pics {
	float:right;
	margin-left:20px;
}

span.home_pics_rounded {
	display:block;
	float:right;
	margin-left:20px;
	-moz-border-radius:10px;
	-moz-box-shadow:5px 5px 5px #222;
	border-radius: 10px;
	box-shadow:5px 5px 5px #222;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}