﻿html {width:100%; height: 100%;}

body {width: 100%; height: 100%; color: #afcbd9; background-color: #001832; margin: 0px; padding: 0px; font-family: Arial;}

a {outline:none; color: #fff;}
a:hover {text-decoration: none;}
a img {border:none;}
ul {margin: 0px; padding: 0px; list-style-type:none;}
.clear{clear:both;}

#wrap {background: url('../images/wrap.jpg') repeat-x; 
min-width: 980px; width: auto !important; width: 100%; height: 100%; position: relative;
}


#header {left: -490px; margin-left: 50%; position: absolute; z-index: 3; width: 980px; top: 0px; height: 134px;}
#headerbg {background-image: url('../images/header.png'); background-repeat: no-repeat; width: 757px; height: 109px; position: absolute; right: 0px;
}

#logo {position: absolute; z-index: 9;}
.logotext {position: absolute; left: 15px; top: 3px; width: 276px; height: 79px; font-size: 50px; color: #fff; text-align:center;}
.mainlogobg {background: url('../images/mainlogo.png') no-repeat; 
width: 238px; height: 62px; position:absolute;top: 3px; left: 6px;
}
.logobg {background: url('file:../images/logo.png') no-repeat; 
width: 236px; height: 65px; position:absolute; top: 0px; left: 9px;
}
.logolink {display:block; width: 276px; height: 79px; position: absolute; top: 3px; left: 9px;}

.headmenu {width: 600px; padding-left: 90px; height: 100px; position: absolute; left: 287px; }
.headmenu li {float: left; padding-top: 45px; width: 90px; height: 20px; text-align: center; font-size: 15px;}
.headmenu li.divider{background: url('../images/divider.gif') no-repeat 50% 0%; 
width: 1px; font-size: 1px; height: 60px; padding-top: 0px;
}
.headmenu .active {background: url('../images/active.png') no-repeat 50% 90%; 
z-index: 2; color: #add8f1;
}
.headmenu a {text-decoration: none;}
.headmenu a:hover {color: #ffcc00;}
.headmenu .active{background: url('../images/active.png') no-repeat 50% 90%; 
z-index: 2; color: #add8f1;
}
.headmenu .active a{color: #add8f1;}

.linkmenu{background: url('../images/linkmenubg.png') repeat 50% 0%; 
width: 100%; border-bottom: 3px #1a3955 solid; height: 110px; position: absolute; top: 0px; left: 0px;
}
.linktree {position: absolute; z-index: 50; margin-left: 50%; left: -370px; width: 100%;top: 94px;}
.linkarrow {background:url('../images/linkarrow.gif') no-repeat; 
float: left; width: 8px; height: 3px; font-size: 1px; margin: 6px 5px;
}
.linktree a {font-size: 10px; float: left; color: #ffcc00;}
.onpage {font-size: 10px; float: left; position: relative; top: 1px;}


#container {width: 980px; margin: 0px auto;min-height: 361px; height: auto !important; height: 361px; padding-top: 140px; position: relative; z-index: 2;}
.nav {width: 100%; text-align:center; margin-top: 10px;}


#slider {width: 100%; height: 320px; position: relative;}
#mainimage {
	width: 369px;
	height: 396px;
	position: absolute;
	left: 35px;
	top: -72px;
	z-index: 10;
}


#maindescription {position: absolute; overflow: hidden; top: 0px; left: 530px; width: 410px; font-size: 13px; line-height: 20px; color: #cde4f5; }
#maindescription h1 {font-family: Arial; font-size: 19px; font-weight: normal; color:#fff; line-height:22px;}
#maindescription a{
	color: #ffd300;
	text-decoration: none;
}
#maindescription a:hover{color: #ffcc00; text-decoration: underline;}

/*Content-news*/
#newslink {background: url('../images/newslink.png'); 
width: 244px; height: 48px; z-index: 13; position: absolute; top: 411px; right: 40px; cursor: pointer;
}
#newsm {position: absolute; margin-left: 50%; top: 450px; left: 306px; }
#newses {background: url('../images/newsblock.png') no-repeat; 
width: 244px; height: 0px; position: relative; top: 8px; right: 100px; overflow: hidden;
}
#newcontain {
	width: 230px;
	height: 0px;
	overflow: hidden;
	margin-top: 10px;
	position: absolute;
	top: 0px;
	right: 120px;
}
#newcontain a {
	display: block;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	color: #ffd300;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 13px;
	text-decoration: underline;
}
#newcontain a:hover {text-decoration: none;}
#newcontain div {padding: 0px 15px 0px 20px; display: block; color: #a0bbcf; line-height: 15px; font-size: 11px; height: 60px; overflow: hidden;}
#newcontain .divide {background: url('../images/newsdiv.gif') no-repeat 60% 80%; 
width: 159px; height: 20px; margin-left: 15px;
}
#newcontain p {padding: 0px; margin: 0px;}
#allnews {position: relative; left: 100px; margin: 5px 0px;}
#allnews a {
	background: url('../images/arrownews.gif') no-repeat 100% 50%;
	display: block;
	width: 100px;
	font-size: 13px;
	padding-right: 5px;
	color: #ffd300;
}

