* { margin: 0; padding: 0; outline:0; }

/*
=======================================================
	Tags & main classes
=======================================================
*/

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #e0e0e0;
    background: #11151b url(images/body.jpg) center 606px repeat;
	  

}
body{
  display: box;
  box-orient: horizontal;
}

#tyfoot{width:100%; background-color:#090354; height:129px; text-align:center;color:#DEDEDE; font-size:9pt;left:0;border-top:#fff 10px solid;}
#tyfoot_body{width:960px; margin:0 auto; margin-top:20px;}
#tyfoot_txt{float:left; width:654px; text-align:left; line-height:24px;}
#tyfoot_txt a:link{color:#DEDEDE; text-decoration:none; padding-left:4px;padding-right:4px;}
#tyfoot_txt a:visited{color:#DEDEDE; text-decoration:none; padding-left:4px;padding-right:4px;}
#tyfoot_txt a:hover{color:#FF0; text-decoration:none; padding-left:4px;padding-right:4px;}
#tyfoot_txt a:active{color:#DEDEDE; text-decoration:none; padding-left:4px;padding-right:4px;}

#tyfoot_logo{float:left; width:306px;}
#tyfoot_logo img{border:0;}
#cl{MARGIN: 0px auto;WIDTH: 100%;CLEAR: both; FONT-SIZE: 1px; LINE-HEIGHT: 1px;HEIGHT: 10px;}
#tel400{ width:100%; background-color:#000; color:#666; text-align:center; line-height:50PX; height:50PX; border-bottom:#CCC 10PX SOLID;}
#tel400 a{ color:#CCC; padding-left:7px; padding-right:7px; text-decoration:none;}

#box1 {
  box-flex: 2;
}
#box2 {
  box-flex: 1;
}
#box3 {
  box-flex: 1;
}

