@charset "utf-8";

/* CSS Document */



body {

	background:url(../images/bg_body.jpg) no-repeat #eff3f6 top center;

	margin:0px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:12px;

	color:#636363;

}

p, div, id, h1, h2, h3, h4, h5, h6, ul, li, span, form {

	margin:0px;

	padding:0px;

}

ul {

	list-style:none;

}

h1 {

	font-size:37px;

	color:#3c3c3c;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	text-transform:uppercase;

	font-weight:normal;

}

h2 {

	font-size:18px;

	color:#3c3c3c;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	text-transform:uppercase;



}

h4 {

	font-size:16px;

	color:#fff;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-weight:normal;

}



a {

	text-decoration:none;

}

a img {

	border:none;

}

#wrapper .container {	

	width:1003px;

	margin:0 auto;

}

#wrapper .clear {

	clear:both;

}

#wrapper .height12 {

	height:12px;

}

#wrapper .height20 {

	height:20px;

}

#wrapper .green{

	color:#84ab22;

}

#wrapper .blue_or{

	color:#72e2fe;

}



#header {

	height:69px;

}

#header .logo {

	background:url(../images/logo.jpg) no-repeat;

	width:166px;

	height:62px;

	float:left;

	margin:8px 0 0 0;

}

#header .navi{

	width:770px;

	height:38px;

	float:right;

	padding:33px 0 0 0;

}

#header .navi a{

	float:left;

	margin-right:25px;

	height:22px;



}

#header .home {

	background:url(../images/home.png) 0px 0px;

	width:111px;



}

#header .home:hover {

	background:url(../images/home.png) 0px 22px;

}

#header .homeSelected {

	background:url(../images/home.png) 0px 22px;

	width:111px;



}

#header .about {

	background:url(../images/aboutus.png) 0px 0px;

	width:97px;

}

#header .about:hover {

	background:url(../images/aboutus.png) 0px 22px;

}

#header .aboutSelected {

	background:url(../images/aboutus.png) 0px 22px;

	width:97px;

}

#header .services {

	background:url(../images/services.png) 0px 0px;

	width:104px;



}

#header .services:hover {

	background:url(../images/services.png) 0px 22px;

}

#header .servicesSelected {

	background:url(../images/services.png) 0px 22px;

	width:104px;



}

#header .work {

	background:url(../images/work.png) 0px 0px;

	width:103px;



}

#header .work:hover {

	background:url(../images/work.png) 0px 22px;

}

#header .workSelected {

	background:url(../images/work.png) 0px 22px;

	width:103px;

}

#header .products {

	background:url(../images/products.png) 0px 0px;

	width:110px;

}

#header .products:hover {

	background:url(../images/products.png) 0px 22px;

}

#header .productsSelected {

	background:url(../images/products.png) 0px 22px;

	width:110px;

}

#header .contact {

	background:url(../images/contact.png) 0px 0px;

	width:115px;

	margin:0 !important;

}

#header .contact:hover {

	background:url(../images/contact.png) 0px 22px;

}

#header .contactSelected {

	background:url(../images/contact.png) 0px 22px;

	width:115px;

	margin:0 !important;

	

}



#banner {

	background:url(../images/bg_banner.jpg) no-repeat;

	display:block;

	height:418px;

	position:absolute;

	float:left;

	z-index:99;

}

#banner .text {

	float:left;

	width:450px;

}

#banner h1 {

	line-height:42px;

	padding:115px 0 38px 0;



}



#banner h1 span {

	font-size:44px;

	font-weight:bold;

}

#banner .text p {

	float:left;

	width:450px;

	font-size:13px;

}

#wrapper a.getquote{

	font-size:18px;

	color:#84ab22;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	font-weight:bold;

	margin:15px 0 0 0;

	float:left;

  }



#banner img.banner {

	float:right;

	padding:68px 9px 0 0;

	

}



#banner2 {

	background:url(../images/bg_banner2.jpg) no-repeat;

	display:block;

	height:418px;

	position:absolute;

	float:left;

}

#banner2 .text {

	float:left;

	width:450px;

}

#banner2 h1 {

	line-height:28px;

	padding:140px 0 25px 0;

	font-size:24px;

	color:#00aff0;

}

#banner2 h1 span {

	font-size:44px;

	font-weight:bold;

	color:#383838;

}

#banner2 .text p {

	float:left;

	width:450px;

	font-size:13px;

	text-align:justify;

}

#banner2 .text img.circles {

	float:left;

	padding:50px  0 0 0;

  }



#banner2 img.banner {

	float:right;

		padding:68px 9px 0 0;

	

}





#banner3 {

	background:url(../images/bg_banner3.jpg) no-repeat;

	display:block;

	height:418px;

	position:absolute;

	float:left;

}

#banner3 .text {

	float:left;

	width:450px;

	

}

#banner3 h1 {

	line-height:28px;

	padding:140px 0 25px 0;

	font-size:24px;

	color:#d30090;

}

#banner3 h1 span {

	font-size:32px;

	font-weight:bold;

	color:#383838;

}

#banner3 .text p {

	float:left;

	width:450px;

	font-size:13px;

	text-align:justify;

}



#banner3 img.banner {

	float:right;

		padding:68px 9px 0 0;

	

}







#banner4 {

	background:url(../images/bg_banner4.jpg) no-repeat;

	display:block;

	height:418px;

	position:absolute;

	float:left;

}

#banner4 .text {

	float:left;

	width:450px;

}

#banner4 h1 {

	line-height:36px;

	padding:80px 0 25px 0;

	font-size:30px;

	color:#f57900;

}

#banner4 h1 span {

	font-size:44px;

	font-weight:bold;

	color:#383838;

}

#banner4 .text p {

	float:left;

	width:450px;

	font-size:13px;

	text-align:justify;

}

#banner4 .text img.circles {

	float:left;

	padding:50px  0 0 0;

  }



#banner4 img.banner {

	float:right;

		padding:68px 9px 0 0;

	

}



#banner5 {

	background:url(../images/bg_banner5.jpg) no-repeat;

	display:block;

	height:418px;

	position:absolute;

	float:left;

}

#banner5 .text {

	float:left;

	width:450px;

}

#banner5 h1 {

	line-height:36px;

	padding:80px 0 25px 0;

	font-size:30px;

	color:#383838;

}

#banner5 h1 span {

	font-size:36px;

	font-weight:bold;

	color:#a35dbf;

}

#banner5 .text p {

	float:left;

	width:450px;

	font-size:13px;

	text-align:justify;

}

#banner5 .text img.circles {

	float:left;

	padding:50px  0 0 0;

  }



#banner5 img.banner {

	float:right;

	padding:68px 6px 0 0;

	

}





#wrapper .area {

	width:1003px;

	height:417px;

	margin:10px 0 0 0;

}

.rotator { 

	position: relative; height: 418px; width: 1003px;  

}

.navigation { 

	position: absolute; top: 380px; left: 5px; 

}

.navigation div.current, div.navigation a { 

	width: 12px; height: 12px; margin: 0 5px 0 0; float: left; overflow: hidden; 

}

div.navigation div.current { 

	background: url(../images/current.png) no-repeat;

}

div.navigation a { 

	display: block;

	background:url(../images/circle.png) no-repeat; 

}





#services_main {

	display:block;

	padding:43px 0 25px 0;

}

#services_main .service {

	float:left;

	width:307px;

	line-height:18px;

	margin:0 41px 20px 0;

}

#services_main .last {

	margin:0 0 20px 0;

}



#services_main .service img {

	float:left;

	padding:2px 5px 0 0

}

#services_main .service .title {

	font-size:14px;

	font-weight:bold;

	text-transform:uppercase;

	float:left;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

}

#testi {

	background:url(../images/bg_testimonials.jpg) repeat-x;

	height:72px;

}

#testi .leftquote {

	float:left;

}

#testi .rightquote {

	float:right;

}

#testi .content {

	float:left;

	width:860px;

	margin:25px 0 0 28px;

	color:#fff;	

}

#testi .content span {

	color:#383838;	

	text-align:right;

	display:block;

	padding:3px;

	font-style:italic;

}







#footer {

	background: url(../images/bg_footer.jpg) repeat-x #313131;

	color:#b7b7b7;

}

#footer .container {

	padding:15px 0 0 0;

}

#footer h4 {

	border-bottom:#555 solid 1px;

	color:#999;

}

#footer h4.noborder {

	border-bottom:none;

	font-size:14px;

	color:#84ab22;



}



#footer h4.new {

	background:url(../images/icon_rss.png) no-repeat left top;

	line-height:18px;

	padding:0 0 8px 25px;

	

}

#footer .news {

	width:470px;

	float:left;

	margin:0 50px;	

}

#footer .news a {

	color:#84ab22;

}



#footer a {

	text-decoration:none !important;



}

#footer img{

	border:none;

}



#footer .news div {



	padding:10px 0;

}

#footer .blue {

	color:#84ab22;

}

#footer .twitter {

	width:215px; 

	float:left;



}

#footer .twitter a {

	color:#8d8d8d;

}

#footer h4.twitt {

	background:url(../images/icon_twitter.png) no-repeat left top;

	line-height:18px;

	padding:0 0 8px 30px;	

}

#footer .date {

	font-size:12px;

	color:#8d8d8d;

}

#footer .twitter div {

	padding:5px 0;

}

#footer .twitter a.folow {

	color:#fff;

}



#footer .contact{

	width:215px; 

	float:left;

	

	text-align:justify;

}

#footer h4.cont {

	background:url(../images/icon_mail.png) no-repeat left top ;

	line-height:18px;

	padding:0 0 8px 25px;

	

}

#footer h4.add {

	background:url(../images/icon_add.png) no-repeat left top ;

	line-height:18px;

	padding:0 0 8px 20px;

	

}



#footer .contact a{

	color:#8d8d8d;

	line-height:14px;

	padding:0 0 0 25px;

	margin:10px 0 0 0; 

	float:left;

}



#footer .fone {

	background:url(../images/icon_fone.png) no-repeat left  ;

}

#footer .fax {

	background:url(../images/icon_fax.png) no-repeat left  ;

}



#footer .mail {

	background:url(../images/iconmail.png) no-repeat left  ;

}

#footer a.mail img {

}



#footer .links {

	width:215px;

	float:left;

	margin:0 45px 0 0;

}

#footer .last {

	margin:0;

}



#footer .links h4 {

	padding:0 0 5px 0;

	margin:0 0 5px 0;

	border-bottom:#555 solid 1px; 

}	



#footer .links a {

	font-size:11px;

	color:#8d8d8d;

	background:url(../images/footer_bullets.png) no-repeat 0px 0px ;

	height:12px;

	line-height:25px;

	padding: 0 0 0 15px;

	text-decoration:none;

}

#footer .links a:hover {

	color:#84ab22;

}

#footer .border_bot {

	border-bottom:#555 solid 1px;

	margin: 15px 0;

	clear:both;

	float:left;

	height:0px;

	width:100%;

}

#footer .copyright {

	color:#444;

	font-size:11px;

}

#footer p {

	float:left;

}

#footer .acroex_p {

	float:right;

	color:#444;

	background:url(../images/acroex.jpg) no-repeat 60px 0px ;

	padding:4px 25px 0 0;

	line-height:14px;

}

#footer .acroex_p:hover {

	background:url(../images/acroex.jpg) no-repeat 60px -18px ;

	text-decoration:none;

}



#footer .copyrights div{

	float:left;

}

#footer .copyrights a.policy{

	color:#666;

	text-decoration:none;



}



#footer .copyrights a.policy:hover{

	color:#888;

	text-decoration:underline;

}



#footer .validate {

	padding:0px 0 20px 0;

	float:right;

}

#footer a.validxhtml {

	background: url(../images/w3c_xhtml.jpg) no-repeat;

	margin-left:3px;

	width:80px;

	height:15px;

	float:left;

}

#footer a.validcss {

	background: url(../images/w3c_css.jpg) no-repeat;

	margin-left:3px;

	width:80px;

	height:15px;

		float:left;



}

#footer a.validcss img {

	width:80px;

	height:15px;

}

#footer a.validxhtml img {

	width:80px;

	height:15px;

}



#footer img {

	border:0px;

}

#footer .social a  {

	padding:0;

	margin:5px 8px 0 0;

	height:32px;

	width:32px;

	float:left;



}

#footer a.social_f  {

	background:url(../images/facebook_new.png) no-repeat 0px 0px;

}

#footer a.social_f:hover {

	background:url(../images/facebook_new.png) no-repeat 0px -32px;

}

#footer a.social_t  {

	background:url(../images/twitter_new.png) no-repeat 0px 0px;

}

#footer a.social_t:hover {

	background:url(../images/twitter_new.png) no-repeat 0px -32px;

}

#footer a.social_l  {

	background:url(../images/linkedin_new.png) no-repeat 0px 0px;

}

#footer a.social_l:hover {

	background:url(../images/linkedin_new.png) no-repeat 0px -32px;

}

#footer a.social_x  {

	background:url(../images/xing_new.png) no-repeat 0px 0px;

}

#footer a.social_x:hover {

	background:url(../images/xing_new.png) no-repeat 0px -32px;

}

#footer a.social_w  {

	background:url(../images/digg_new.png) no-repeat 0px 0px;

}

#footer a.social_w:hover {

	background:url(../images/digg_new.png) no-repeat 0px -32px;

	margin-right:0;

}

#footer a.social_p  {

	background:url(https://ssl.gstatic.com/images/icons/gplus-32.png) no-repeat 0px 0px;

}






#footer .contact_icons a {

	padding:0;

	margin:3px 10px 0 0;

	width:24px;

	height:24px;

}

#footer a.contact_g{

	background:url(../images/gtalk.png) no-repeat 0px -24px;

}

#footer a.contact_g:hover {

	background:url(../images/gtalk.png) no-repeat 0px 0px;

}

#footer a.contact_s{

	background:url(../images/skype.png) no-repeat 0px -24px;

}

#footer a.contact_s:hover {

	background:url(../images/skype.png) no-repeat 0px 0px;

}

#footer a.contact_m{

	background:url(../images/msn.png) no-repeat 0px -24px;

}

#footer a.contact_m:hover {

	background:url(../images/msn.png) no-repeat 0px 0px;

}

#footer a.contact_y{

	background:url(../images/yahoo.png) no-repeat 0px -24px;

}

#footer a.contact_y:hover {

	background:url(../images/yahoo.png) no-repeat 0px 0px;

}

#footer a.contact_a{

	background:url(../images/aim.png) no-repeat 0px -24px;

}

#footer a.contact_a:hover {

	background:url(../images/aim.png) no-repeat 0px 0px;

}





/* ----About us Page ----*/

#subbanner {

	background:url(../images/bg_subbaner.png) no-repeat;

	display:block;

	height:227px;

}

#subbanner .text {

	float:left;

	width:437px;

}

#subbanner h1 {

	line-height:34px;

	font-size:34px;

	padding:100px 0 38px 0;



}

#subbanner h1 span {

	font-size:38px;

	font-weight:bold;

}

#subbanner img.subbanner{

	float:right;

	padding:68px 7px 0 0;

	

}





#content_panel {

	display:block;

	margin:20px 0;

}

#content_panel .left_content {

	float:left;

	width:271px;



}

#content_panel .right_content  {

	float:right;

	width:731px;

	margin:0 1px 0 0;

}

#services .left_content a {

	background:url(../images/bg_lefttab.png) 0px 0px;

	display:block;

	line-height:44px;

	margin:0 0 2px 0;

	font-size:13px;

	color:#383838;

	font-weight:bold;

	text-transform:uppercase;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	

}

#services .left_content a:hover {

	background:url(../images/bg_lefttab.png) 0px -44px;

}

#services .left_content a.selected {

	background:url(../images/bg_lefttab.png) 0px -44px;

}



#services .left_content img {

	float:left;

	padding:0 5px 0 10px;

}

#content_panel .right_content .top {

	background:url(../images/top_rightsec.png) no-repeat;

	height:11px;

}