#alltraining {
	position: relative;
	left: 370px;
	margin: 5px 0px;
}
#alltraining a {
	background: url('../images/arrownews.gif') no-repeat 100% 50%;
	display: block;
	width: 100px;
	font-size: 13px;
	padding-right: 5px;
	color: #ffd300;
}
#allschedule {
	position: relative;
	left: 370px;
	margin: 5px 0px;
}
#allschedule a {
	background: url('../images/arrownews.gif') no-repeat 100% 50%;
	display: block;
	width: 100px;
	font-size: 13px;
	padding-right: 5px;
	color: #ffd300;
}


/*Content-description*/

.contentdescription {width: 100%;}
.contentinner {float: left; color: #afcbd9;}
.consulting {background: url('../images/consulting.jpg') no-repeat 0% 50%;
}
.training {background: url('../images/training.jpg') no-repeat 0% 50%;
}
.products {background: url('../images/products.jpg') no-repeat 0% 50%;
}
.products {width: 230px; height: 260px; position: relative; padding: 30px 10px 0px 80px; font-size: 12px; line-height: 20px;}
.training {width: 230px; height: 260px; position: relative; padding: 30px 10px 0px 80px; font-size: 12px; line-height: 20px;}
.consulting {width: 230px; height: 260px; position: relative; padding: 30px 10px 0px 80px; font-size: 12px; line-height: 20px;}
.products h1 {margin:0px 0px 10px 0px; padding: 0px; font-size: 24px;}
.training h1 {margin:0px 0px 10px 0px; padding: 0px; font-size: 24px;}
.consulting h1 {margin:0px 0px 10px 0px; padding: 0px; font-size: 24px;}
.maintext {font-size: 12px; color: #536c86; line-height: 20px; padding: 15px 20px; width: 940px;}
.readmore {background: url('../images/readmore.jpg'); 
position: absolute; bottom: 0px; right: 0px; width: 150px; height: 51px; float: right;
}
.readmore a {
	position: relative;
	left: 37px;
	top: 15px;
	color: #ffd300;
	text-decoration: none;
}
.readmore a:hover {color: #fff;}
.contentdiv {background: url('../images/contentdiv.jpg'); 
height: 143px; width: 1px; font-size: 1px; float: left;
}


.register {background: url('../images/readmore.jpg'); 
position: absolute; bottom: 0px; right: 0px; width: 80px; height: 30px; float: right;
}
.register a {
	position: relative;
	left: 37px;
	top: 15px;
	color: #ffd300;
	text-decoration: none;
}
.register a:hover {color: #fff;}

/*Footer*/
.footer {background: url('../images/footerbg.jpg') no-repeat 50% 50%; 
width: 100%; position: relative; height: 175px; margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
.footmenu {
	position: relative;
	top: 97px;
	left: 240px;
	list-style-type: none;
	margin: 0px auto;
	width: 440px;
	font-size: 11px;
}
.footmenu li {float: left;}
.footmenu a {color: #afcbd9;}
.footmenu a:hover {text-decoration: none;}

.footerlogolink {position: absolute; margin-left: 50%; bottom: 9px; left: -510px; width: 178px;}

.footerlogo {position: absolute; margin-left: 50%; bottom: 9px; left: -510px; width: 178px;}

.underlogo {position: absolute; margin-left: 50%; bottom: 9px; left: -510px; width: 178px;}
.underlogo {color: #fff; font-size: 32px; text-align: center; bottom: 2px;}
.footerlogo {background: url('../images/footerlogo.jpg'); height: 27px;
}
.footerlogolink {display: block; height: 27px;}

.smartdesigns {font-size: 11px; margin: 0px auto;}
.rss {display: block; position: absolute; margin-left: 50%;}
.rss {
	width: 55px;
	height: 55px;
	top: 70px;
	left: -75px;
}

.copyright {font-size: 11px; margin: 0px auto;}
.copyright {
	position: absolute;
	margin-left: 50%;
	width: 430px;
	top: 127px;
	left: -230px;
}
.copyright a{color:#2D5379; text-decoration:none;}
.smartdesigns {
	position: relative;
	width: 100px;
	top: 127px;
	left: 440px;
}

.blog {
	position: relative;
	width: 100px;
	top: 127px;
	left: 280px;
}


}

/*Header*/

#mainlogo {
	margin-left: 50%;
	position: absolute;
	background: url('../images/mainlogo.png');
	width: 315px;
	height: 74px;
	top: 21px;
	left: -467px;
}


.mainlogo {
	display: block;
	width: 300px;
	height: 81px;
	margin-left: 50%;
	position: absolute;
	top: 0px;
	left: -450px;
	z-index: 6;
}



#menu {
	background: url('../images/menubg.png') no-repeat;
	width: 923px;
	height: 137px;
	margin-left: 50%;
	position: relative;
	right: 350px;
	top: -137px;

}

.menu {
	list-style-type: none;
	margin-left: 50%;
	position: relative;
	width: 800px;
	top: -276px;
	right: 200px;
	z-index: 1;
	font-size: 15px;
}

.menu li {
	float: left;
	padding-top: 45px;
	width: 90px;
	height: 20px;
	text-align: center;
}

.menu li.divider{
	background: url('../images/divider.gif') no-repeat 50% 0%;
	width: 1px;
	height: 15px;
}

.menu .active {
	background: url('../images/active.png') no-repeat 50% 50%;
}

.menu .active a{
	color: #add8f1;
}

.menu a {
	text-decoration: none;
}

.menu .active a {
	text-decoration: none;
}

.menu a:hover {
	color: #ffcc00;
}

#linkmenu {
	background: url('../images/linkmenu.png') no-repeat;
	width: 823px;
	height: 19px;
	margin-left: 50%;
	position: absolute;
	top: 85%;
	left: -380px;
	z-index: 20;
}

#linkmenu ul {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	list-style-type: none;
	left: 50px;
	top: 25%;
}

#linkmenu li {
	float: left;
}

#linkmenu .divider {
	background: url('../images/linkarrow.gif') no-repeat 50% 50%;
	width: 8px;
	height: 10px;
	margin: 0px 5px;
}

#linkmenu li a {
	color: #ffcc00;
}