/* Links */
a { color: #009dff; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

/* Forms */
input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

/* Clears and floats */
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/* Others */

.last { border-bottom:0 !important; border-right:0 !important; margin-right:0 !important; margin-bottom:0 !important; }

.button-live { width:95px; height:24px; font-size: 0; line-height: 0; text-indent: -4000px; float:left; background:url(images/visitlive.png); }



/*
=======================================================
	Shells & Wrappers
=======================================================
*/

#wrapper { background:url(images/wrapper-top.jpg) center top repeat-x; }
.wrapper-bg { background:url(images/wrapper-bg.jpg) center top no-repeat; }

#shell { width:960px; margin:0 auto; padding:0 10px 30px 10px; }


/*
=======================================================
	Header
=======================================================
*/

/* Basics */
#header { padding:12px 10px 10px 10px; height:100%; }

/* Logo */
#logo { font-family:Georgia, "Times New Roman", Sans-Serif; font-style:italic; font-weight:normal; }
#logo { font-size:30px; line-height:44px; float:left; display:inline;}
#logo a { color:#fff; text-shadow:#000 1px 2px; text-decoration:none;  }

/* Navigation */
#navigation { float:right; display:inline; padding:18px 7px 0 0; }
#navigation ul { list-style:none; }
#navigation ul li { float:left; padding-left:47px; height:16px; line-height:16px; }
#navigation ul li a { color:#b1b4bb; font-size:14px; font-weight:bold; text-decoration:none; }
#navigation ul li a.active,
#navigation ul li a:hover { color:#00d2ff; } 


/*
======================================================
	Slider
======================================================
*/
#slider { background:#181818 url(images/slider.png) 0 0 no-repeat; width:934px; position:relative; margin: 0 -1px 10px; height:433px; overflow:hidden; position:relative; padding:0 14px; }
#slider .jcarousel-clip { width:934px; height:433px; overflow:hidden; position:relative; }
#slider ul { list-style:none; height:433px; position:relative; }
#slider ul li { float:left; width:894px; height:312px; padding:45px 13px 46px 27px; }

/* Slider Image */
#slider .image { float:left; width:527px; position:relative; z-index:9; }


/* Slider Data */
#slider .data { float:right; width:230px; padding:0 39px 0 0; }
h2 { font-size:24px; line-height:26px; padding-bottom:10px; color:#fff; }
#slider .data p { line-height:15px; padding-bottom:14px; }

/* Jcarousel Stuff */
.jcarousel-prev,
.jcarousel-next { height:132px; position:absolute; top:136px; z-index:10; cursor:pointer; }
.jcarousel-prev { background:url(images/slider-arrow-prev.png); width:54px; left:11px; }
.jcarousel-next { background:url(images/slider-arrow-next.png); width:56px; right:11px; }


/*
======================================================
	Intro
======================================================
*/

#intro { background:#181818; margin-bottom:0px; padding:9px 9px 7px 5px;  height:100%; overflow:hidden; }
#intro1{ background:#212121; margin-bottom:20px;  height:100%; overflow:hidden; }
.ContentHover
 {
 border:1px solid #E50072;
 border-left:8px solid #E50072;
 background:#FF2491; 
 padding:10px;
 color:#FFFFFF;
 }
#intro .avatar { float:left; width:50px; border:2px solid #101419; padding-left:5px; }
#intro .avatar img { border:1px solid #4b4b4b; }

#intro .cnt { float:left; width:830px; padding:3px 0 0 0; }

h4 { font-size:14px; color:#00d2ff; line-height:16px; padding-bottom:3px; }

#intro .cnt p { color:#afafaf; padding-top:0px;line-height:15px; width:820px; padding-left:8px; letter-spacing:0.2px; }

/*
======================================================
	Main
======================================================
*/
#main { background:#181818; margin-bottom:10px; padding:10px 9px; height:100%;  }


/* Box */
.box { float:left; background:url(images/content-bg.gif) left top repeat-y; }
.box .box-top { background:url(images/content-top.gif) left top no-repeat; }
.box .box-bottom { background:url(images/content-bottom.gif) left bottom no-repeat;  padding:21px 22px 20px 22px; height:100%; overflow:hidden; }


/* Content */
#content { width:950px;}

/* Sidebar */
#sidebar { width:356px; float:right; }
#sidebar { background-image:url(images/sidebar-bg.gif); }
#sidebar .box-top { background-image:url(images/sidebar-top.gif); }
#sidebar .box-bottom { background-image:url(images/sidebar-bottom.gif); padding:15px; }


/* Blog Posts */
.blog-posts ul { list-style:none; }
.blog-posts ul li { padding-bottom:11px; background:url(images/blogroll-border.gif) center bottom no-repeat; margin-bottom:10px; }
.blog-posts ul li.last { background:none;}
.blog-posts ul li p { line-height:18px; }

h3 { font-size:16px; color:#fff; line-height:18px; padding:px 0 8px 57px; height:35px; background:url(images/bubble.png) left top no-repeat;  }

h5 { font-size:13px; line-height:15px; color:#009dff; padding-bottom:4px; }
h5 a { color:#009dff; text-decoration:none; }
h5 a:hover { text-decoration:underline; }


/* Site Links */
.site-link { width:254px; float:left; margin-right:20px; position:relative; }
.site-link img { border:5px solid #000; border-right-size:4px; border-left-size:4px; }
.site-link .bubble {
	display:block;
	position:absolute;
	top:120px;
	left:0;
	height:30px;
}
.site-link .bubble { background:url(images/site-link-bubble.png); font-size:12px; font-weight:normal; color:#fff; padding:12px 4px 0 9px; line-height:14px; width:233px; margin-left:5px; }
.site-link .bubble strong { display:block; font-size:14px; font-weight:bold;  }
.site-link .button-live { margin-top:11px; }

 #a1{
   width:270px;
   height:145px;
    border:4px solid #000;
   margin-left:30px;
   float:left;
   margin-bottom:20px;
  }
  #a2{
   width:270px;
   height:145px;
   border:4px solid #000;
   float:left;
   margin-left:35px;
   margin-bottom:20px;
  }
  #a3{
   width:270px;
   height:145px;
   border:4px solid #000;
   float:right;
    margin-right:30px;
	margin-bottom:20px;
	
  
  }
 
.f8{ color:#333; background-color:#000; }
.f8 a{ color:#CCC; padding-left:10px; padding-right:10px; } 
 
/*
======================================================
	Footer
======================================================
*/

#footer { background:#212121;  padding:14px 20px; }
#footer p { font-size:14px; line-height:14px; color:#4a4a4a; text-transform:uppercase; font-weight:bold;}
#footer a { color:#4a4a4a; }