/** REGULAR SCREEN STYLES **/

/* reset all elements */
* 
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}

/* base elements */
body 
{
	font-size: 12px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	background: #2C2C2C;
	color: #444455;
}

strong 
{
	font-weight: bold;
}

em 
{
	font-style: italic;
}

img
{
	border: 0;
}

a:link 
{ 
	text-decoration: underline; 
	color: #2F61AF;
}

a:visited 
{ 
	text-decoration: underline; 
	color: #2F61AF;
}

a:hover, a:active 
{ 
	text-decoration: underline; 
	color: #458DFF;
}

hr
{
	color: #FFFFFF; /* ie 7 */
	margin: 20px 0;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	line-height: 0;
	display: block;
}

blockquote
{
	margin: 10px 0 10px 0;
	padding: 5px 15px 5px 15px;
	background: #E4E7F0;
	border: none;
	border-top: 1px solid #4D5D91;
	border-bottom: 1px solid #4D5D91;
	width: 686px;
}

blockquote p
{
	padding: 0;
	margin: 0;
	font-family: Georgia;
	font-style: italic;
	font-size: .9em;
}


blockquote p.signature
{
	font-weight: bold;
}


/* specific elements */		
#wrapper 
{
	margin: 0 auto 0 auto;
	padding-top: 4px;
	width: 992px;
}

#header
{
	width: 992px;
	height: 190px;
	background: #222222 url('/images/header.png') no-repeat top center;
}

#content
{
	padding: 0;
	width: 992px;

	background: #FFFFFF url('/images/bg-content.gif') repeat-y;
}

#content h1
{
	font-size: 22px;
	margin: 14px 0 20px 0;
	color: #444444;
}

#content h1.special
{
	font-size: 18px;
	margin: 14px 0 20px 0;
	color: #444444;
}

#content h2
{
	font-size: 18px;
	margin: 17px 0 12px 0;
	color: #444444;
}

#content h3
{
	font-size: 16px;
	margin: 13px 0 12px 0;
	font-weight: bold;
}

#content h3 a
{
	font-size: 12px;
	margin: 13px 0 12px 0;
	padding-right: 120px;
	font-weight: bold;
	background: url('/images/world_go.png') no-repeat top right;
}

#content h3 a.project
{
	font-size: 12px;
	margin: 13px 0 12px 0;
	padding-right: 120px;
	font-weight: bold;
	background: url('/images/world_go_project.png') no-repeat top right;
}

#content h3 a.demo
{
	font-size: 12px;
	margin: 13px 0 12px 0;
	padding-right: 120px;
	font-weight: bold;
	background: url('/images/world_go_demo.png') no-repeat top right;
}

#content p
{
	font-size: 12px;
	margin: 10px 0 10px 0;
	line-height: 20px;
}

#content p.content_box
{
	width:220px; 
	padding: 0 6px 0 6px; 
	float: left; 
	text-align: center;
}

#content ul
{
	font-size: 12px;
	margin: 8px 0 8px 36px;
	line-height: 22px;
}

#content ul li
{
	font-size: 12px;
	margin: 4px 0 4px 0;
	line-height: 22px;
}

#content ul li.no_list_style
{
	list-style-type:none;
}

#content .hr
{
	margin: 12px 0 12px 0;
	display: block;
	width: 672px;
	height: 4px;
    
	background: #FFFFFF url('/images/hr.png') no-repeat top left;
}

#content .portfolio_web
{
	width: 698px; 
	margin: 20px auto 30px auto;
}

#content .portfolio_web h3
{
	font-size: 16px;
	margin: 0px 0 12px 0;
	font-weight: bold;
}

#content .portfolio_web a .preview_small
{
	border: 1px solid #AAAAAA; 
	padding: 2px; 
	background: #FFFFFF;
	margin-bottom: 10px;
}






form#formlogin label
{
	display: block;
	font-weight: bold;
	color: #3A3A3A; 
}

form#formlogin input.text
{
	display: block;
	padding: 2px;
	margin: 4px auto 6px auto;
	width: 200px;
	color: #3A3A3A; 
}

