/* CSS Document */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #2A2A2A; color:#828282;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
	
body.insidep{
	background:url(../images/bg2.gif) repeat-x 0 0 #2A2A2A; color:#828282;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}


/* -- header start -- */
#header2{
	width:778px; height:128px; margin:0 auto; position:relative;
	background:url(../images/header2_bg.jpg) no-repeat 0 0 #2A2A2A; color:#828282;}
#header2 img.logo{
	margin:0px; padding:0; border:none;}

#header{
	width:778px; height:388px; margin:0 auto; position:relative;
	background:url(../images/header_bg.jpg) no-repeat 0 0 #2A2A2A; color:#828282;}
#header img.logo{
	margin:0px; padding:0; border:none;}
#header h1{
	background:url(../images/punch_line.jpg) no-repeat 0 0 #161616; color:#FFFFFF;
	text-indent:-2000px; height:11px; width:161px; line-height:0; font-size:0;
	margin:0 0 0 216px;}
#header div.whatText{
	width:214px; height:132px; padding:33px 37px 35px 24px;
	position:absolute; left:20px; top:166px;
	background:url(../images/what_text_bg.jpg) no-repeat 0 0 #6A800C; color:#3B4400;}
#header div.whatText h2{
	background-color:#DEE483; color:#000000; height:22px; padding:0 7px; margin:0 0 8px 0;
	font:bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header div.whatText p{
	color:#3B4400; font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header div.whatText a{
	background:url(../images/more_btn1.jpg) no-repeat 0 0 #C8CF55; color:#000000;
	width:84px; height:14px; line-height:0; font-size:0; display:block; 
	text-decoration:none; text-indent:-2000px; float:right; margin:8px 0 0 0;}
#header div.whatText a:hover{
	background:url(../images/more_btn1_h.jpg) no-repeat 0 0 #C8CF55; color:#000000;}
/* -- header end -- */

/* -- top navigation pannel start -- */
#topNav{
	width:788px; height:50px; margin:0 auto;}
#topNav ul{
	width:721px; margin:0 auto;}
#topNav ul li{
	float:left; text-transform:uppercase; padding:0 2px 0 0;
	background:url(../images/top_btn_divider.gif) no-repeat right center; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li.noDivider{
	background-image:none; color:#FFFFFF;}
#topNav ul li a{
	text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg.gif) repeat-x 0 1px; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#FFFFFF;}
#topNav ul li a.hover{
	text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* -- top navigation pannel end -- */

/* -- body start -- */
#body{
	width:722px; margin:0 auto; padding:15px 28px 40px;}
#body div.left2{
	width:722px; padding:0 28px 0 0; float:left;}

#body div.left{
	width:484px; padding:0 28px 0 0; float:left;}
#body div.left2 h2, #body div.left h2{
	font:bold 28px/44px Georgia, "Times New Roman", Times, serif;
	background-color:#2A2A2A; color:#D1DD0D;}
#body div.left2 h2 span, #body div.left h2 span{
	background-color:#2A2A2A; color:#FFFFFF;}
#body div.left2 p, #body div.left p{
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#2A2A2A; color:#828282;}
#body div.left2 p span, #body div.left p span{
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#000000; color:#FF3BA0;}
#body div.left2 a.more, #body div.left a.more{
	background:url(../images/more_btn2.gif) no-repeat 0 0 #2A2A2A; color:#FFFFFF;
	width:84px; height:14px; line-height:0; font-size:0; margin:0 0 22px 0;
	text-decoration:none; text-indent:-2000px;
	float:right; display:block;}
#body div.left2 a.more:hover, #body div.left a.more:hover{
	background:url(../images/more_btn2_h.gif) no-repeat 0 0 #2A2A2A; color:#FFFFFF;}
#body div.left2 div.section, #body div.left div.section{
	width:500px;}
#body div.left2 div.green, #body div.left div.green{
	width:223px; padding:0 0 22px; float:left;
	background:url(../images/dot_left.gif) repeat-x bottom left #626801; color:#B1B756;}
#body div.left2 div.green span, #body div.left div.green span{
	width:223px; height:1px; line-height:0; font-size:0; padding:0; margin:0 0 14px 0; display:block;
	background:url(../images/dot_left.gif) repeat-x top left #626801; color:#B1B756;}
#body div.left2 div.green h2, #body div.left div.green h2{
	font:bold 18px/22px Georgia, "Times New Roman", Times, serif; color:#D1DD0D;
	background-color:#626801; padding:0 10px;}