#content_panel .right_content .bot {

	background:url(../images/bot_rightsec.png) no-repeat;

	height:11px;

}

#content_panel .right_content .content {

	background: url(../images/bg_rightsec.png) repeat;

	display:block;

	padding:0 15px;

	min-height:300px;

	text-align:justify;

}





/*----portfolio---*/



#thumbNav a {

	color:#fff !important;

	text-decoration:none;

	color:#dadada;

	font-size:8px;

	width:14px;

	line-height:15px;

	text-align:center;

	height:15px;

	font-family:Verdana, Geneva, sans-serif;

	margin:0 0 0 5px;

	background: url(../images/bg_thmb.png) no-repeat 0px 0px;

}

#thumbNav a:hover {

	background: url(../images/bg_thmb.png) no-repeat 0px -15px !important;

}



#thumbNav a.cur {

	background: url(../images/bg_thmb.png) no-repeat 0px -15px !important;

}



#portfolio .heading a.selected {

	color:#8bc402 !important;

	

}

#portfolio .set {

	font-size:11px;

	padding:0px 10px 15px 0px; 

	margin:0 0 15px 0 ;	

	width:691px;

	border-bottom:#ccc dashed 1px;

}



#portfolio .set a {

	float:left;	

	border:2px solid #cccccc;

	margin: 0 10px 0 0;





}

#portfolio .set a.link{

	border:none;

	color:#222;



}

#portfolio .set a.link:hover{

	text-decoration:underline;



}



#portfolio .set h2 {

	font-size:14px;

	font-weight:bold;

	color:#383838;

	float:left;

	width:440px;

	padding:6px 0 0 0;

	

}



#portfolio .set span {

	font-size:11px;

	color:#84ab22;

}

#portfolio .subheading {

	color:#696969;

	display:block;

	border-bottom:1px solid #4a4a45;

	height:20px;

	margin-bottom:12px;

}

#portfolio .work-lists {

	width:224px;

	float:left;

	margin-right:20px;

}





#full_panel .top {

	background:url(../images/top_full.png) no-repeat;

	height:11px;

}

#full_panel  .bot {

	background:url(../images/bot_full.png) no-repeat;

	height:11px;

}

#full_panel  .content {

	background: url(../images/bg_rightsec.png) repeat;

	display:block;

	padding:0 15px;

	text-align:justify;

}







/*----products----*/



#full_panel .product {

	padding: 20px 27px 20px 0;

	width:458px;;

	float:left;

}

#full_panel .product img {

	float:left;

	margin:0 10px 0 0;

}

#full_panel .product .heading {

	font-size:16px;

	padding:10px 0 0 0;

}



#full_panel .product .subheading {

	border:none;

}

#full_panel .product a img {

	margin:0;

	border:none;

}

#full_panel .product .detail_btn {

	background:url(../images/btn_details.png) no-repeat;

	width:121px;

	height:29px;

	float:left;

}







/*-----pop ups */



#wrapper .popup-forms {	

	display:block;

	width:600px;

	height:400px;

	}

#wrapper .popup-forms .content{	

	padding:5px 0 0px 30px;

	display:block;



}



#wrapper .popup-forms label {

	display:block;

	padding:0px 0 5px 0;

}

#wrapper .popup-forms  .txtbox {

	background:url(../images/contact_txtbox.png) no-repeat;

	border:none;

	width:220px;

	height:30px;	

	margin:0 20px 10px 0;

	float:left;

}

#wrapper .txtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;



}

#wrapper .popup-forms  .popredtxtbox {

	background:url(../images/bg_text_red.png) no-repeat;

	border:none;

	width:220px;

	height:30px;	

	margin:0 20px 10px 0;

	float:left;

}

#wrapper .popredtxtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;



}

#wrapper .popup-forms  .hireredtxtbox {

	background:url(../images/bg_text_red.png) no-repeat;

	border:none;

	width:220px;

	height:30px;	

	margin:0 20px 10px 0;

	float:left;

}

#wrapper .hireredtxtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;



}