#linkmenu li a:hover {
	text-decoration: none;
}

#linkmenu li .onpage {
	color: #add8f1;
	text-decoration: none;
}

#linkmenu li .onpage:hover {
	text-decoration: underline;
}

/*Content - content*/
#lcolumn {
	position: relative;
	padding: 0px;
	float: left;
    display: inline;
	margin-left: 70px;
	width: 205px;
	z-index: 2;
}

#lcolumn h1 {
	margin-top: 7px;
	margin-left: 0px;
	padding: 0px 0px 0px 15px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
	color: #afcbd9;
}

#lcolumn ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	line-height: 17px;
}

#lcolumn li.lcolumndiv {
	background: url('../images/orangediv.gif') no-repeat;
	width: 190px;
	height: 1px;
	font-size: 1px;
	margin: 20px 0px 20px 20px;

}

.l_date {
		width: 121px;
	height: 17px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #bfced9;
}
.c_author {
	width: 121px;
	height: 17px;
	margin: 0px;
	padding: 5px 0px 15px 0px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #bfced9;
}

.link {
	padding-left: 0px;
	color: #ffcc00;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

.link a {
	color: #ffcc00;
}

.link a:hover {
	text-decoration: none;
}

.contact {
	padding-left: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #6f889a;
}
.contact a {
	padding-left: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #ffcc00;
}
.contact hover {
	text-decoration:none;
}


.lcolumnsubcontent {
	padding-left: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #6f889a;
}

#news a:hover{
	text-decoration: none;
}

#contentdiv {
	position: relative;
	float: left;
	margin: 10px 30px;
	background: url('../images/contentdiv.gif');
	width: 1px;
	height: 570px;
	z-index: 2;
	background-repeat: no-repeat;
}

#c_content {
	float: left;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #6f889a;
	line-height: 18px;
	width: 570px;
}


#c_content alltraining {position: relative; left: 100px; margin: 5px 0px;}
#c_content alltraining a {background: url("../images/arrownews.gif") 100% 50% no-repeat; display: block; width: 100px; font-size: 13px; padding-right: 5px; color:#FFCC00;}

#n_content h1 {
	margin-top: 10px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
	color: #afcbd9;
}


#c_content h1 {
	margin-top: 10px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: normal;
	color: #afcbd9;
}

#c_content p a {
color: #ffcc00;
text-decoration: underline;
}

#c_content p a:hover {
	text-decoration: none;
}

#n_content {
	width: 800px;
	font-family: "Trebuchet MS";
	font-size: 13px !important;
	color: #6f889a;
	line-height: 18px;
	margin-left: 90px;
	margin-bottom: 35px;
	position: relative;
	z-index: 20;
}

#n_content ul {
	list-style-type: none;
        font-size: 14px;
}



/*Content - */
#content {
	position: relative;
    padding-left: 90px;
	font-size: 13px;
	line-height: 15px;
	color: #6f889a;
	z-index: 90;
}