#body div.left2 div.green h3, #body div.left div.green h3{
	font:bold 13px/22px Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#626801; padding:0 10px;}
#body div.left div.green p{
	font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#B1B756;
	background-color:#626801; padding:0 10px;}
#body div.left div.green ul{
	margin:18px 10px; padding:6px; background-color:#4F5401; color:#DBE446;}
#body div.left div.green ul li{
	background:url(../images/white_bullet.gif) no-repeat 0 10px #4F5401; color:#DBE446;
	font:normal 13px/22px Arial, Helvetica, sans-serif; padding:0 0 0 14px;}
#body div.left div.green ul li a{
	background-color:#4F5401; color:#DBE446; text-decoration:underline;
	font:normal 13px/22px Arial, Helvetica, sans-serif; padding:0;}
#body div.left div.green ul li a:hover{
	text-decoration:none;}
#body div.left2 div.green img, #body div.left div.green img{
	margin:0 10px; border:none;}
#body div.left2 div.pink, #body div.left div.pink{
	width:223px; padding:0 0 22px; float:left; margin:0 0 0 40px;
	background:url(../images/dot_left.gif) repeat-x bottom left #A10053; color:#FFC9E5;}
#body div.left2 div.pink span, #body div.left div.pink span{
	width:223px; height:1px; line-height:0; font-size:0; padding:0; margin:0 0 14px 0; display:block;
	background:url(../images/dot_left.gif) repeat-x top left #A10053; color:#B1B756;}
#body div.left div.pink h2{
	font:bold 18px/22px Georgia, "Times New Roman", Times, serif; color:#FFCEE7;
	background-color:#A10053; padding:0 10px;}
#body div.left div.pink p{
	font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#B1B756;
	background-color:#A10053; padding:0 10px;}
#body div.left div.pink ul{
	margin:5px 5px; padding:0 0 42px 0;}
#body div.left div.pink ul li{
	background-color:#A10053; color:#FFC9E5; padding:1px 0;
	font:normal 13px/17px Arial, Helvetica, sans-serif;}
#body div.left div.pink ul li a{
	background-color:#A10053; color:#FFC9E5; text-decoration:none; display:block;
	font:normal 13px/17px Arial, Helvetica, sans-serif; padding:8px;}
#body div.left div.pink ul li a:hover{
	background-color:#C2156E; color:#FFC9E5;}
#body div.left div.pink ul li a.hover{
	background-color:#C2156E; color:#FFC9E5; text-decoration:none; display:block;
	font:normal 13px/17px Arial, Helvetica, sans-serif; padding:8px;}
#body div.left a.lien, #body div.left2 a{
	background-color:#2A2A2A; color:#FFFFFF; text-decoration: none;}
#body div.left a.lien:hover, #body div.left2 a:hover{
	background-color:#FFFFFF; color:#2A2A2A; text-decoration: none;}
p.lien, .lien{
	background-color:#2A2A2A; color:#FFFFFF; text-decoration: none;}
p.lien:hover, .lien:hover{
	background-color:#FFFFFF; color:#2A2A2A; text-decoration: none;}
h1.recent{
color:#FFF; text-decoration: none; font-size: 14px; text-transform: uppercase; margin-bottom: 5px}
.box{
margin-right: 1px;
margin-bottom: 1px;}
#body div.right{
	width:210px; padding:0 0 60px 0; float:left;
	background:url(../images/dot_right_bottom.gif) repeat-x bottom left #121212; color:#C1C1C1;}
#body div.right span{
	background:url(../images/dot_right_top.gif) repeat-x 0 0  #121212; color:#C1C1C1;
	width:210px; height:6px; display:block; line-height:0; font-size:0;}
#body div.right form.search{
	padding:0 20px 10px 22px;}	
#body div.right form.search h2{
	background:url(../images/search_icon.gif) no-repeat 0 9px #121212; color:#C1C1C1; padding:0 0 0 17px;
	font:bold 14px/28px Georgia, "Times New Roman", Times, serif;}
#body div.right form.search input{
	width:164px; height:14px; background-color:#FFFFFF; color:#000000; padding:2px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;}
#body div.right form.search input.searchBtn{
	width:65px; height:12px; background-color:#FFFFFF; color:#000000; padding:0;
	line-height:0; font-size:0; float:right;}
#body div.right form.search p{
	background:url(../images/star_icon.gif) no-repeat 0 3px #121212; color:#D1DD0D;
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; padding:0 0 0 17px; margin:5px 0;}
#body div.right form.login{
	padding:0 20px 10px 22px;}	
