html, body {
	padding: 0;
	margin: 0;
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	color: #666666;
}

#contents {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}
#header {
	height: 120px;
	width: 950px;
}
#header .hidden {
	display: none;
}
#footer {
	padding: 10px 0 0 0;
	height: 70px;
	width: 950px;
	background: url(../images/nkstudios-sm.jpg) 100% 15px no-repeat;
}
#footer .hidden {
	display: none;
}

/* MENU STARTS */
.menu {
	font-family: Arial, Tahoma;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight:500;
	background: url(../images/menu-box-bg.jpg) repeat-x;
	width: 950px;
	clear: both;
}

.menu .left {
	background: url(../images/menu-box-left.jpg) 0 0 no-repeat;
	height: 40px;
}
.menu .right {
	background: url(../images/menu-box-right.jpg) 100% 0 no-repeat;
	height: 40px;
}

.menu ul {
	margin: 0px 1px 0 25px;
	padding: 0;
	list-style: none;
}

.menu ul ul {
	margin: 0;
	padding: 0;
}
.menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.menu ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 7px 11px 7px;
	display: block;
}
.menu ul li.active a {
	text-decoration: none;
	background-color: #317BC4;
}
.menu ul li a:hover {
	text-decoration: none;
	background-color: #2966A3;
}
.menu ul li ul {
	margin: 0;
}
.menu ul li ul li {
	margin: 0;
	padding: 0;
	width: 260px;
}

.menu ul li ul li a {
	background: url(../images/menu-box-bg.jpg) repeat-x;
	background-color: #2F90F1;
	display: block;
	padding: 0;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 6px;
}

.menu ul li ul li a:hover {
	background: #2966A3;
}

.menu li {
	position: relative;
}

.menu ul ul {
	position: absolute;
	z-index: 500;
}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul
{display: block;}
/* MENU ENDS */

#intro {
	margin: 20px 0 0 0;
	background: url(../images/intro-bg.jpg) no-repeat;
	width: 950px;
	height: 149px;
	position: relative;
	z-index: -1000;
}

#intro h1 {
	display: block;
	position: relative;
	width: 470px;
	top: 30px;
	left: 170px;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 42px;
	color: #FFFFFF;
	letter-spacing: -3px;
}

#intro h2 {
	display: block;
	position: relative;
	width: 340px;
	font-weight: bold;
	top: 15px;
	left: 390px;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 42px;
	color: #FFFFFF;
	letter-spacing: -3px;
}
#column_left {
	position: relative;
	float: left;
	width: 417px;
}

#column_right {
	margin: 0 0 0 20px;
	float: left;
	width: 513px;
}

.clients_box {
	background-color: #333333;
	width: 417px;
}

.portfolio_box {
	background-color: #333333;
	width: 465px;
}

.portfolio_box .contents {
	text-align: left;
	padding: 40px;
	height: 321px;
	margin-left: auto;
	margin-right: auto;
}

.clients_box .top_left, 
.portfolio_box .top_left {
	background: url(../images/clients-box-left-top.gif) 0 0 no-repeat;
}

.clients_box .top_right, 
.portfolio_box .top_right {
	background: url(../images/clients-box-right-top.gif) 100% 0 no-repeat;
}

.clients_box .bottom_left, 
.portfolio_box .bottom_left {
	background: url(../images/clients-box-left-bottom.gif) 0 100% no-repeat;
}

.clients_box .bottom_right, 
.portfolio_box .bottom_right {
	background: url(../images/clients-box-right-bottom.gif) 100% 100% no-repeat;
}

.clients_box .contents {
	padding: 16px;
}

.clients_box .contents h1, 
.portfolio_box .contents h1 {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #929292;
	line-height: 18px;
	letter-spacing: normal;
}

.clients_box .contents h1 a, 
.portfolio_box .contents h1 a {
	color: #929292;
	text-decoration: none;
}

.clients_box .contents h1 a:hover, 
.portfolio_box .contents h1 a:hover {
	color: #D6D6D6;
}

.clients_box .contents h2, 
.portfolio_box .contents h2 {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #929292;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: normal;
}

#corporate {
	width: 513px;
	height: 244px;
	background: url(../images/nkstudios-corp.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#corporate .top_left {
	position: relative;
	float: left;
	width: 180px;
	height: 95px;
	padding: 5px;
}

#corporate .top_right {
	position: relative;
	float: left;
	left: 134px;
	width: 178px;
	height: 95px;
	padding: 5px;
}

#corporate .bottom_left {
	clear: both;
	position: relative;
	float: left;
	top: 35px;
	width: 180px;
	height: 95px;
	padding: 5px;
}

