*:focus { outline: 0;}
body {font-family:Arial, Helvetica, sans-serif;font-size: 11px;color: #303030;margin: 0px;padding: 0px;background-color: #202020;background-repeat:repeat-x; background-position:top;}
#container {width: 990px;margin-right: auto;margin-left: auto;}
a {color: #333;text-decoration: underline;}
a:hover {color: #333;text-decoration: none;}

form {margin: 0px;padding:0px;}
.line {height: 1px;background-color: #ddd;font-size: 1px;width: 740px;}
.line2 {height: 1px;background-color: #639AC8;font-size: 1px;width: 740px;margin-top: 3px;}

/* CONTENT - HEADER
--------------------------------------------------------------------------------------------------*/
#header {width: 100%;height: 60px;}
#header .headerWidth {width: 990px;margin: auto;}
#header .headerLeft {margin-top: 17px;float: left;background-image: url(../images/logo.png);background-position:left center;background-repeat:no-repeat;width: 185px;height: 24px;}
#header .headerLeft a {display: block;text-indent: -999px;height: 24px;width: 185px;text-decoration:none;}
#header .headerRight {padding-top: 21px;color: #5caadc;float: right;}
#header .headerRight span {padding-left: 5px;padding-right: 5px;color: #3c6791;}
#header .headerRight a {color: #fff;text-decoration:none;}
#header .headerRight a:hover {text-decoration: underline;}
#header .languages {float: left;}
#header .topMenu {float: left;}
#header .local {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;filter: alpha(opacity=60);opacity:.60;font-size: 1px;margin-right: 5px;float: left;}
#header .local:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1.0;filter: alpha(opacity=100);opacity:1.0;}
#header .local a img {vertical-align: bottom; border: solid 1px #6398e1;}
#header .local a:hover img {border-color: #434343;}
#header .local a:hover { /* wakeup IE */border-width: 0;}
#header .local_active {	font-size: 1px;	margin-right: 5px;	float: left;}
#header .local_active a img {vertical-align: bottom; border: solid 1px #679ae1;}
#header .local_active a:hover img {border-color: #679ae1;}
#header .local_active a:hover {  /* wakeup IE */border-width: 0;}

#controlpanel{color:#FFF;left:0px;z-index:10;position:absolute;display:none;overflow:hidden;}
#controlpanel #content {padding:0px;}
#controlpanel_content {width: 990px;margin: auto;height: 60px;background-color:#000;}
#controlpanel_content .title {width: 200px;padding-top: 10px;float: left;font-family: "Myriad Roman", Arial, Helvetica, sans-serif;font-size: 14px;color: #fff;text-transform:uppercase;font-weight: bold;}
#controlpanel_content .content {float: left;padding-top: 15px;margin-left: 150px;}
#controlpanel_content .close {padding-top: 10px;float: right;}
#controlpanel_content .close a {display: block;background-color:#535353;width: 50px;text-align:center;text-transform:uppercase;height: 18px;line-height: 18px;text-decoration:none;color:#fff;font-size:10px;font-weight: bold;}
#controlpanel_content .close a:hover {color:#FFF;background-color:#5caadc;}
#controlpanel_content .extLogin {border: none;width: 140px;padding: 1px;background-color: #f9f9f9;color: #000;}
#controlpanel_content .extSubmit {width: 50px;border: none;background-color: #f9f9f9;color: #000;}

#webmail{color:#FFF;left:0px;z-index:10;position:absolute;display:none;overflow:hidden;}
#webmail #content {padding:0px;}
#webmail_content {width: 990px;height: 60px;background-color: #000;margin: auto;}
#webmail_content .title {padding-top: 10px;float: left;font-family: "Myriad Roman", Arial, Helvetica, sans-serif;font-size: 14px;color: #fff;width: 200px;text-transform:uppercase;font-weight: bold;}
#webmail_content .content {float: left;padding-top: 15px;margin-left: 150px;}
#webmail_content .close {padding-top: 10px;float: right;}
#webmail_content .close a {display: block;background-color:#535353;width: 50px;text-align:center;text-transform:uppercase;height: 18px;line-height: 18px;text-decoration:none;color:#fff;font-size:10px;font-weight: bold;}
#webmail_content .close a:hover {color:#FFF;background-color:#5caadc;}
#webmail_content .extLogin {border: none;width: 140px;padding: 1px;background-color: #f9f9f9;color: #000;}
#webmail_content .extSubmit {width: 50px;border: none;background-color: #f9f9f9;color: #000;}

/* MENU - HEADER
--------------------------------------------------------------------------------------------------*/
#menu {height: 32px;}
#menu a {border-right: 1px solid #0a0a0a;padding-left: 20px;padding-right: 20px;height: 30px;line-height: 30px;color: #fff;text-decoration:none;display: block;float: left;font-family: "Lucida Grande", Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-transform:uppercase;}
#menu a:hover {color: #6398e1;}
#menu .active {color: #6398e1;}
#menu ul {margin: 0px;padding: 0px;}
#menu li li a {width: 220px;margin: 0px;padding: 0px; text-indent: 20px;color:#bdbdbd; background: #101010;border-bottom: 1px solid #202020; text-transform:none; }
#menu li li a:hover  {color:#6398e1; }
#menu li {float: left; display: block; list-style: none;}
#menu ul li a { z-index: 100; }
/*#menu ul li li .active {color: #fff}*/
#menu ul li a:hover { z-index: 100 }
#menu ul li:hover { z-index: 100 }
#menu ul li.over { z-index: 100 }
#menu ul li li { clear: left; padding: 0px; display: inline; margin: 0px; border: none;}
#menu ul li { position: relative}
#menu ul li ul {	margin: 0px; display: none; z-index: 200; left: 0px; padding: 0px; position: absolute; top: 100%;}
#menu ul li:hover ul { display: block}
#menu ul li.over ul { display: block}
#menu .homeIcon a {padding-right: 5px;height: 30px;width: 17px;background-image:url(../images/homeIcon.png);background-repeat:no-repeat;background-position:center center;}
#menu .homeIcon a:hover {background-image:url(../images/homeIcon_over.png);}

/* FOOTER
--------------------------------------------------------------------------------------------------*/
#footer {clear: both;height: 50px;line-height: 50px;color: #a9a9a9;font-family:Arial, Helvetica, sans-serif;font-size: 11px;}
#footer a {color: #a9a9a9;text-decoration:none;}
#footer a:hover {color: #fff;}
#footer .left {float: left;}
#footer .right {float: right;}
#footer .right img {margin-right: 0px;margin-left: 5px;margin-top: 15px;border: none;}

/* CRUMBPATH
--------------------------------------------------------------------------------------------------*/
#crumbpath {float: left;height: 30px;line-height: 30px;clear: both;color: #e1e1e1;font-size: 11px;text-transform: lowercase;}
#crumbpath a {color: #e1e1e1;text-decoration:none;}
#crumbpath a:hover {color: #b0b0b0;}

/* SWITCHER
--------------------------------------------------------------------------------------------------*/
#switcher{float: right;height: 25px;padding-top: 5px;}
a.switch {-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;background-color: #494949;text-decoration:none;float: left;width: 70px;text-align:center;font-size: 11px;color: #fff;height: 20px;line-height: 20px;padding: 0;margin: 0;margin-left: 3px;display: block;}
a:hover.switch {background-color: #7f7f7f;}

/* PAGE
--------------------------------------------------------------------------------------------------*/
#page {padding-top: 20px;}
.ruler {height: 1px; margin-top: 10px;margin-bottom: 10px;border-top: 1px dotted #999;}

/* HOMEPAGE
--------------------------------------------------------------------------------------------------*/
#page .flashObject {width: 990px;height: 260px;}
#page .homeLeft {margin-top: 20px;float: left;width: 410px;position: absolute;z-index: 999;color: #404040;font-size: 12px;line-height: 20px;text-align: justify;}
#page .homeLeft .title {color: #6398e1; font-size: 14px;font-weight: bold;margin-bottom: 10px;}
#page .homeLeft .homeTop {background-image:url(../images/homeTop.png); background-repeat:no-repeat; height: 2px;font-size: 1px;}
#page .homeLeft .homeMiddle {height: 496px;padding: 20px; width: 370px; background-color: #fff;}
#page .homeLeft .homeBottom {background-image:url(../images/homeBottom.png); background-repeat:no-repeat; height: 2px;font-size: 1px;}
#page .homeRight {float: right;width: 560px; margin-top: 20px;}
#page .promo {height: 110px;width: 560px; line-height: 20px; padding-top: 10px; background-image:url(../images/promo.png);margin-top: 20px;}
#page .promo a {color: #404040;font-size: 12px; font-weight: bold; text-decoration: none;}
#page .promo a:hover {color: #000;}
#page .homeRight .tags {margin-bottom: 20px;line-height: 19px;text-align:justify;padding-left: 15px;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;width: 530px;height: 100px; background-image:url(../images/tags.png);}
#page .homeRight .tags a {white-space:nowrap;color: #303030;padding-left: 2px;padding-right: 2px;text-decoration:none;font-size: 10px;}
#page .homeRight .tags a:hover {color: #679ae1;}
#page .homeRight .tags .tag01 {color: #101010;font-weight: bold;text-decoration:none;font-size: 15px;}
#page .homeRight .tags .tag02 {color: #202020;font-weight: bold;text-decoration:none;font-size: 13px;}
#page .homeRight .tags .tag03 {color: #202020;font-weight: bold;text-decoration:none;font-size: 11px;}

#page .brands .shopzonline {float: left;background-image:url(../images/logo_shopzonline.png); width: 270px;height: 120px;}
#page .brands .shopzonline div {padding-left: 15px;color: #fff;font-size: 12px;font-weight: bold;margin-top: 90px;height: 30px;line-height: 30px;}
#page .brands .isites {margin-top: 20px;float: right;background-image:url(../images/logo_isites.png); width: 270px;height: 120px;}
#page .brands .isites div {padding-left: 15px;color: #fff;font-size: 12px;font-weight: bold;margin-top: 90px;height: 30px;line-height: 30px;}
#page .brands .newsmaster {margin-top: 20px;float: left;background-image:url(../images/logo_newsmaster.png); width: 270px;height: 120px;}
#page .brands .newsmaster div {padding-left: 15px;color: #fff;font-size: 12px;font-weight: bold;margin-top: 90px;height: 30px;line-height: 30px;}
#page .brands .websitesdirect {margin-top: 20px;float: left;background-image:url(../images/logo_websitesdirect.png); width: 270px;height: 120px;}
#page .brands .websitesdirect div {padding-left: 15px;color: #fff;font-size: 12px;font-weight: bold;margin-top: 90px;height: 30px;line-height: 30px;}
#page .brands .friend2friend {float: right;background-image:url(../images/logo_friend2friend.png); width: 270px;height: 120px;}
#page .brands .friend2friend div {padding-left: 15px;color: #fff;font-size: 12px;font-weight: bold;margin-top: 90px;height: 30px;line-height: 30px;}
#page .clear {clear: both;}
#page .news {height: 223px;width: 370px;}
#page .news .newsItem {border-bottom: 1px dotted #cdcdcd;height: 60px;}
#page .news .subTitle {color: #303030;font-weight: bold;font-size: 11px;margin-top: 5px;}
#page .news .subTitle a {color: #303030;text-decoration: none;}
#page .news .content {color: #666;font-size: 11px;line-height: 14px;}
#page .news .date {font-size: 11px;background-image:url(../images/dateIcon.gif);background-repeat:no-repeat;background-position:left center;margin-top: 10px;color: #999;float: left;height: 15px;line-height: 15px;padding-left: 15px;}
#page .news .more {font-size: 11px;float: right;background-image:url(../images/moreIcon.gif);background-repeat:no-repeat;background-position:right center;margin-top: 10px;float: right;height: 15px;line-height: 15px;padding-right: 15px;}
#page .news .more a {text-decoration: none;color: #333;}
#page .news .more a:hover {color: #000;}
#page .news .blogArchive {font-size: 11px;float: right;margin-top: 10px;}
#page .news .blogArchive a {color: #888;text-decoration:none;}
#page .news .blogArchive a:hover {color: #333;}

/* CONTACT
--------------------------------------------------------------------------------------------------*/
#contact td {padding-bottom: 5px;}
#contact .contactLeft {width: 695px;float: left;font-size: 12px;}
#contact .contactRight {width: 275px;float: right;}
#contact .contactLeft .contactLeftTop {width: 695px;height: 3px; background-image:url(../images/contactLeftTop.png);}
#contact .contactLeft .contactLeftMiddle {padding-left: 20px;padding-right: 20px;padding-top: 17px;padding-bottom: 17px;width: 655px; background-color:#FFF;line-height: 20px;}
#contact .contactLeft .contactLeftBottom {width: 695px;height: 3px; background-image:url(../images/contactLeftBottom.png);}
#contact .errors {padding-top: 10px;padding-bottom: 8px;padding-left: 10px;line-height: 16px;margin-bottom: 15px;width: 655px; background-color:#c80000;color: #fff;font-size: 11px;}
#contact .contactRight .contactRightTop {width: 275px;height: 3px; background-image:url(../images/contactRightTop.png);}
#contact .contactRight .contactRightMiddle {padding-left: 20px;padding-right: 20px;padding-top: 17px;padding-bottom: 17px;width: 235px; background-color:#FFF;line-height: 20px;font-size: 12px;}
#contact .contactRight .contactRightMiddle2 {background-image:url(../images/route.gif);background-repeat:no-repeat;background-position:220px center;padding-left: 20px;padding-right: 20px;height: 27px;line-height: 27px;width: 235px; background-color:#FFF;padding-top: 5px;padding-bottom: 5px;font-size: 12px;}
#contact .contactRight .contactRightBottom {margin-bottom: 20px;width: 275px;height: 3px; background-image:url(../images/contactRightBottom.png);}
#contact .contactLeft .title {font-weight: bold;font-size: 14px;text-transform: uppercase;color: #6398e1;margin-bottom: 10px;}
#contact input, textarea, select {width: 200px;border: 1px solid #adadae;padding: 2px;font-family: "Myriad Roman", Arial, Helvetica, sans-serif;color: #333;font-size: 12px;}

/* PAGEMANAGER
--------------------------------------------------------------------------------------------------*/
#pagemanager .pagemanagerTop {background-image:url(../images/pagemanagerTop.png);background-repeat: no-repeat;font-size: 1px;height: 3px;}
#pagemanager .pagemanagerBottom {background-image:url(../images/pagemanagerBottom.png);background-repeat: no-repeat;font-size: 1px;height: 3px;}
#pagemanager .pagemanagerMiddle {font-size: 12px;color: #404040;background-color: #fff;padding: 20px;line-height: 20px;}
#pagemanager .pagemanagerMiddle .title {font-weight: bold;font-size: 14px;text-transform:uppercase;color: #6398e1;margin-bottom: 10px;}
#pagemanager ul {margin: 0px;padding-left: 15px;}

/* BLOG
--------------------------------------------------------------------------------------------------*/
#blog .blogLeft {width: 695px;float: left;font-size: 12px;}
#blog .blogRight {width: 275px;float: right;}
#blog .blogLeft .blogLeftTop {width: 695px;height: 3px; background-image:url(../images/contactLeftTop.png);}
#blog .blogLeft .blogLeftMiddle {padding-left: 20px;padding-right: 20px;padding-top: 13px;padding-bottom: 13px;width: 655px; background-color:#FFF;line-height: 20px;}
#blog .blogLeft .blogLeftBottom {margin-bottom: 20px;width: 695px;height: 3px; background-image:url(../images/contactLeftBottom.png);}
#blog .blogLeft .blogLeftMiddle .title {font-weight: bold;font-size: 14px;text-transform:uppercase;color: #6398e1;margin-bottom: 10px;}
#blog .blogRight .blogRightTop {width: 275px;height: 3px; background-image:url(../images/contactRightTop.png);}
#blog .blogRight .blogRightMiddle {padding-left: 20px;padding-right: 20px;padding-top: 17px;padding-bottom: 17px;width: 235px; background-color:#FFF;line-height: 20px;}
#blog .blogRight .blogRightBottom {margin-bottom: 20px;width: 275px;height: 3px; background-image:url(../images/contactRightBottom.png);}
#blog .blogRight .blogRightMiddle strong {color: #000;font-size: 12px;}
#blog .blogRight .blogRightMiddle input, textarea, select {width: 230px;border: 1px solid #adadae;padding: 2px;font-family: "Myriad Roman", Arial, Helvetica, sans-serif;color: #333;font-size: 11px;}
#blog .blogRight .blogRightMiddle .submitBlog {float: right;margin-top: 3px;}
#blog .blogItem strong {color: #000;font-size: 12px;}
#blog .blogItem .blogContent {padding-top: 10px;text-align:justify;}
#blog .blogInfo {padding-top: 10px;}
#blog .blogInfo .date {background-image:url(../images/dateIcon.gif);background-repeat:no-repeat;background-position:left center;margin-top: 10px;color: #999;padding-left: 15px;width: 70px;float: left;}
#blog .blogInfo .rating {float: left;height: 10px;line-height: 10px;font-size: 10px;font-weight: bold;}
#blog .blogInfo .icons {float: right;height: 10px;line-height: 10px;font-size: 10px;font-weight: bold;}
#blog .blogInfo .more {float: right;background-image:url(../images/moreIcon.gif);background-repeat:no-repeat;background-position:right center;margin-top: 10px;float: right;padding-right: 15px;}
#blog .blogInfo .more a {text-decoration: none;color: #333;}
#blog .blogInfo .more a:hover {color: #000;}
#blog .goBack {margin-top: -15px;margin-bottom: 10px;}
#blog .goBack a {color: #707070;text-decoration:none;}
#blog .goBack a:hover {color: #000;}

/* PORTFOLIO EXTRA
--------------------------------------------------------------------------------------------------*/
#portfolio_extra {}
#portfolio_extra .portfolioTop {background-image:url(../images/pagemanagerTop.png);background-repeat: no-repeat;font-size: 1px;height: 3px;}
#portfolio_extra .portfolioBottom {background-image:url(../images/pagemanagerBottom.png);background-repeat: no-repeat;font-size: 1px;height: 3px;}
#portfolio_extra .portfolioMiddle {font-size: 12px;color: #404040;background-color: #fff;padding: 20px;line-height: 20px;}
#portfolio_extra .portfolioMiddle .title {font-weight: bold;font-size: 14px;text-transform:uppercase;color: #6398e1;margin-bottom: 10px;}
#portfolio_extra #slider {position:relative;overflow:hidden;}
#portfolio_extra .inslider {float: left;position: relative;}
#portfolio_extra .inslider a {text-decoration:none;}
#portfolio_extra .imageholder {height:350px;width: 950px;overflow: hidden;position: relative;}
#portfolio_extra .imgslider {position: absolute;top: 0;z-index:1;left: 0;}
#portfolio_extra .imgslider img {float: left;}
#portfolio_extra .imagenav {position: absolute;bottom: 10px;right: 10px;height:30px;z-index: 100;padding: 5px;text-align: center;line-height: 30px;background-color: #fff; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#portfolio_extra .imagenav a {display: block;width: 30px;float: left;text-decoration: none;color: #333;}
#portfolio_extra .imagenav a.active {font-weight: bold;color: #fff;background: #6398e1;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#portfolio_extra .blackBottom {position: relative;margin-top: 200px;height: 150px; background-color:#000;z-index:4;width: 950px;margin-left: 0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;filter: alpha(opacity=30);opacity:.30;}
#portfolio_extra .portfolio_extra_info {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9;filter: alpha(opacity=90);opacity:.90;background-color: #fff;-moz-border-radius: 3px;width: 280px;font-size: 11px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;padding: 10px;height: 110px;position:absolute;z-index:10;margin-top: 210px;margin-left: 222px;}
#portfolio_extra .portfolio_extra_logo {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9;filter: alpha(opacity=90);opacity:.90;padding: 10px;background-color: #fff;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;height: 110px;width: 182px;position:absolute;z-index:10;margin-top: 210px;margin-left: 10px;}
#portfolio_extra .portfolio_extra_info2 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9;filter: alpha(opacity=90);opacity:.90;background-color: #fff;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;padding-left: 10px;padding-right: 10px;height: 40px;line-height: 40px;position:absolute;z-index:10;margin-top: 300px;margin-left: 10px;font-weight: bold;font-size: 14px;text-transform:uppercase;color: #6398e1;}
#portfolio_extra .blackBottom2 {position: relative;margin-top: 290px;height: 60px; background-color:#000;z-index:4;width: 950px;margin-left: 0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;filter: alpha(opacity=30);opacity:.30;}

/* PORTFOLIO
--------------------------------------------------------------------------------------------------*/
#portfolio .portfolioTop {background-image:url(../images/pagemanagerTop.png);background-repeat: no-repeat;font-size: 1px;height: 3px;}
#portfolio .portfolioBottom {background-image:url(../images/pagemanagerBottom.png);background-repeat: no-repeat;font-size: 1px;height: 3px;}
#portfolio .portfolioMiddle {font-size: 12px;background-image:url(../images/pagemanagerMiddle.png);background-repeat: repeat-x;background-position:bottom;background-color: #fff;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;line-height: 20px;}
#portfolio .portfolioMiddle .title {font-weight: bold;font-size: 14px;text-transform:uppercase;color: #6398e1;}
#portfolio .content_block {float: left;margin-right: 10px;margin-bottom: 10px;}

#portfolio #slider {position:relative;overflow:hidden;}
#portfolio .inslider {float: left;position: relative;}
#portfolio .inslider a {text-decoration:none;}
#portfolio .imageholder {height:350px;width: 950px;overflow: hidden;position: relative;}
#portfolio .imgslider {position: absolute;top: 0;z-index:1;left: 0;}
#portfolio .imgslider img {float: left;}
#portfolio .imagenav {position: absolute;bottom: 10px;right: 10px;height:30px;z-index: 100;padding: 5px;text-align: center;line-height: 30px;background-color: #fff;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#portfolio .imagenav a {display: block;width: 30px;float: left;text-decoration: none;color: #333;}
#portfolio .imagenav a.active {font-weight: bold;color: #fff;background: #6398e1;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}


#portfolio .portfolio_extra_info2 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9;filter: alpha(opacity=90);opacity:.90;background-color: #fff;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;padding-left: 10px;padding-right: 10px;height: 40px;line-height: 40px;position:absolute;z-index:10;margin-top: 437px;margin-left: 10px;font-weight: bold;font-size: 14px;text-transform:uppercase;color: #6398e1;}
#portfolio .blackBottom2 {position: relative;margin-top: 290px;height: 60px; background-color:#000;z-index:4;width: 950px;margin-left: 0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;filter: alpha(opacity=30);opacity:.30;}

#portfolio .portfolioSmall {float: left;width: 316px;}
#portfolio .portfolioSmall .portfolioSmallTop {width: 316px;height: 3px;background-image:url(../images/portfolioSmallTop.png);}
#portfolio .portfolioSmall .portfolioSmallBottom {width: 316px;height: 3px;background-image:url(../images/portfolioSmallBottom.png);}
#portfolio .portfolioSmall .portfolioSmallMiddle {height: 185px;width: 316px;background-color: #fff;}

#portfolio .portfolio_extra_logo {-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;margin-left: 67px;padding-top: 7px;padding-bottom: 10px;}
#portfolio .portfolio_extra_info {font-size: 11px;line-height: 16px;margin-left: 20px;}

#portfolio .other {padding-left: 20px;padding-right: 20px;padding-top: 12px;line-height: 20px;}
#portfolio .other strong{font-size: 12px;}
#portfolio .keywords {padding-left: 20px;padding-right: 20px;padding-top: 12px;line-height: 20px;}
#portfolio .keywords strong{font-size: 12px;}

/* PORTFOLIO PROJECTS
--------------------------------------------------------------------------------------------------*/

.keywords h1, .keywords h2, .keywords h3, .keywords h4, .keywords h5, .keywords h6 {display: inline; white-space:nowrap;line-height: 45px;}
.keywords .selected { color: #000; background-color: #CCCCCC;}
.keywords h1 { font-size: 32px; color: #000000}
.keywords h2 { font-size: 26px; color: #333333}
.keywords h3 { font-size: 20px; color: #666666}
.keywords h4 { font-size: 16px; color: #999999}
.keywords h5 { font-size: 12px; color: #CCCCCC}
.keywords h6 { font-size: 10px; }

#projects .keywords {margin-top: 50px;text-align:center;}
#projects .keywords a {color: #c5c5c5;text-decoration: none;padding: 5px;font-weight: bold;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#projects .keywords a:hover {background-color: #6398e1;color: #fff;font-weight: bold;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#projects .keywords .selected {background-color: #6398e1;color: #fff;font-weight: bold;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}

#projects a.switch_alfabetic {float: left;width: 26px;height: 26px;line-height: 26px;padding: 0;margin: 0;margin-right: 3px;display: block;background: url(../images/switchAlfabetic.gif) no-repeat;outline: none;text-indent: -9999px;}
#projects a:hover.switch_alfabetic {filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
#projects a.switch_projects {float: left;width: 66px;height: 26px;line-height: 26px;padding: 0;margin: 0;display: block;background: url(../images/projects.gif) no-repeat;outline: none;text-indent: -9999px;}
#projects a:hover.switch_projects {filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
#projects a.switch_logos {float: left;width: 54px;height: 26px;line-height: 26px;padding: 0;margin: 0;margin-right: 3px;display: block;background: url(../images/logos.gif) no-repeat;outline: none;text-indent: -9999px;}
#projects a:hover.switch_logos {filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}


#projects .projectsLeft {width: 695px;float: left;font-size: 12px;}
#projects .projectsLeft .projectsLeftTop {width: 695px;height: 3px; background-image:url(../images/contactLeftTop.png);}
#projects .projectsLeft .projectsLeftMiddle {padding-left: 20px;padding-right: 20px;padding-top: 17px;padding-bottom: 17px;width: 655px; background-color:#FFF;line-height: 20px;}
#projects .projectsLeft .projectsLeftBottom {width: 695px;height: 3px; background-image:url(../images/contactLeftBottom.png);}
#projects .projectsLeft .title {font-weight: bold;font-size: 14px;text-transform: uppercase;color: #6398e1;margin-bottom: 10px;}
#projects .projectsRight {width: 275px;float: right;}
#projects .projectsRight .projectsRightTop {width: 275px;height: 3px; background-image:url(../images/contactRightTop.png);}
#projects .projectsRight .projectsRightMiddle {padding-left: 20px;padding-right: 20px;padding-top: 17px;padding-bottom: 17px;width: 235px; background-color:#FFF;line-height: 20px;font-size: 12px;}
#projects .projectsRight .projectsRightBottom {width: 275px;height: 3px; background-image:url(../images/contactRightBottom.png);}
#projects .projectsRight .title {font-size: 13px;font-weight: bold;color: #333;margin-bottom: 10px;line-height: 12px;}

#projects .keywordProjectItem {font-size: 12px; color: #333;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;width: 225px;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;padding-right: 5px;margin-bottom: 10px;background-color: #d5d5d5
}
#projects .keywordImage {height: 55px;text-align: center;width: 215px;padding: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;background-color: #fff;}
#projects .keywordTxt {margin-top: 5px;padding-left: 5px;padding-right: 5px;width: 215px;font-size: 10px; background-color: #fff;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;line-height: 16px;}

#projects .keywordTxt .keyTitle {padding-top: 5px;font-weight: bold;font-size: 11px;}
#projects .keywordTxt .keyTitle a {color: #6398e1;text-decoration: none}
#projects .keywordTxt .keyTitle a:hover {color: #333;text-decoration: none}
#projects .keywordTxt .keyTxt {font-size: 11px;color: #404040;}

#projects .pageNav a {display: block;width: 20px;font-weight: bold;height: 20px;line-height: 20px;text-align: center;float: left;text-decoration: none;color: #333;border: 1px solid #d5d5d5;margin-right: 4px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
#projects .pageNav a:hover {border: 1px solid #333;}
#projects .pageNav a.active {font-weight: bold;color: #fff;background: #6398e1;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #6398e1;}


/* PORTFOLIO ALPHABETIC
--------------------------------------------------------------------------------------------------*/
#portfolio #alfabetic {clear: both;padding-top: 10px;}
#portfolio #alfabetic a {font-size: 12px; color: #333;float: left; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;width: 208px;line-height: 16px;text-decoration: none;height: 34px;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;padding-right: 10px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #d5d5d5}
#portfolio #alfabetic a:hover {background-color: #6398e1;color: #fff;}