/*******************  
*	DEFAULTS
********************/

A			{ color: #ffba00; text-decoration: none }
A:hover			{ color: #ffba00; text-decoration: underline }

BODY			{ background-color: #23485f; color: #d3e3e9; font: normal 12px verdana, arial; line-height: 140% }
TABLE			{ padding: 0px; margin: 0px; border-collapse: collapse; }
TABLE TD		{ padding: 0px; margin: 0px; border-collapse: collapse; font-family: arial, verdana, tahoma; font-size: 12px; vertical-align: top }
IMG			{ border: 0px; margin: 0px }
FORM			{ margin: 0px }

INPUT			{ border: 1px solid #7c8f9c; background-color: #2d5673; font-size: 11px; color: #ffffff; font-family: tahoma, verdana; }
TEXTAREA		{ border: 1px solid #7c8f9c; background-color: #2d5673; font-size: 11px; color: #ffffff; font-family: tahoma, verdana; }
INPUT.button		{ font-size: 12px }

STRONG			{ color: #fff }

FORM TABLE TH		{ text-align: right; vertical-align: top }
FORM TABLE TH,
FORM TABLE TD		{ padding: 5px }

H1			{ color: #ffd76b; font: normal 20px verdana, arial; line-height: 100%; margin: 15px 0px }
H2			{ color: #ffd76b; font: bold 15px arial; margin: 15px 0px }
H3			{ color: #fff; font: bold 15px arial; margin: 15px 0px }
H1.white		{ color: #fff }

/*******************  
*	STRUCTURE
********************/

#container		{ margin: 0px auto; width: 935px }

#header			{ height: 63px } 
#header	h1		{ margin: 0px; padding-top: 11px }
#header	h1 a		{ display: block; width: 276px; height: 40px; background: url(images/logo.png) no-repeat; text-indent: -9000px; text-decoration: none; overflow: hidden; } 

#banner			{ height: 115px; text-align: right }
#banner img		{ margin-top: 55px }

#sideBar		{ width: 180px; margin: 0px; float: left; display: inline }

#menu 			{ font: normal 15px verdana; text-transform: lowercase; padding: 0; margin: 10px 0 0 0; list-style: none; background: url(images/menu-bar.png) no-repeat top left }
#menu li		{ padding: 0 0 0 14px; margin: 0px; background: url(images/menu-bar.png) no-repeat bottom left; }
#menu a			{ color: #fff; width: 130px; padding: 6px 0px 8px 16px; background: url(images/menu-icon.png) no-repeat left center; display: block; text-decoration: none }
#menu.index #index a,
#menu.ourcms #ourcms a,
#menu.pricing #pricing a,
#menu.designers #designers a,
#menu.demo #demo a,
#menu.contact #contact a,
#menu a:hover		{ color: #ffba00; font-weight: bold }

#content		{ width: 730px; float: right }

#footer			{ height: 58px; background: url(images/footer-bg.png) repeat-x top; text-align: center; margin-top: 20px }
#footer UL		{ padding: 25px 0px 0px 0px; margin: 0px; list-style-type: none }
#footer UL LI		{ display: inline; padding: 0px 4px }
#footer A		{ color: #d7e4ec; text-decoration: none; }
#footer A:hover		{ color: #fff; text-decoration: underline }

.cmslist		{ margin-top: 20px }
.cmslist img		{ float: left; border: 1px solid #fff; margin: 0 10px 10px 0; padding: 3px }
.cmslist h4		{ margin: 0; font: bold 16px arial; color: #fff }
.cmslist p		{ margin: 5px 0 }

.box1			{ border: 2px solid #ffffff; padding: 10px; background: #193445; color: #fff } 
.box1 h2		{ color: #fff; margin: 3px }

/*******************  
*	UTILS
********************/

.noTop			{ margin-top: 0px }
.noBottom		{ margin-bottom: 0px }
.floatRight		{ float: right; margin: 0 0 5px 10px }


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */