body										{margin:0px; padding:0px; background:#383831}
div											{margin:0px; padding:0px}
a, p										{text-decoration:none; margin:0px; padding:0px}
a:focus										{outline:0}
h1, h2, h3, h4, h5, h6						{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:24px}
div											{margin:0px; padding:0px}
ul											{font-family:Verdana, Geneva, sans-serif; margin:0px; padding:0px}
img											{margin:0px; padding:0px; float:left}
/*wrap for background image repeat*/
div#wrapBase								{width:100%; float:left; background:url(images/bg.jpg)}
div#wraptop 								{width:100%; float:left; background:url(images/bg.jpg) repeat-x}
div#wrapcen									{width:100%; float:left; background:url(images/bgTop.png) repeat-x left top}
div#wrapMain								{width:100%;  float:left; background:url(images/bgBot.png) repeat-x left bottom; padding:0 0 44px 0;}
div#wrapalaign								{width:970px; margin:0 auto}

/*logo*/
h1											{width:268px; height:177px; float:left; text-indent:-9999px; position:relative; background:url(images/logo.png) no-repeat}

/*header navigation*/
div#wrapalaign ul#headermenu
{
    float: left;
    margin: 62px 0 0 0;
    padding: 0 0 14px 50px;
    width: 652px;
    display: block;
    background: url('images/emboss.png') no-repeat left bottom;
}
div#wrapalaign ul#headermenu li				{ float:left; margin:0px; padding:0 10px 0 0; display:block; }
div#wrapalaign ul#headermenu li a,a.active:hover			{ float:left; margin:0px; display:block; font-family:"Trebuchet MS"; font-weight:normal; font-size:18px; font-weight:normal; color: #000000; padding:0 0 0 22px; height:46px; line-height:42px; cursor:pointer}
div#wrapalaign ul#headermenu li a.active { float:left; margin:0px; display:block; font-family:"Trebuchet MS"; font-weight:normal; font-size:18px; font-weight:normal; color: #1ca9eb; padding:0 0 0 22px; height:46px; line-height:42px; cursor:pointer}
div#wrapalaign ul#headermenu li a:hover, a.active
{
    float: left;
    display: block;
    background: url(images/headernavleftcurve.png) no-repeat left bottom;
    padding: 0 0 0 22px;
    height: 46px;
    color: #1ca9eb;
    cursor: pointer;
}
div#wrapalaign ul#headermenu li a span,a.active:hover span	{ float:left; display:block; padding:0 22px 0 0; height:46px; cursor:pointer}
div#wrapalaign ul#headermenu li a:hover span,a.active span { float:left; display:block; background: url(images/headernavrightcurve.png) no-repeat right bottom; padding:0 22px 0 0; height:46px; cursor:pointer }

/*slideshow*/
div#slideshows								 {float:left; margin:8px 0 0 0; width:970px; height:300px; background:url(images/bannerbg.png) no-repeat;}
div#slideshows ul							 {float:left; margin:0px; padding:0px; width:970px; display:block;}
div#slideshows ul li						 {float:left; margin:0px; padding:0 0 0 53px; width:917px; display:block;}
div#slideshows ul li p.slideshowimg			 { float:left; margin:0px; padding:0 63px 0 0; display:block; width:329px;}
div#slideshows ul li h2						 { float:left; margin:30px 0 0 0; padding:0px; width:525px; font-family:Verdana; font-size:32px; font-weight:bold; color: #000000; line-height:41px;}
div#slideshows ul li p.slidecontent			 {float:left; margin:17px 0 0 0; padding:0px; width:489px; color: #3a3a3a; font-family:Verdana; font-size:13px; font-weight:normal; line-height:22px;}
div#slideshows ul li a						 {float:left; margin:29px 0 0 0; padding:0px; background:url(images/readmore.png) no-repeat; width:172px; height:54px; font-family: Verdana; font-size:14px; font-weight:bold; color: #fff; text-align:center; text-decoration: none; line-height:27px;}

div#bodycontent 							 {margin:0px auto; padding:0px; width:970px;}
div#bodycontent div#services				 {float:left; margin:32px 0 59px 0; padding:0px; width:970px;}
div#bodycontent div#services .allservces	 {float:left; padding:0 0 0 30px; width:261px;}
div#bodycontent div#services .allservces p.heading	 {float:left; margin:17px 0 0 0; width:261px; padding:0px;}
div#bodycontent div#services .allservces p.heading span.numbers{float:left; margin:0px; padding:0px; background:url(images/heading.png) no-repeat; width:31px; height:31px; font-family: Verdana; font-size:14px; font-weight:bold; color: #ffffff; text-align:center; line-height:29px;}
div#bodycontent div#services .allservces p.heading span.smallheading{float:left; margin:0px; padding:0 0 0 15px; width:207px; font-family: Verdana; font-size:18px; font-weight:bold; color: #000000; line-height:29px;}
div#bodycontent div#services .allservces p.normalcontent{float: left; margin:14px 0 0 0; font-family:Verdana; font-size:12px; font-weight:normal; color: #000000; line-height:20px; width:261px; text-align:justify;}
div#bodycontent div#services .allservces p.readmore{float:right; width:261px;}
div#bodycontent div#services .allservces p.readmore a{ float:right; margin:22px 0 0 0; background: url(images/readmoreicon.gif) no-repeat right bottom; padding:0 10px 0 0; font-family:Verdana; font-size:12px; font-weight:normal; color: #1ca9eb; text-decoration:underline}
div#bodycontent div#services .allservces p.readmore a:hover{ float:right; margin:22px 0 0 0; background: url(images/readmoreicon.gif) no-repeat right bottom; padding:0 10px 0 0; font-family:Verdana; font-size:12px; font-weight:normal; color: #1ca9eb; text-decoration:none}
div#bodycontent div#services .separate{float:left; margin:0px; padding:0 50px 0 25px; width:261px; background:url(images/embossservices.png) no-repeat right top;}

div#bodycontent div#welcomenewscontent{float:left; padding:0px; width:970px;}
div#bodycontent div#welcomecontent{float:left; margin:0px; padding:0px; width:630px;}
div#bodycontent div#welcomecontent p.topandbuttomcurve{float:left; margin:0px; padding:0px; line-height:1px;}
div#bodycontent div#welcomecontent div#welcomebg,#mainPanel{float:left; margin:0px; padding:0 0 0 29px; background:url(images/welcomemiddlebg.png) repeat-y; width:601px;}
div#bodycontent div#welcomecontent div#welcomebg h2,#mainPanel h2{float:left; margin:0px; padding:0px; width:564px; font-family: Verdana; font-size:27px; font-weight:bold; color: #000000;}
div#bodycontent div#welcomecontent div#welcomebg img, #mainPanel img{margin:10px 20px 0 0;float:left;}
div#bodycontent div#welcomecontent div#welcomebg p,#mainPanel p{float:left; margin:21px 0 12px 0; width:564px; font-family:Verdana; font-size:13px; font-weight:normal; line-height:22px; color: #000000; text-align:justify;}

div#bodycontent div#recentnews, #sidebar{float:left; margin:0px; padding:0 0 0 29px; width:311px;}
div#bodycontent div#recentnews h2, #sidebar h2{float:left; margin:0px; padding:0 0 0 32px; background:url(images/recentnewsbg.png) no-repeat; width:279px; height:57px; font-family: Verdana; font-size:23px; font-weight: bold; color: #000000; line-height:55px;}
div#bodycontent div#recentnews ul, #sidebar ul{float:left; margin:0px; padding:5px 0 5px 32px; display:block; background: url(images/newsbg.png) repeat-y; width:279px;}
div#bodycontent div#recentnews ul li, #sidebar ul li{float:left; margin:16px 0 0 0; padding:0 0 16px 0; display:block; width:247px; font-family:Verdana; font-size:13px; font-weight:normal; color: #000000;}
div#bodycontent div#recentnews ul li.bottomemboss, #sidebar ul li.bottomemboss{float:left; margin:16px 0 0 0; padding:0 0 16px 0; display:block; width:247px; background: url(images/bottomline.png) repeat-x left bottom; font-family:Verdana; font-size:13px; font-weight:normal; color: #000000;text-align:left;letter-spacing:normal;}
div#bodycontent div#recentnews p.bottomcurve, #sidebar p.bottomcurve{float:left; background: url(images/newsbottomcurve.png) no-repeat; width:311px; height:16px; line-height:1px;}

div#footerblank{float:left; width:100%; background: #2c4451; padding:45px 0 136px 0;}
div#footer{float:none; margin:0px auto; width:970px;}
div#footer ul{float:left; margin:0px; padding:0px; width:693px; display:block;}
div#footer ul li{float:left; margin:0px; padding:0px; display:block; color: #c0c0c0; font-family: Verdana; font-weight:normal; color: #c0c0c0;}
div#footer ul li a{float:left; font-size:13px; color: #c0c0c0; text-decoration:none;}
div#footer ul li a:hover{float:left; font-size:13px; color: #c0c0c0; text-decoration: underline;}
div#footer ul li span{ padding:0 11px 0 11px; background:url(images/separater.png) no-repeat center top;}
div#footer ul li p.copyrights{float:left; margin:13px 0 0 0; width:693px; font-size:13px; padding-bottom:13px;}
div#footer p.footeraddress{float:left; margin:0px; padding:0px; width:261px; color: #c0c0c0; font-family: Verdana; font-weight:normal; color: #c0c0c0; font-size:13px;}
div#footer p.footeraddress a{color: #c0c0c0; text-decoration:underline;}
div#footer p.footeraddress a:hover{color: #c0c0c0; text-decoration:none;}


/* #####################################
######## $tylin Inner Pages ###########
#####################################*/



/* stylin blog content */
/*sidebar*/
#mainPanel ul.blog{
  width:100%;
  float:left;
  margin:20px 0 0 0;
  list-style:none;
}
#mainPanel ul.blog li{
  float:left;
  width: 100%;
  padding:10px 0 20px 0;
}