form#formpay label
{
	display: block;
	font-weight: bold;
	color: #3A3A3A; 
}

form#formpay input.text
{
	display: block;
	padding: 2px;
	margin: 4px 0 6px 0;
	width: 200px;
	color: #3A3A3A; 
}

#sidebar
{
	color: #2F2F2F;
}

#content-main
{
	margin: 0 18px 0 20px;
	width: 700px;
	float: left;
}

#content-sidebar
{
	width: 236px;
	margin: 0 18px 0 0;
	float: right;
}

.sidebar-box-top
{
	width: 236px;
	height: 12px;
	background: #FFFFFF url('/images/sidebar-box-top.gif') no-repeat top left;
}

.sidebar-box
{
	width: 216px;
	padding: 0px 10px 0 10px;
	background: #FFFFFF url('/images/sidebar-box.gif') repeat-y top left;
}

.sidebar-box-bottom
{
	width: 236px;
	height: 12px;
	background: #FFFFFF url('/images/sidebar-box-bottom.gif') no-repeat top left;
	padding-bottom: 10px;
}

#commentform .section
{
	margin: 10px;
}

#commentform .section label
{
	font-size: 11px;
	font-weight: bold;
	color: #505050;
}

#commentform .section .cont
{
	margin: 0;
	padding: 5px;
	float: left;
}

#commentform .section .cont input.radio
{
	width: 20px;
	height: 20px;
	margin: auto;
}

#commentform .section input.text
{
	padding: 2px;
	width: 200px;
	color: #3A3A3A; 
}

#commentform .section input.submit
{
	padding: 4px;
	width: 200px;
	color: #3A3A3A; 
}

#commentform .section textarea.text
{
	padding: 2px;
	width: 200px;
	color: #3A3A3A; 
}

#commentform .section label.internal_label
{
	width: 60px;
	padding: 0;
	text-align: left;
	line-height: 30px;
	float: left;
	clear: none;
	
}

#content-sidebar .center
{
	width: 152px;
	margin: 10px auto 0 auto;
}

a.button
{
	display: block;
	height: 39px;
}

a.button:visited
{
	color: #717A96;
}


a.but-login
{
	background: url('/images/but-login.png') no-repeat top left;
	width: 148px;
}

a.but-contact
{
	background: url('/images/but-contact.png') no-repeat top left;
	width: 154px;
}

a.but-logout
{
	width: 122px;
	background: url('/images/but-logout.png') no-repeat top left;
}

a.but-pay-invoice
{
	background: url('/images/but-pay-invoice.png') no-repeat top left;
}

a.button:link
{
	color: #717A96;
}

a.button:hover
{
	color: #566987;
}

a.button:visited
{
	text-decoration: none;
}


#content-sidebar h2
{
	margin: 0;
	padding: 0 0 14px 0;
	font-size: 18px;
	text-align: center;
}

#content-sidebar p
{
	text-align: center;
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 11px;
	line-height: 18px;

}

#nav
{
	width: 992px;
	height: 50px;
	background: #222222 url('/images/menu-0.png') no-repeat top left;
}

#nav.m0
{
	background: #222222 url('/images/menu-0.png') no-repeat top left;
}

#nav.m1
{
	background: #222222 url('/images/menu-1.png') no-repeat top left;
}

#nav.m2
{
	background: #222222 url('/images/menu-2.png') no-repeat top left;
}

#nav.m3
{
	background: #222222 url('/images/menu-3.png') no-repeat top left;
}

#nav.m4
{
	background: #222222 url('/images/menu-4.png') no-repeat top left;
}

#nav.m5
{
	background: #222222 url('/images/menu-5.png') no-repeat top left;
}

#nav ul
{
	list-style: none;
	padding: 2px 0 0 30px;
}

#nav ul li
{
	display: block;
	float: left;
}

#nav ul li a
{
	display: block;
	
	margin: 2px 20px 0 -10px;
	padding-left: 10px;
	
	line-height: 38px;
	font-size: 16px;
	color: #717A96;
	text-decoration: none;
	font-weight: bold;
	
	width: 132px;
	height: 38px;
}