#wrapper .popup-forms .list{

	background:url(../images/contact_txtbox.png) no-repeat;

	width:220px;

	height:30px;

	margin:0 16px 10px 0;

	float:left;

}

/*html > body .listie {

	background:url(../images/contact_txtbox.png) no-repeat;

	width:120px;

	height:10px;



}

*/

#wrapper .popup-forms select{

	background:#999;

	background:none;

	border:0px;

	width:220px;

	line-height:30px;

	height:30px;

	font-size:12px;

	color:#8d8d8d;

	float:left;

}

#wrapper .popup-forms .list_red{

	background:url(../images/bg_text_red.png) no-repeat;

	width:220px;

	height:30px;

	margin:0 16px 10px 0;

	float:left;

}

#wrapper .popup-forms .para{

	background: url(../images/popup_txtarea.png) no-repeat;

	border:none;

	width:460px;

	height:95px;	

}



#wrapper .popup-forms .para textarea {

	background: none;

	border:none;

	width:450px;

	height:84px;

	padding:6px 5px 5px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

	overflow:auto;

}

#wrapper .popup-forms .parared{

	background: url(../images/popup_textarea_red.png) no-repeat;

	border:none;

	width:460px;

	height:95px;	

}



#wrapper .popup-forms .parared textarea {

	background: none;

	border:none;

	width:450px;

	height:84px;

	padding:6px 5px 5px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

	overflow:auto;

}



#full_panel .contacts {

	width:550px;

	float:left;

}



#full_panel .contacts strong {

	font-weight:normal;

	color:#383838;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	display:block;

	font-size:14px;

	font-weight:bold;

}

#full_panel .contacts strong img {

	padding:1px 5px 0 0;

}

#full_panel .contacts .address{

	width:30%;

	float:left;	

	padding-right:3%;

}

#full_panel .contacts .address p{

	text-align:left;

}

#full_panel .contacts .email{

	background:url(../images/email_id.png) no-repeat;

	width:131px;

	height:10px;

	padding:3px 0 0 0;

	float:left;

}









/*---CONTACT FORM---*/



#contact-form  {

	float:right;

	width:220px;

	

}



#contact-form label {

	display:block;

	padding:5px 0 3px 0;

}

#contact-form .txtbox {

	background:url(../images/contact_txtbox.png) no-repeat;

	width:220px;

	height:30px;

}

#contact-form .txtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px 0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

}



#contact-form .redtxtbox {

	background:url(../images/bg_text_red.png) no-repeat;

	width:220px;

	height:30px;



}

#contact-form .redtxtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px 0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

}

#contact-form .list{

	float:left;

	background:url(../images/contact_txtbox.png) no-repeat;

}

#contact-form select{

	background:none;

	border:none;

	width:220px;

	line-height:34px;

	height:30px;

	padding:6px 8px 8px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

}

#contact-form select option{

	background-color:#eeeeee;

}



#contact-form .para {

	background:url(../images/contact_txtarea.png) no-repeat;

	border:none;

	width:222px;

	height:97px;

}

#contact-form .para  textarea {

	background:none;

	border:none;

	width:212px;

	height:86px;

	padding:6px 5px 5px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

	overflow:auto;

}

#contact-form .parared {

	background:url(../images/textarea_red.png) no-repeat;

	border:none;

	width:222px;

	height:97px;

}

#contact-form .parared  textarea {

	background:none;

	border:none;

	width:212px;

	height:86px;

	padding:6px 5px 5px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

	overflow:auto;

}



 a.submit {

	background:url(../images/submit.png) no-repeat;

	width:71px;

	height:28px;

	margin:10px 3px 0 0;

	float:left;

}

 a.reset img{

	background:url(../images/reset.png) no-repeat;

	width:71px;

	height:28px;

}

#full_panel span.right {

	float:right;

	width:220px;

}

#map {

	margin:50px 0 0 0px;

	float:left;

}

#flickr  {

	padding:0;

	margin:0;

	

}



#flickr a {

	float:left;

	margin:0 8px 0 0;

	width:31px;

	height:31px

}

#flickr a.flickr1 {

	background:url(../images/flickr1.png) 0px -31px; 

}

