/*
CSS elaborado por Paulo Sousa
udesign.com.pt
Rua Candido Figueiredo 90 A Gab Design
email: geral.udesign.com.pt

/* --- Body --- */

body {PADDING: 0px; BACKGROUND: #000000; MARGIN: 0px; COLOR: #333333;}

/* ----- Page Layout ----- */


#siteWrapper {WIDTH: 710px; MARGIN: 20px auto 20px auto; PADDING: 0px; /*FLOAT: left;*/ BACKGROUND: url("../img/bg_content.jpg") #FFFFFF repeat-y;}

#subColumn {WIDTH: 300px; MARGIN: 0px; PADDING-BOTTOM: 20px; FLOAT: left;}

#logo {WIDTH: 300px; HEIGHT: 110px; MARGIN: 0px; PADDING: 0px; BACKGROUND: url("../img/logo.jpg") no-repeat left top;}

#mainColumn {WIDTH: 360px; MARGIN: 0px 0px 25px 0px; PADDING: 0px 25px 0px 25px; FLOAT: right;}

#photo {WIDTH: 300px; HEIGHT: 200px; MARGIN: 0px; PADDING: 0px;}

#siteInformation {WIDTH: 300px; MARGIN-TOP: 10px; PADDING-TOP: 20px;}

#footer {WIDTH: 710px; HEIGHT: 50px; MARGIN: 0px; PADDING: 0px; CLEAR: both; BACKGROUND: url("../img/bg_footer.jpg") no-repeat left top;}

/* ----- Logotipo ----- */

#logo h1 {WIDTH: 300px; HEIGHT: 110px; MARGIN: 0px; PADDING: 0px; TEXT-INDENT: -10000px; FONT-SIZE: 9px;}

#logo h1 a {WIDTH: 300px; HEIGHT: 110px; MARGIN: 0px; PADDING: 0px; DISPLAY: block; TEXT-DECORATION: none;}

h2 {font-family: Arial, Helvetica, sans-serif}

/* ----- Menu principal ----- */

#subColumn ul {PADDING: 0px; MARGIN: 0px; WIDTH: 300px; LIST-STYLE-TYPE: none; font-family: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 14px;}

#subColumn li a {WIDTH: 280px; HEIGHT: 18px; MARGIN: 0px; PADDING: 7px 10px 7px 10px; DISPLAY: block; BACKGROUND: #9999CC url("../img/menu.gif") no-repeat left 0px ; COLOR: #000000; TEXT-DECORATION: none}

#subColumn li a:hover, #subColumn li a:active {BACKGROUND-COLOR: #9999CC; BACKGROUND-POSITION: left -32px; COLOR: #FFFFFF;}

#subColumn h3 {PADDING: 15px 10px 0px 10px; MARGIN: 0px; FONT: 17px Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; COLOR: #9999FF;}

#subColumn h3 a {TEXT-TRANSFORM: lowercase; COLOR: #FFFFFF}

#subColumn p {PADDING: 0px 10px 10px 10px; MARGIN: 0px; FONT: 13px Arial, Tahoma, Verdana, sans-serif; COLOR: #FFFFFF; WIDTH: 230px}

#subColumn a {COLOR: #FFFFFF; text-decoration: underline;}

#subColumn a:hover {COLOR: #9999FF; text-decoration: none;}

/* ----- (coluna direita) ----- */

#mainColumn a {FONT-WEIGHT: bold; TEXT-DECORATION: underline; COLOR: #000000}

#mainColumn a:hover {TEXT-DECORATION: none; COLOR: #000000}

.strikeOut {TEXT-DECORATION: line-through; COLOR: #999999}

.smallPrint {font-size: 10px;}

#mainColumn h2 {MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; FONT: 24px Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; TEXT-TRANSFORM: lowercase; COLOR: #000000;}

#mainColumn .heading {MARGIN: 0px}

#mainColumn h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000;}

#mainColumn p {FONT: 13px Verdana, Tahoma, Arial, sans-serif; LINE-HEIGHT: 22px;}

#mainColumn h3 {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 24px; TEXT-TRANSFORM: lowercase; PADDING: 0px; MARGIN: 10px 0px 10px 0px;}

#mainColumn img {PADDING: 0px; BACKGROUND: #9999FF; MARGIN: 0px;}

#special {PADDING: 15px; WIDTH: 328px; BACKGROUND: #EFEFEF url(bg_special.jpg) repeat-x left top; BORDER: 1px solid #999999; MARGIN: 20px auto 20px auto; FONT-WEIGHT: bold; FONT-SIZE: 11px; LINE-HEIGHT: 20px;}

#special p {text-align: justify;}

#special h2 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #333333; line-height: 30px; letter-spacing: -1px; TEXT-TRANSFORM: none;}

#special img {BORDER: 1px solid #000000}

#special a {PADDING: 5px; BACKGROUND-COLOR: #9999FF; COLOR: #000000; TEXT-DECORATION: none}

#special a:hover {BACKGROUND-COLOR: #000000; COLOR: #FFFFFF; TEXT-DECORATION: none}

#mainColumn ul {margin: 0px 0px 0px 10px;padding: 0px;list-style-type: none;}

#mainColumn ul li {background: url("../img/list_item.gif") no-repeat 0px 50%;padding: 5px 10px 5px 22px;font: 12px Arial, Verdana, Tahoma, sans-serif;font-weight: bold;}

#mainColumn .formItem {font-family: Arial, Helvetica, sans-serif; width: 318px; padding: 4px; background-color: #FFFFFF; border: 1px solid #666666}

/* ----- Coluna esquerda ----- */

#picture {WIDTH: 300px; HEIGHT: 200px;}

#home #photo #picture {BACKGROUND: url("../img/photo_home.jpg") no-repeat center top;}

#about #photo #picture {BACKGROUND: url("../img/photo_about.jpg") no-repeat center top;}

#services #photo #picture {BACKGROUND: url("../img/photo_services.jpg") no-repeat center top;}

#portfolio #photo #picture {BACKGROUND: url("../img/photo_portfolio.jpg") no-repeat center top;}

#downloads #photo #picture {BACKGROUND: url("../img/photo_downloads.jpg") no-repeat center top;}

#contact #photo #picture {BACKGROUND: url("../img/photo_contact.jpg") no-repeat center top;}

#photo img {DISPLAY: none}

/* ----- Informção ----- */

#siteInformation p {PADDING: 10px; MARGIN: 0px; FONT: 10px Arial, Tahoma, Verdana, sans-serif; COLOR: #9999FF;}

/* ----- fundo ----- */

#footer p {margin: 10px 20px 0px 330px; FONT: 13px Verdana, Tahoma, Arial, sans-serif; color: #000000}