#textnews ul {
    list-style-type: disc;
    list-style-position: inside;
}

#description ul {
    list-style-type: disc;
    list-style-position: inside;
}

#gscontent {
	margin-left: 120px;
	font-size: 13px;
	line-height: 15px;
	color: #6f889a;
}

#content h1 {
	color: #afcbd9;
	font-weight: normal;
}

#leftcol {
	float: left;
	width: 450px;
	position: relative;
    display: inline;
	z-index: 70;
}

#leftcol .divider {
	background: url('../images/bluedivlong.gif') no-repeat;
	width: 450px;
	height: 1px;
    font-size: 1px;
	margin: 20px 0px;
}


.date {
	position: relative;
	left: 250px;
	top: -15px;
	font-size: 10px;
}

#formcomment {
	font-size: 11px;
}

#formcomment input{
	background: url('../images/input.jpg');
	width: 268px;
	height: 18px;
	border: 2px #46647C solid;
        padding-top: 2px;
	margin-bottom: 3px;
}


#formcomment textarea {
	background: #d3dfe8 url('../images/textarea.jpg') repeat-x;
	width: 369px;
	height: 156px;
	border: 2px #46647C solid;
	margin-bottom: 5px;
	overflow: auto;
}

#formcomment radio {
	
	width: 369px;
	height: 156px;

	margin-bottom: 5px;
	overflow: auto;
}





#formcomment select {
	background: #d3dfe8 url('../images/textarea.jpg') repeat-x;
	width: 369px;
	height: 18px;
	border: 2px #46647C solid;
	margin-bottom: 5px;
	overflow: auto;
}

#formcomment table {

}

#formcomment button {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../images/formbutton.gif') no-repeat;
	width: 106px;
		height: 22px;
		margin-left: 250px;
		margin-top: 10px;
}

#rightcol {
	float: left;
	width: 370px;
    display: inline;
    margin-left: 20px;

}

#bigpict {
	margin-bottom: 30px;
	text-align: left;
}

#picture {
	border:3px #46647c solid;
}

.gamethumb {
	display: block;
	float: left;
	margin: 5px 9px 5px 0px;
}

.gamethumb img {
	border:3px #46647c solid !important;

}

#rightcol a img{
	border: none;
}



/*Content - */


#collapse {
	width: 550px;
	height: 51px;
		position: absolute;
}



#gscontent {
	margin-left: 90px;
	
}

#gscontent h1 {
	color: #afcbd9;
	font-weight: normal;
	font-family:"Trebuchet MS";
	font-size:22px;
}

#gscontent h2 {
	color: #afcbd9;
	font-weight:bold;
	font-size:15px
}


#gscontent .image {
	display: block;
	width: 148px;
	height: 148px;
        position: relative;
        left: 110px;
        top: 20px;
}

#gscontent a img {
	border: none;
}


#gscontent p a {
	color: #ffcc00;
	text-decoration: underline;

}
#gscontent p a:hover {
	color: #ffcc00;
	text-decoration: none;

}


.showcase {
	background: url('../images/thumbboxbg.jpg') no-repeat;
	width: 270px;
	margin: 35px 0px 10px 0px;
	float: left;
	height: 210px;
}


.thumb {
	position: relative;
	display: block;
	width: 148px;
	height: 148px;
	left: 70px;
        top: 10px;


}

.name {
        width: 170px;
        height: 20px;
        padding-top: 10px;
        left: 60px;
        float: left;
	position: relative;
	top: 17px;
        display: block;
        font-size: 14px;
        color:#ffffff;
        text-decoration: none;
        text-align: center;
}
.name2 {
	width: 170px;
	height: 20px;
	padding-top: 20px;
	left: 60px;
	float: left;
	position: relative;
	top: 17px;
	display: block;
	font-size: 12px;
	color: #ffcc00;
	text-decoration: none;
	text-align: center;
}
.name2:hover {
	color: #ffffff;
	text-decoration:none;
}
.image{
	color: #ffffff;
	text-decoration:none;
}
.image:hover {
	color: #ffcc00;
	text-decoration:none;
}


.name:hover {
	color: #ffcc00;
	text-decoration:none;
}
.image{
	color: #ffffff;
	text-decoration:none;
}
.image:hover {
	color: #ffcc00;
	text-decoration:none;
}

#send{background:url('../images/send.jpg') !important; 
border:none; height: 22px !important; width: 50px !important;
}
#c_content textarea {
	background: #d3dfe8 url('../images/textarea.jpg') repeat-x;
	border: 2px #46647C solid;
}
#c_content input {
	background: #d3dfe8 url('../images/input.jpg') repeat-x;
	border: 2px #46647C solid;
	height: 23px;
	padding-top: 0;
}