#flickr a.flickr1:hover {

	background:url(../images/flickr1.png) 0px 0px; 

}

#flickr a.flickr2 {

	background:url(../images/flickr2.png) 0px -31px; 

}

#flickr a.flickr2:hover {

	background:url(../images/flickr2.png) 0px 0px; 

}

#flickr a.flickr3 {

	background:url(../images/flickr3.png) 0px -31px; 

}

#flickr a.flickr3:hover {

	background:url(../images/flickr3.png) 0px 0px; 

}











#team ul {

	list-style:none;

	padding:0;

}

#team ul.top_two li {

	font-size:12px;

}

#team ul li {



	padding-right:5%;

	font-weight:bold;

	font-size:12px;

	float:left;

		color:#3c3c3c;



	width:45%;

	

}

#team ul p {

	font-size:12px;

	font-weight:normal;

}

#team ul p.green {

	color:#699011;

}





#hosting ul.hosting {

	padding:0;

	margin:0;

	list-style:none;

	

}

#hosting ul.hosting li {

	list-style:none;

	background:url(../images/tick.png) left no-repeat;

	padding-left:24px;

	line-height:20px;

	margin:0 0 0 20px;

	font-size:12px;

	font-weight:normal;

	width:100%;

}





#testimonials .qote {

	background:url(../images/qote.png) no-repeat left;

	width:15px;

	height:12px;

}

#testimonials .qote1 {

	background:url(../images/qote1.png) no-repeat left;

	width:15px;

	float:right;

	height:12px;

}



#content_panel .careers ul {

	padding:0;

	margin:0;

	list-style:none;

	

}

#content_panel .careers li {

	list-style:none;

	background:url(../images/tick.png) left no-repeat;

	padding-left:24px;

	line-height:20px;

	color:#8d8d8d;

	margin:0 0 0 20px;

}



#content_panel p img.jobs {

	background: url(../images/jobs.png) no-repeat bottom;

	width:95px;

	height:20px;

	margin:5px 0 0 0;

}







#flickr a {

	float:left;

	margin:0 8px 0 0;

	padding:0;

	width:31px;

	height:31px

}

#flickr a.fixpod {

	background:url(../images/favicons/fixpod.png) 0px -31px; 

}

#flickr a.fixpod:hover {

	background:url(../images/favicons/fixpod.png) 0px 0px; 

}

#flickr a.cvizyon {

	background:url(../images/favicons/cvizyon.png) 0px -31px; 

}

#flickr a.cvizyon:hover {

	background:url(../images/favicons/cvizyon.png) 0px 0px; 

}

#flickr a.university {

	background:url(../images/favicons/universitywork.png) 0px -31px; 

}

#flickr a.university:hover {

	background:url(../images/favicons/universitywork.png) 0px 0px; 

}

#flickr a.ski {

	background:url(../images/favicons/skiskatting.png) 0px -31px; 

}

#flickr a.ski:hover {

	background:url(../images/favicons/skiskatting.png) 0px 0px; 

}

#flickr a.bakparker {

	background:url(../images/favicons/bakparker.png) 0px -31px; 

}

#flickr a.bakparker:hover {

	background:url(../images/favicons/bakparker.png) 0px 0px; 

}

#flickr a.swapsweep {

	background:url(../images/favicons/smapsweep.png) 0px -31px; 

}

#flickr a.swapsweep:hover {

	background:url(../images/favicons/smapsweep.png) 0px 0px; 

}

#flickr a.dental {

	background:url(../images/favicons/dental.png) 0px -31px; 

}

#flickr a.dental:hover {

	background:url(../images/favicons/dental.png) 0px 0px; 

}

#flickr a.superior {

	background:url(../images/favicons/superior.png) 0px -31px; 

}

#flickr a.superior:hover {

	background:url(../images/favicons/superior.png) 0px 0px; 

}

#flickr a.discoverislam {

	background:url(../images/favicons/discoverislam.png) 0px -31px; 

}

#flickr a.discoverislam:hover {

	background:url(../images/favicons/discoverislam.png) 0px 0px; 

}