#nav ul li a:hover
{
	color: #575E73;
}

#footer
{
	clear: both;
	margin: 0 auto;
	padding-right: 18px;
	font-size: 12px;
	width: 974px;
	height: 42px;
	background: transparent url('/images/footer.png') no-repeat top left;
}

#credits
{
	padding: 0;
	width: 992px;
	margin: 0 auto;
	background: #0F0F0F url('/images/credits.gif') repeat-y;
	
	text-align: center;
	color: #666666;
	font-size: 12px;
}

#credits a
{
	color: #AAAAAA;
}

#credits p img
{
	vertical-align: top;
	padding-right: 6px;
}

#credits-top
{
	padding: 0;
	width: 992px;
	height: 12px;
	margin: 16px auto 0 auto;
	background: #0F0F0F url('/images/credits-top.gif') no-repeat;
}

#credits-bottom
{
	padding: 0;
	width: 992px;
	height: 12px;
	margin: 0 auto 16px auto;
	background: #0F0F0F url('/images/credits-bottom.gif') no-repeat;
}





#footer a.valid
{
	display: block;
	float: right;
	
	color: #92A4C1;
	margin: 16px 16px 0px 0px;
	padding-left: 22px;
	font-size: 12px;
	
	background: transparent url('/images/check.png') no-repeat top left;
	text-decoration: none; 
}

#footer a.valid:hover
{
	text-decoration: underline; 
}


table 
{ 
	margin: 0px auto 10px auto;
	width: 690px;
	border-collapse: collapse; 
}


table caption
{
	margin: 30px auto;
	font-size: 20px;
}

td, th { padding: 10px; }

th
{
	padding: 3px;
	background: #DAE0ED;
	border: 2px solid #FFFFFF;
	color: #111111;
	font-weight: bold;
	font-size: 13px;
}

td 
{
	margin: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background: #F1F4F9;
	border: 2px solid #FFFFFF;
}

tr
{

}


.nivo-controlNav 
{
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a 
{
	display:block;
	width:10px;
	height:10px;
	background:url('/images/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:30px;
	height:30px;
	background:url('/images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav 
{
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav 
{
	left:15px;
}

#slider {
	/*position:relative;
	min-height:220px;
	margin:30px 30px 60px 30px;
	background:#202834 url(images/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;*/
	border: 2px solid #888888;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
#slider p
{
	padding-left: 14px;
	font-size: 17px;
}



.nc_form
{
	padding: 2px;
}

.nc_form_status_untouched
{
	background: url('../images/untouched.png') no-repeat 0px 2px;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding: 2px 0 2px 50px;	
}

.nc_form_status_success
{
	background: url('../images/success.png') no-repeat 0px 2px;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding: 2px 0 2px 50px;	
}

.nc_form_status_fail
{
	background: url('../images/fail.png') no-repeat 0px 2px;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding: 2px 0 2px 50px;	
}


.nc_form_title
{
	padding: 10px 0 1px 2px;
	font-weight: bold;
}

.nc_form_help
{
	color: #111111;
	font-weight: normal;
	padding: 2px 0 2px 2px;
}

.nc_form_error
{
	color: #AA0000;
	font-weight: bold;
	padding: 2px 0 2px 20px;
	background: url('../images/warning_small.png') no-repeat 0px 2px;
}

.nc_form_submit
{
	margin: 8px 0;
	padding: 4px 8px;
	display: block;
}

.center
{
	text-align: center;
}


.infobar
{
	margin: 2px auto;
	background: #F1F4F9;
	width: 688px;
}

.infobar .label
{
	width: 150px; 
	padding: 3px 3px 3px 6px;
	font-weight: bold; 
	float: left;
	background: #DAE0ED;
	font-size: 13px;
}

.infobar .content
{
	width: 520px; 
	float: right;
	padding: 3px;
}

.clear
{
	clear: both;
}

.print_only
{
	display: none;
}