#corporate .bottom_right {
	position: relative;
	float: left;
	left: 134px;
	top: 35px;
	width: 178px;
	height: 95px;
	padding: 5px;
}

#domains .prices ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
}

#domains .prices ul li {
	list-style: none;
	float: left;
	display: inline-table;
}

#domains .prices li.left {
	padding: 0 10px 0 0;
	width: 50px;
}

#domains .prices li.right {
	padding: 5px 20px 0 0;
}

#domains fieldset {
	width: 400px;
	border: solid 1px #666666;
}

#domains legend {
	padding: 0 2px;
}

#domains fieldset ul li label {
	display: inline-block;
	width: 170px; /* Width of labels */
}

#domains fieldset ul {
	margin: 0;
	padding: 0;
}

#domains fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

#domains_ar fieldset {
	width: 600px;
	border: solid 1px #666666;
}

#domains_ar legend {
	padding: 0 2px;
}

#domains_ar fieldset ul li label {
	display: inline-block;
	width: 250px; /* Width of labels */
}

#domains_ar fieldset ul {
	margin: 0;
	padding: 0;
}

#domains_ar fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}



.two_cols {
	position: relative;
	float: left;
	width: 50%;
}

.hosting {
	width: 455px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: -2px;
	font-weight: bold;
}

.hosting span {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 0px;
	font-weight: normal;
}

.hosting .top {
	width: 453px;
	height: 66px;
	background: url(../images/hosting-top.jpg) no-repeat;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 4px 0 0 0;
}

.hosting .box {
	position: relative;
	float: left;
	width: 89px;
	height: 66px;
	background: url(../images/hosting-box.jpg) no-repeat;
	margin: 0 2px 0 0;
	text-align: center;
}

.hosting .box_arrow {
	position: relative;
	float: left;
	width: 89px;
	height: 73px;
	background: url(../images/hosting-box-arrow.jpg) no-repeat;
	margin: 0 2px 0 0;
	text-align: center;
}

.hosting .spacer {
	position: relative;
	float: left;
	width: 182px;
}

.hosting .order {
	margin: 2px 0 0 0;
	position: relative;
	float: left;
	width: 90px;
	text-align: center;
}

.hosting .order a {
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #317BC4;
	border: 1px solid #999999;
	padding: 3px;
	display: block;
	letter-spacing: 0px;
	font-weight: normal;
	margin: 1px;
}

/* COMMON CLASSES */
h1 {
	margin: 0;
	padding: 0;
	display: inline;
	font-family: Arial, "Trebuchet MS", Tahoma;
	font-size: 28px;
	color: #92C1F1;
	letter-spacing: -2px;
	font-weight: bold;
}

h2, h2 a, h4, h4 a {
	margin: 0;
	padding: 0;
	display: inline;
	font-family: Arial, "Trebuchet MS", Arial, Tahoma;
	font-size: 16px;
	color: #317BC4;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}

h2 a:hover, h4 a:hover {
	color: #317BC4;
	text-decoration: underline;
}

h3, h3 a {
	margin: 0;
	padding: 0;
	display: inline;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 16px;
	color: #95CE00;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}

h3 a:hover {
	color: #95CE00;
	text-decoration: underline;
}

.spacer {
	padding: 10px 0 10px 0;
	clear: both;
}

.margin {
	margin: 10px;
}

.clear {
	clear: both;
}

a {
	color: #317BC4;
	text-decoration: none;
}

a:hover {
	color: #24598E;
	text-decoration: none;
}

li {
	list-style: square;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #317BC4;
	border: 1px solid #999999;
	padding: 2px;

}

input[type=submit] {
	background-color: #317BC4;
	border: 0;
	color: #FFFFFF;
}

input[type=reset] {
	background-color: #317BC4;
	border: 0;
	color: #FFFFFF;
}

input[type=checkbox] {
	border: 0;
	background: none;
}

input[type=radio] {
	border: 0;
	background: none;
}

form {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	text-align: justify;
}

.error {
	color: #AD0000;
}

fieldset {
	width: 600px;
	border: solid 1px #666666;
}

legend {
	padding: 0 2px 0 0;
	margin: 0;
	display: inline;
	font-family: Arial, "Trebuchet MS", Arial, Tahoma;
	font-size: 16px;
	color: #317BC4;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
}

fieldset ul li label {
	display: inline-block;
	width: 250px; /* Width of labels */
}

fieldset ul {
	margin: 0;
	padding: 0;
}

fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

.pager {
	width: 950px;
	text-align: center;
}