#flickr a.urtopia {

	background:url(../images/favicons/urtopia.png) 0px -31px; 

}

#flickr a.urtopia:hover {

	background:url(../images/favicons/urtopia.png) 0px 0px; 

}

#flickr a.cambridge {

	background:url(../images/favicons/cambridge.png) 0px -31px; 

}

#flickr a.cambridge:hover {

	background:url(../images/favicons/cambridge.png) 0px 0px; 

}

#flickr a.smdp {

	background:url(../images/favicons/smdp.png) 0px -31px; 

}

#flickr a.smdp:hover {

	background:url(../images/favicons/smdp.png) 0px 0px; 

}







#content_panel {

	display:block;

	margin:20px 0;

}

#content_panel .left_short {

	float:left;

	width:171px;



}

#content_panel .right_large  {

	float:right;

	width:831px;

	margin:0 1px 0 0;

}

#content_panel .right_large .top {

	background:url(../images/top_right_large.png) no-repeat;

	height:11px;

}

#content_panel .right_large .bot {

	background:url(../images/bot_righ_large.png) no-repeat;

	height:11px;

}





#content_panel .left_short a {

	background:url(../images/bg_lefttab.png) 0px 0px;

	display:block;

	line-height:44px;

	margin:0 0 2px 0;

	font-size:13px;

	color:#383838;

	font-weight:bold;

	text-transform:uppercase;

	font-family:"Myriad Pro", "Trebuchet MS", Arial;

	

}

#content_panel .left_shortt a:hover {

	background:url(../images/bg_lefttab.png) 0px -44px;

}

#content_panel .left_short a.selected {

	background:url(../images/bg_lefttab.png) 0px -44px;

}



#content_panel .left_short img {

	float:left;

	padding:0 5px 0 10px;

}













#quote_m {	

	display:block;

	

	}

#quote_m label {

	display:block;

	padding:0px 0 5px 0;

}

#quote_m  .txtbox {

	background:url(../images/contact_txtbox.png) no-repeat;

	border:none;

	width:220px;

	height:30px;	

	margin:0 20px 10px 0;

	float:left;

}

#quote_m .txtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;



}

#quote_m  .popredtxtbox {

	background:url(../images/bg_text_red.png) no-repeat;

	border:none;

	width:220px;

	height:30px;	

	margin:0 20px 10px 0;

	float:left;

}

#quote_m input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;



}

#quote_m  .hireredtxtbox {

	background:url(../images/bg_text_red.png) no-repeat;

	border:none;

	width:220px;

	height:30px;	

	margin:0 20px 10px 0;

	float:left;

}

#quote_m .hireredtxtbox input {

	background:none;

	border:none;

	width:210px;

	height:30px;

	line-height:30px;

	padding:0 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;



}



#quote_m .list{

	background:url(../images/contact_txtbox.png) no-repeat;

	width:220px;

	height:30px;

	margin:0 20px 10px 0;

	float:left;

}



#quote_m select{

	background:url(../images/blank.gif);

	border:none;

	width:210px;

	line-height:30px;	

	height:20px;

	font-size:12px;

	color:#8d8d8d;

	float:left;

	margin:5px 5px;

}

#quote_m .list_red{

	background:url(../images/bg_text_red.png) no-repeat;

	width:220px;

	height:30px;

	margin:0 16px 10px 0;

	float:left;

}

#quote_m .para{

	background: url(../images/popup_txtarea.png) no-repeat;

	border:none;

	width:460px;

	height:95px;	

	float:left;

	margin:5px 20px 0 0; 

}



#quote_m .para textarea {

	background: none;

	border:none;

	width:450px;

	height:84px;

	padding:6px 5px 5px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

	overflow:auto;

}

#quote_m .parared{

	background: url(../images/popup_textarea_red.png) no-repeat;

	border:none;

	width:460px;

	height:95px;	

}



#quote_m .parared textarea {

	background: none;

	border:none;

	width:450px;

	height:84px;

	padding:6px 5px 5px 5px;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, "trebuchet MS", Arial;

	font-size:12px;

	color:#8d8d8d;

	overflow:auto;

}