#mainPanel ul.blog li img{
	float: left;
}
#mainPanel ul.blog li h2{
	color:#000;
	background-color:inherit;
	font-size:27px;
	line-height:20px;
	font-weight:normal;
	float:left;
	width:100%;
}
#mainPanel ul.blog li p{
	width:564px;
	float:left;
    text-align:justify;
	margin:5px 0;
}
#mainPanel ul.blog li p.date{
  font-size: 11px;
  float:left;
  padding:4px 0;margin:2px 0;
  border-bottom:1px dotted #DFE4DC;
}
#mainPanel ul.blog li p a{
	color: #1ca9eb;
	background-color:inherit;
	text-decoration:underline;
}
#mainPanel ul.blog li p a:hover{
	text-decoration:none;
}
/*
#mainPanel ul.blog li p.readmore{float:left; width:261px;}
#mainPanel ul.blog li p.readmore a{float:left; margin:0 0 0 0; background: url(images/readmoreicon.gif) no-repeat right; padding:0 10px 0 0; font-family:Verdana; font-size:12px; font-weight:normal; color: #1ca9eb; text-decoration:underline}
#mainPanel ul.blog li p.readmore a:hover{float:left; margin:0 0 0 0; background: url(images/readmoreicon.gif) no-repeat right; padding:0 10px 0 0; font-family:Verdana; font-size:12px; font-weight:normal; color: #1ca9eb; text-decoration:none}
*/
#sidebar, #sidebar ul.blog{
  width:279px;
  float:left;
  margin:0;
}
#sidebar ul.blog li{
  padding:0px 0px 10px 0;
}
#sidebar ul.blog li.subheading{
  padding-bottom:0;
}
#sidebar ul.blog li.subheading h3{
    font-size: 23px;
    line-height: 26px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}