#body div.right form.login h2{
	background:url(../images/login_icon.gif) no-repeat 0 6px #121212; color:#C1C1C1; padding:0 0 0 17px;
	font:bold 14px/18px Georgia, "Times New Roman", Times, serif;}
#body div.right form.login label{
	font:normal 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#121212; padding:8px 0 0 0; display:block;
	text-transform:uppercase;}
#body div.right form.login input{
	width:164px; height:14px; background-color:#FFFFFF; color:#000000; padding:2px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;}
#body div.right form.login input.loginBtn{
	width:65px; height:12px; background-color:#FFFFFF; color:#000000; padding:0;
	line-height:0; font-size:0; float:right;}
#body div.right form.login p{
	background-color:#121212; color:#D1DD0D;
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; margin:5px 0;}
#body div.right form.login p a{
	background:url(../images/star_icon.gif) no-repeat 0 3px #121212; color:#D1DD0D;
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; padding:0 0 0 17px; margin:5px 0; text-decoration:none;}
#body div.right form.login p a:hover{
	text-decoration:underline;}
#body div.right h2.fewLink{
	background:url(../images/few_link_bg.gif) no-repeat 0 0 #121212; color:#C1C1C1;
	font:bold 14px/23px Georgia, "Times New Roman", Times, serif; padding:0 0 0 17px; margin:0 22px;}
#body div.right h2.article{
	background:url(../images/article_bg.gif) no-repeat 0 0 #121212; color:#C1C1C1;
	font:bold 14px/23px Georgia, "Times New Roman", Times, serif; padding:0 0 0 17px; margin:0 22px;}
#body div.right ul{
	margin:3px 10px 8px 22px;}
#body div.right ul li{
	background-color:#121212; color:#529510;
	font:bold 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0;}
#body div.right ul li a{
	background:url(../images/white_bullet1.gif) no-repeat 0 9px #121212; color:#529510; text-decoration:none;
	font:bold 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 13px; display:block;}
#body div.right ul li a:hover{
	background:url(../images/white_bullet1.gif) no-repeat 0 9px #212121; color:#529510;}
	
#body div.left2 ul.templates{
	display: block; float: left; width: 750px;}
	
#body div.left2 ul.templates li{
	display: block; float: left; min-width: 150px; padding: 5px 0}
	
#body div.left2 ul.templates li a{
	margin: 0 5px;}
#body div.recently a{
	margin:0 5px 0 0;}

/* -- body end -- */

/* footer start -- */
#footer{
	background-color:#121212; color:#FFFFFF;}
.footer{
	width:690px; height:100px; margin:0 auto; padding:18px 0 0 0;}
.footer ul{
	width:620px; margin:0 auto; text-align: center}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FAFAFA; background-color:#121212; float:left;}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#919191; background-color:#121212; padding:0 8px;}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#919191; background-color:#1D1D1D; padding:0 8px;}
.footer p{
	margin:0 auto; width:170px; color:#D1DD0D; background-color:#121212;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:135px;}
.footer p.valid a.xhtml{
	background:url(../images/xhtml_btn.gif) no-repeat 0 0 #121212; color:#FFFFFF; margin:5px 0 4px 0px;
	text-decoration:none; text-indent:-2000px; width:65px; height:12px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(../images/xhtml_btn_h.gif) no-repeat 0 0 #121212; color:#FFFFFF;}
.footer p.valid a.css{
	background:url(../images/css_btn.gif) no-repeat 0 0 #121212; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:65px; height:12px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(../images/css_btn_h.gif) no-repeat 0 0 #121212; color:#FFFFFF;}
.footer p.tworld{
	margin:0 auto; width:370px; height:17px; padding:0 3px;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#8C0048; text-align:center;}
.footer p.tworld a{
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#8C0048; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	color:#FFC9E5; background-color:#8C0048;}
/* footer end -- */

#form_contact {
	margin-top: 10px;
	margin-bottom: 10px;
}
#form_contact #message {
	width: 230px;
	height: 60px;
}
.button {
	color: #FFFFFF;
	background-color: #FF800F;
	border: 1px none #787878;
	text-transform: uppercase;
	font-size: xx-small;
	font-weight: bold;
	height: 25px;
}

.portfolio img{
	border: 1px solid #FFFFFF;
}

.portfolio:hover img{
	border: 1px solid #000;
}

ul.services li{
color: #CCCCCC;
list-style-type: circle;
margin-left: 15px;}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}