/*   Global Varriables   */

body { margin:0; padding:0; background:#f0f6fa; }

h1, h2, h3, h4, h5, h6, p, ul, li, form, input, label {margin:0; padding:0; }

a{ color:#537780; text-decoration:none; }
a:hover {text-decoration:none;}
img { margin:0; padding:0; border:none; }

img.left { margin:0; float:left; }

img.right { float:right; margin:0; }

/*   page   */

#page {width:980px; margin:0 auto; padding:0; }

/*   Header   */

#header { float:left; margin:0; padding:0; width:980px; height:250px; background:url(images/header_background.jpg) 0 0 no-repeat; }

#menu { float:none; margin:0 auto; padding:0 50px; width:800px; height:32px; background:url(images/menu_background.jpg) 0 0 no-repeat; }

#menu ul { list-style:none; }

#menu ul li { display:block; text-align:center; margin:6px 0 0 13px; padding:0; float:left; list-style-type:none; background:url(images/menu_bg.jpg) 0 0 no-repeat; width:117px; height:22px; }

#menu ul li a { display:block; float:left; color:#ffffff; text-decoration:none; width:117px; height:22px; font:normal 12px "myriad Pro"; color:#ffffff; margin:0px 0 0 0; padding:2px 0 0 0;}

#menu ul li a:hover {background:url(images/menu_rollover.jpg) 0 0 no-repeat;}

#menu ul li a.active { width:117px; height:22px; text-decoration:none; background:url(images/menu_rollover.jpg) 0 0 no-repeat;  }

.margin { padding:0px 0 0 44px; }


/*   End Header   */

                                         /*   page_content   */
										 
#page_content { float:left; width:833px; height:443px; background:url(images/background.jpg) 0 0 no-repeat; margin:0 0 0 73px!important; margin:0 0px 0 35px; padding:0; }

#page_content_text { float:left; margin:13px 0 0 25px!important; margin:13px 0px 0 15px; padding:0; font:normal 20px tahoma; color:#67be00; width:455px; }

.color { color:#d4096c; margin:0; padding:0; font:normal 11px tahoma; }

#page_content_text1 { float:left; margin:20px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780; width:454px; line-height:14px; }

#readmore { float:left; width:94px; height:21px; background:url(images/read_more_bg.jpg) 0 0 no-repeat; margin:16px 0 0 0; padding:0; font:normal 12px "myriad Pro"; color:#ffffff; text-align:center; }

#readmore1 { float:left; width:94px; height:21px; background:url(images/read_more_bg.jpg) 0 0 no-repeat; margin:16px 0 0 80px; padding:0; font:normal 12px "myriad Pro"; color:#ffffff; text-align:center; }

/* 3 boxes */

#logicmatters_boxarea{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
	width: 880px;
}

.box1{
	float: left;
	width: 280px;
	margin-right: 19px;
	background: #272727;
}

.box1top {
	height: 30px;
	padding-top: 10px;
	text-align: center;
	background:url(images/logicmatters_box1_top.gif) no-repeat;
}
.body {
	width: 250px;
	padding: 20px 10px 0px 20px;
	color: #FFFFFF;
}

.box2{
	float: left;
	width: 280px;
	margin-right: 19px;
	background: #272727;
}
.box2top {
	height: 30px;
	padding-top: 10px;
	text-align: center;
	background:url(images/logicmatters_box2_top.gif) no-repeat;
}

.box3{
	float: left;
	width: 280px;
	margin: 0px;
	background: #272727;	
}
.box3top {
	height: 30px;
	padding-top: 10px;
	text-align: center;
	background:url(images/logicmatters_box3_top.gif) no-repeat;
}

.boxbottom{
	width:280px;
	height: 10px;
	 background: url(images/logicmatters_box_bottom.gif) no-repeat;
}
* html .boxbottom{
	width:280px;
	height: 10px;
	margin-bottom: -10px;
	background: url(images/logicmatters_box_bottom.gif) no-repeat;
}

.price {
	color:#FF0000;
	font-size: 18px;
}

/* end of 3 boxes */


                                 /*   logotype   */

#logotype { float:left; margin:25px 0 0 0px; padding:0; font:normal 20px tahoma; color:#67be00; }

#logotype_text { float:left; margin:10px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780;  line-height:14px; }

#logotype_img {float:left; margin:0; padding:0; }

                                /*   End logotype   */

/*   aboutus   */

#aboutus_text { float:left; margin:13px 0 0 55px; padding:0; font:normal 20px tahoma; color:#67be00; width:250px; }

#aboutus_text1 { float:left; margin:20px 0 0 0px; padding:0; font:normal 11px tahoma; color:#537780; line-height:14px; }

#aboutus_text1 ul { list-style:none; }

#aboutus_text1 ul li { float:left; margin:5px 0px 0 0; padding:0; font:normal 11px tahoma; color:#537780; line-height:20px; text-decoration:underline; }


/*   End aboutus   */

/*    Contests    */


#Contests { float:left; margin:30px 0 0 0px; padding:0; font:normal 20px tahoma; color:#67be00; }

#Contests_text { float:left; margin:12px 0 0 0px; padding:0; font:normal 11px tahoma; color:#d4096c; }

#Contests_text ul { list-style:none; }

#Contests_text ul li { float:left; margin:0px 0px 0 0!important; margin:0 35px 0 0px; padding:0; font:normal 11px tahoma; color:#537780; line-height:20px; text-decoration:none; }

/*   End Contests    */


                                      /*     Banner    */
									  
#banner { float:left; margin:29px 0 0 0; padding:0 20px; background:url(images/banner_bg.jpg) 0 0 no-repeat; width:832px; height:270px; }

#banner_text { float:left; margin:24px 0 0 12px!important; margin:24px 0px 0 5px; padding:0; font:normal 20px tahoma; color:#ffc000; }

#banner_text ul { list-style:none; }

#banner_text ul li { display:block; margin:25px 10px 0 0px; padding:0; float:left; list-style-type:none; background:url(images/tem1.jpg) 0 0 no-repeat; }

                                       /*     End Banner    */
									   
									   
                    /*    Banner bottom   */

/*   Other   */

#other { float:left; margin:28px 0 0 0; padding:0 20px; background:url(images/background1.jpg) 0 0 no-repeat; width:833px; height:383px; }

#other_text { float:left; margin:29px 0 0 10px!important; margin:29px 0px 0 5px; padding:0; font:normal 20px tahoma; color:#67be00; width:155px; }

#other_text1 { float:left; margin:0px 0 0 0; padding:0; font:normal 11px tahoma; color:#d4096c; line-height:30px; }

#other_text2 { float:left; margin:0px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780; line-height:30px; }

#more { float:left; margin:22px 0 0 0; padding:0; width:94px; height:21px; }


/*   End other   */


/*    Services   */

#service_text {  float:left; margin:29px 0 0 30px!important; margin:29px 0px 0 30px; padding:0; font:normal 20px tahoma; color:#67be00; width:270px; }

#service_text1 { float:left; margin:10px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780; line-height:15px; }

/*    End Services   */


                                /*   Newsletter   */

#newsletter {  float:left; margin:20px 0 0 0px!important; margin:20px 0px 0 0px; padding:0; font:normal 20px tahoma; color:#67be00; width:295px; }

#newsletter_text { float:left; margin:15px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780; }

#newsletter_text1 { float:left; margin:10px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780; }

#newsletter_from { float:left; margin:15px 0 0 0px!important; margin:5px 0px 0 8px; padding:0; width:218px; height:18px; }

#newsletter_from1 { float:left; margin:5px 0 0 0px!important; margin:5px 0px 0 2px; padding:0; width:218px; height:18px; }

.form { width:218px; height:18px; background:url(images/form_bg.jpg) 0 0 no-repeat; border:none; }

                                /*   End Newsletter   */

/*   colorful   */

#colorful {float:left; margin:30px 0 0 30px!important; margin:20px 0px 0 20px; padding:0; width:207px; height:72px; }

#colorful_text { float:left; margin:29px 0 0 50px!important; margin:29px 0px 0 50px; padding:0; font:normal 20px tahoma; color:#67be00; width:270px; }

#colorful_text1 { float:left; margin:10px 0 0 0; padding:0; font:normal 11px tahoma; color:#d4096c; line-height:15px; }

#colorful_image { float:left; margin:5px 0 0 0; padding:0; width:269px; height:99px; }

/*   End colorful   */

                                    /*   Help & FAQ   */

#help { float:left; margin:29px 0 0 0px!important; margin:29px 0px 0 0px; padding:0; font:normal 20px tahoma; color:#67be00; width:270px; }

#help_text1 { float:left; margin:10px 0 0 0; padding:0; font:normal 11px tahoma; color:#537780; line-height:15px; }

                                  /*   End Help & FAQ   */

/*    Footer   */

#footer { float:left; margin:0; padding:0; height:50px; }

#footer_left {  font:normal 11px tahoma; color:#537780; float:left; margin:20px 0 0 25px; padding:0; }

#footer_center {  font:normal 11px tahoma; color:#537780; float:left; margin:20px 0 0 150px!important; margin:20px 0px 0 135px; padding:0; }

#footer_right {  font:normal 11px tahoma; color:#537780; float:left; margin:20px 0 0 170px!important; margin:20px 0px 0 145px; padding:0; }