#sidebar ul.blog li a{
  color:#1ca9eb;
  text-decoration: underline;
}
/*
#sidebar ul.blog li a#BeON
{
    width: 35px;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    float: none;
}
#sidebar ul.blog li a:hover{
  float: left;
  text-decoration:none;
}
*/
/* stylin contact us page */
#mainPanel div.contact{
  width:601px;
  float:left;
  margin:0px;
}
#mainPanel div.contact h2
{
    font-size: 27px;
    line-height: 35px;
}
#mainPanel img.map{
  width:555px;
  float:left;
  margin-top:20px;
  border: 1px solid #C0C0C0;
}
#sidebar,#sidebar ul.address{
	width:279px;
    float:left;
    margin:0;
	}
#sidebar ul.address li{
  width: 270px;
  float:left;
  padding:0px 0px 10px 0;
}
#sidebar ul.address li.subheading h3{
  font-size:23px;
  line-height:16px;
  font-weight:normal;
  padding:4px 0;
  margin:0;
}
#sidebar ul.address li p{
   width:262px;
   float:left;
   line-height: 16px;
}
#sidebar ul.contact li a{
  float: left;
  color:#1ca9eb;
  padding:2px 0 9px 0;
  text-decoration:underline;
}
#sidebar ul.contact li a:hover{
  float: left;  
  text-decoration:none;
}
#mainPanel div.bookmarking{width: 601px; float:left;}
#mainPanel div.bookmarking img{float:left;margin:0;}

/* stylin portfolio */

#mainPanel ul.portfolio li{
  width:100%;
  float:left;
  padding:10px 0;
  margin:9px 0 10px 0;
  list-style:none;
}
#mainPanel ul.portfolio li img{
  float:left;
}
#mainPanel ul.portfolio li p{
  width:350px;
  float:left;
  margin:0 10px;
  text-align:justify;
}
#mainPanel ul.portfolio li p a{
  color:#1ca9eb;
  text-decoration:underline;
}
#mainPanel ul.portfolio li p a:hover{
  float: left;text-decoration:none;
}

