body {	background: #B6D7EF url(../images/layout/bg-body-home.jpg) repeat-x;	margin:0;	padding:0; line-height: 1.2;	font: 13px Arial, Helvetica, sans-serif;	color:#333333;}
	
#maincontainer {	width: 950px;	margin: 0 auto;}
.innertube{	padding:13px;		border-left:1px solid #A5D8F1;	border-right:1px solid #A5D8F1;}
.innertubeHome{	padding:13px;}

/* ----- HEADER HOME ----- */ 
#headerhome { background: url(../images/layout/bg-head-home.png) no-repeat 50% 0; width:950px; height:402px; margin:auto; }
#headerhome #head {	position:relative;	height: 403px; width:950px; margin:auto;}

#logo {	background:url(../images/layout/logo-iconiza.png) no-repeat;	text-indent:-10000px;	position:absolute;	width:214px;	height: 70px;	left: 0px;	top: 6px;}
#logo h1 { margin:0; }
	
#contenthome { background: #ffffff url(../images/layout/bg-content.jpg) repeat-x; width:100%; margin:auto; }
#contenthome #content { width:950px; margin:auto; overflow:auto; padding-bottom:22px;}

/* - Menu - */
.menu {	padding:0 0 0 15px; margin:0 0 0 20px;	list-style: none; position:relative; float:right; background:url(../images/layout/headMenu.png) no-repeat;	width:620px;	height:44px; z-index:0;}
.menu li {	padding: 0;	margin:  0;	height: 40px;	list-style: none;	background-repeat: no-repeat;}
.menu li a, .menu li a:visited {	display: block;	text-decoration: none;	text-indent: -10000px;	height: 40px;	background-repeat: no-repeat; overflow:hidden; }
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.home {background-image: url(../images/menu/home_f2.png); width: 65px;}
	.home a {background-image:url(../images/menu/home.png);}
	.home a.current {background-image: url(../images/menu/home_f2.png); width: 65px;}
	
	.icondesign {background-image: url(../images/menu/icondesign_f2.png); width: 107px;}
	.icondesign a {background-image: url(../images/menu/icondesign.png);}
	.icondesign a.current {background-image: url(../images/menu/icondesign_f2.png); width: 107px;}
	
	.uidesign {background-image: url(../images/menu/uidesign_f2.png); width: 91px;}
	.uidesign a {background-image: url(../images/menu/uidesign.png);}
	.uidesign a.current {background-image: url(../images/menu/uidesign_f2.png); width: 91px;}
	
	.portfolio {background-image: url(../images/menu/portfolio_f2.png); width: 88px;}
	.portfolio a {background-image: url(../images/menu/portfolio.png);}
	.portfolio a.current {background-image: url(../images/menu/portfolio_f2.png); width: 88px;}
	
	.buystock {background-image: url(../images/menu/buystock_f2.png); width: 135px;}
	.buystock a {background-image: url(../images/menu/buystock.png);}
	.buystock a.current {background-image: url(../images/menu/buystock_f2.png); width: 135px;}
	
	.downloads {background-image: url(../images/menu/downloads_f2.png); width: 104px;}
	.downloads a {background-image: url(../images/menu/downloads.png);}
	.downloads a.current {background-image: url(../images/menu/downloads_f2.png); width: 83px;}
	
/* ----- HOME MODULES ----- */

/* - Featured Item - */
#introtext { float:left;	padding:90px 0 0px 0;	width: 300px;	height:240px;}
#introtext h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#FFF; line-height:1.2em;}

#featuredslide { float:left;	padding:30px 0 0px 0;	width:540px;	height:260px; margin-left:100px; position:relative;}
	#slider { position:relative; width:570px; background:url(loading.gif) no-repeat 50% 50%; }
	#slider img { position:absolute; top:0px; left:0px; display:none;}
	.nivoSlider { position:relative;}
	.nivoSlider img {position:absolute; top:0px; left:0px;}
	.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
	.nivo-slice { display:block; position:absolute; z-index:50; height:100%;}
	/* Caption styles */
	.nivo-caption { position:absolute; font-size:13px; left:300px; top:40px; color:#C2D4E0; width:180px; }
	.nivo-caption h2 { color:#ffffff; line-height:1.3; font:21px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	/*.nivo-caption a { display:inline !important;}*/
	.nivo-html-caption { display:none;}
	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-controlNav { position:absolute; left:47%; bottom:-30px;}
	.nivo-controlNav a { display:block; width:10px; height:10px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
	.nivo-controlNav a.active { background-position:-10px 0;}
	.nivo-directionNav a { display:block; width:32px; height:34px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0;}
	a.nivo-nextNav { background-position:-32px 0; right:10px;}
	a.nivo-prevNav { left:10px;}
		
	.nextbutton { position:absolute;	top:115px;	left:492px;	width:65px;	height:60px;}
	.prevbutton{ position:absolute;	top:115px;	left:-79px; width:65px;	height:60px;}

.homemodules { width:218px; margin:30px 20px 0 0; float:left; overflow:hidden; }
.homemodules h3 { font: normal 19px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:5px 0 13px 0; }

.likeit-text {position:absolute; top:322px;left:360px;width:244px;height:61px;background:url(../images/content/likeit-arrow.png) no-repeat;overflow:auto;}
	
/* ----- CONTENT ----- */
#headercontent { background: url(../images/layout/bg-head-content.png) no-repeat 50% 0; width:100%; height:170px; margin:auto; position:relative;}
#headercontent #head {	position:relative;	height: 100px; width:950px; margin:auto;}
#featuredhead {	width:670px;	height:170px;	position:absolute;	left: 239px;	top: 30px;}
	.head-icondesign { background:url(../images/headers/icondesign.png); width:670px; height:170px;}
	.head-uidesign { background:url(../images/headers/uidesign.png); width:670px; height:170px;}
	.head-portfolio { background:url(../images/headers/portfolio.png); width:670px; height:170px;}
	.head-downloads { background:url(../images/headers/downloads.png); width:670px; height:170px;}
	.head-buyicons { background:url(../images/headers/buyicons.png); width:670px; height:170px;}

/* - Porftolio items - */
.box-icondesign { float:left; width:285px; height:140px; margin:0 19px 20px 0; font-size:11px; color:#666;}
.box-icondesign img { float:left; margin:0 17px 5px 0;}
.box-icondesign h4 { font:normal 16px Arial, Helvetica, sans-serif; margin:0 0 12px 0; background:none; padding:0;}

.box-uidesign { float:left; width:440px; height:140px; margin:0 16px 20px 0; font-size:11px; color:#666;}
.box-uidesign img { float:left; margin:0 17px 5px 0;}
.box-uidesign h4 { font:normal 16px Arial, Helvetica, sans-serif; margin:0 0 12px 0; background:none; padding:0;}

.box-web { float:left; width:440px; height:160px; margin:0 16px 20px 0; font-size:11px; color:#666;}
.box-web img { float:left; margin:0 21px 5px 0;}
.box-web h4 { font:normal 16px Arial, Helvetica, sans-serif; margin:0 0 12px 0; background:none; padding:0;}

.buttongplus { width:45px; height:40px; float:left; clear:none;}
.buttonrecommendfb { width:160px; height:40px; float:left; clear: right; }


/* - Body Content - */
#RightCol { float:left; width:240px; margin:30px 0 0 30px;}
#RightCol p { font-size:12px; color: #666; line-height:1.3em; }
#RightCol h3 { padding:10px 0 0 0;}
#RightCol h4 { color: #7A7A7A; font:italic 15px/1.4em Georgia, "Times New Roman", Times, serif;}
.commentstext { color: #7A7A7A; font:italic 15px/1.4em Georgia, "Times New Roman", Times, serif;}

#leftCol {	float: left; width: 660px; margin:20px 0 0 0;}
#leftCol h3 { /*background:url(../images/layout/title-background.png) no-repeat; width:664px; height:27px;*/ color:#000; font: normal 21px "Trebuchet MS", Arial, Helvetica, sans-serif; /*padding:2px 0 0 8px;*/ clear:both; margin:25px 0;}
/*#leftCol img { float:left; margin:0 20px 6px 0;}*/


.separator { clear:both; background-color:#f0f0f0; width:664px; height:5px; margin:22px 0; }
.contentimage { float:left; margin:0 18px 6px 0;}

/* SUBMENU */
#submenuContainer { display:block; margin:9px 0 0 0;  width:770px; padding-bottom:30px;}	
.indentmenu{font: normal 16px Arial;width: 100%; overflow: hidden; color:#ffffff; margin:0;}
.indentmenu ul{margin: 0;padding: 0;float: left;width: 100%;  background: none}
.indentmenu ul li{display: inline;}
.indentmenu ul li a{ float: left; color: #ffffff; padding: 5px 12px; text-decoration: none; background-color:#639AC1; margin-right:6px; 	-moz-border-radius: 4px; -webkit-border-radius: 4px; }
.indentmenu ul li a:visited{color: #ffffff;}
.indentmenu ul li a:hover, .indentmenu ul li .current{color: white !important; padding: 5px 12px; background-color:#467A9F;}

	
/* ----- FOOTER ----- */
#footer { height:77px; width:100%; background: #FFF url(../images/layout/bg-footer.jpg) repeat-x;	padding: 0;}
#footer .content { width:950px; margin:auto;	padding: 1px 0  0; color:#666; line-height:1.2em;	}
#footershadow { height:20px; width:950px; background:url(../images/layout/shadow-footer.jpg) no-repeat;	padding: 0;  margin:auto;}
#shareicons { width:220px; float:right; height: 60px; }

/* ----- TEXT AND LINKS ----- */
h2	{margin:2px 0 20px 0; color:#000000; font:normal 34px "Trebuchet MS", Arial, Helvetica, sans-serif; clear:both;}
h3	{margin:0 0 15px 0; font-size:1.5em; color:#000000; font-weight:normal;}
h4	{margin:0 0 13px 0;	font-size:16px; line-height:1.2; color:#000000;}
	
.smallText {font-size:10px; color:#666666; margin-bottom:0;}
p {	margin-top:13px;}
.copyright  { font-size:11px; color:#666;}
.textshadow {text-shadow: 0 1px 1px rgba(0,0,0,0.9);}

/* ----- Buttons ----- */
a.buttonorderbig { background:url(../images/buttons/btn-ordercustomicons.png) no-repeat 0 0; width: 264px;	height: 46px;	display: block;	text-indent: -9999px; outline:none; }
a.buttonorderbig:hover { background-position: 0 -47px;  outline:none; }
a.buttonorderbig:active { background-position: 0 -94px; outline:none; }

a.buttonfb { background: url(../images/buttons/btn-facebook.png) no-repeat 0 0; width: 84px;	height: 22px;	display: block;	text-indent: -9999px; outline:none;float:left;  }
a.buttonfb:hover { background-position: 0 -24px;  outline:none; float:left; }
a.buttonfb:active { background-position: 0 -48px; outline:none; float:left; }

a.buttontw { background:url(../images/buttons/btn-twitter.png) no-repeat 0 0; width: 84px;	height: 22px;	display: block;	text-indent: -9999px; outline:none; float:left; margin-left:8px; }
a.buttontw:hover { background-position: 0 -24px;  outline:none; float:left; margin-left:8px; }
a.buttontw:active { background-position: 0 -48px; outline:none; float:left; margin-left:8px; }

.button, .button:visited, .button:link {	background: #222 url(../images/buttons/overlay.png) repeat-x; 	display: inline-block; 	padding: 5px 10px 6px; 	color: #000000; 	text-decoration: none;	-moz-border-radius: 5px; 	-webkit-border-radius: 5px;	-moz-box-shadow: 0 1px 0px rgba(0,0,0,0.4);	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.4);	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);	border-bottom: 1px solid rgba(0,0,0,0.4);	position: relative;	cursor: pointer}
	.button:hover { background-color: #111; color: #fff; }
	.button:active { top: 1px; }
	.small.button, .small.button:visited { font-size: 11px}
	.button, .button:visited, 	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: normal; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
	.super.button, .super.button:visited { font-size: 34px; padding: 8px 14px 9px; }
	.yellow.button, .yellow.button:visited { background-color: #ffb515; }
	.yellow.button:hover { background-color: #fc9200; }
	
/* ----- Links ----- */
a:link {	color: #467DA0;	text-decoration: none;}
a:visited {	color: #3D79B6;	text-decoration: none;}
a:hover {	color: #333333;	text-decoration: underline;}
a:active {	color: #467DA0; text-decoration: underline;}

.whiteLink:link { color: #fff; text-decoration: none;}
.whiteLink:visited { color: #fff; text-decoration: none;}
.whiteLink:hover { color: #FFCC00; text-decoration: underline;}
.whiteLink:active {	color: #fff; text-decoration: underline;}

.footer:link { color: #666;	text-decoration: none;}
.footer:visited { color: #666; text-decoration: none;}
.footer:hover { color: #ccc; text-decoration: underline;}
.footer:active { color: #fff; text-decoration: underline;}

/* ----- LISTS ----- */
li {margin-bottom:1.4em;}

/* ----- FORMS ------ */
label,input {	display: block;	float: left;	margin-bottom: 7px;}
.inputarea {	background-color:#f3f3f3;	border:1px solid #999;	color:#3D79B6;	font-size:1.2em;	font-family:Arial, Helvetica, sans-serif;	font-weight:bold;	padding:3px;}
label {	text-align: right;	width: 170px;	padding-right: 7px;}
.br {clear: left;}

/* ----- ADSENSE ----- */
#bigAd { padding-top:25px; margin-top:25px; text-align:center;}