#sidebar ul.portfolio li a{
	color:#1ca9eb;
	text-decoration:underline;
	}
#sidebar ul.portfolio li a:hover{
	color:#1ca9eb;
	text-decoration:none;
	}
/* stylin services content */
#mainPanel ul.services{
  width:601px;
  float:left;
  list-style:none;
  padding:10px 0 0 0;
}
#mainPanel ul.services li{
  width:270px;
  float:left;
  padding:10px 20px 10px 0;
  margin-bottom:20px;
}
#mainPanel ul.services li.clear{
  width:601px;
  float:left;
  height:0px;
  margin:0;
  padding:0;
}
#mainPanel ul.services li img{
  float:left;
}
#mainPanel ul.services li h3{
  float:left;
  width:270px;
  font-size: 16px;
  font-weight: normal;
}
#mainPanel ul.services li p{
    width: 260px;
    float: left;
    font-size: 11px;
    padding: 0;
    margin: 0;
}

/* stylin sitemap */
#mainPanel ul.siteMap{
  width:100%;
  float: left;
  list-style: none;
  margin:20px 0 0 0;
}
#mainPanel ul.siteMap li a{
  font-size:12px;
  font-weight:normal; color: #000000; line-height:20px;
  text-decoration:underline;
}
#mainPanel ul.siteMap li a:hover{
  color: #1ca9eb;
  text-decoration:none;
}

/* stylin privacy page */
#privacy{
  width:970px;
  float:left;
  padding:0 0 0 29px;
  background: url(images/privacy-middle.png) repeat-y;
}
#privacy h2{float:left; margin:0px; padding:0px; width:564px; font-family: Verdana; font-size:27px; font-weight:bold; color: #000000;}
#privacy img{margin:10px 20px 0 0;float:left;}
#privacy p{float:left; margin:15px 0 5px 0; width:910px; font-family:Verdana; font-size:13px; font-weight:normal; line-height:22px; color: #000000; text-align:justify;}
#SkypeDownload {font-size: 9px;}
#menu_interior
{
    background-position: left bottom;
    float: left;
    width: 630px;
    display: block;
    background: url('images/emboss_interior.png') no-repeat left
bottom;
    padding-bottom: 14px;
}
#menu_interior li
{
    float: left;
    margin: 0px;
    padding: 0 10px 0 0;
    display: block;
}
#menu_interior li a, a.active:hover
{
    float: left;
    margin: 0px;
    display: block;
    font-family: "Trebuchet MS";
    font-weight: normal;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    padding: 0 0 0 22px;
    height: 46px;
    line-height: 42px;
    cursor: pointer;
}
#menu_interior li a.active
{
    float: left;
    margin: 0px;
    display: block;
    font-family: "Trebuchet MS";
    font-weight: normal;
    font-size: 18px;
    font-weight: normal;
    color: #1ca9eb;
    padding: 0 0 0 22px;
    height: 46px;
    line-height: 42px;
    cursor: pointer;
}
#menu_interior li a:hover, a.active
{
    float: left;
    display: block;
    background: url(images/headernavleftcurve.png) no-repeat left bottom;
    padding: 0 0 0 22px;
    height: 46px;
    color: #1ca9eb;
    cursor: pointer;
}
#menu_interior li a span, a.active:hover span
{
    float: left;
    display: block;
    padding: 0 22px 0 0;
    height: 46px;
    cursor: pointer;
}
#menu_interior li a:hover span, a.active span
{
    float: left;
    display: block;
    background: url(images/headernavrightcurve.png) no-repeat right bottom;
    padding: 0 22px 0 0;
    height: 46px;
    cursor: pointer;
}
.contacto
{
    text-align: right;
    width: 80px;
    padding-right: 15px;
}
.welcomebg
{
    float:left; 
    margin:0px; 
    padding:0 0 0 29px; 
    background:url(images/welcomemiddlebg.png) repeat-y; 
    width:601px;
}
.welcomebg h2{float:left; margin:0px; padding:0px; width:564px; font-family: Verdana; font-size:27px; font-weight:bold; color: #000000;}
.welcomebg img{margin:10px 20px 0 0;float:left;}
.welcomebg p{float:left; margin:21px 0 12px 0; width:564px; font-family:Verdana; font-size:13px; font-weight:normal; line-height:22px; color: #000000; text-align:justify;}