/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(http://php.fi/themes/php2/images/body-bg.gif) top center; text-align:center;}
.top-bg{ background:url(http://php.fi/themes/php2/images/top-bg.jpg) top center no-repeat; padding-top:37px;}
.top-shadow{ background:url(http://php.fi/themes/php2/images/top-shadow.jpg) no-repeat 0 0;}
.left-shadow{ background:url(http://php.fi/themes/php2/images/left-shadow.jpg) left top no-repeat;}
.right-shadow{ background:url(http://php.fi/themes/php2/images/right-shadow.jpg) right top no-repeat; padding:30px 26px 0 27px;}
.bg{ background:#ffffff;}


img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.25em; color:#181818;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0089cb;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong{color:#0089cb;}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 10px 0 0; float:left;}
.imgindent2 {margin:0 28px 0 0; float:left;}
.extra{ margin-bottom:12px;}
.phone{ float:right; padding-right:80px;}
.phone2{ float:right; padding-right:416px;}
.space1{ margin-left:30px;}
.space2{ margin-left:20px;}
.space3{ margin-left:55px;}
.padding1{ padding-top:24px;}
.padding2{ padding-top:52px;}
.padding3{ padding-top:17px;}
.padding4{ padding-top:10px;}

/* ============================= header ====================== */
#header{ margin:0 24px 0 23px;}
#header .top{ background:url(http://php.fi/themes/php2/images/top-line.gif) no-repeat 0 0; width:100%; overflow:hidden; font-size:0.917em;}
#header .logo{ padding-top:42px;}
#header .right{ text-align:right;}
#header .small-menu{ color:#b0b0b0; padding-top:38px; margin-right:-6px;}
#header .small-menu li{ display:inline; padding-left:4px;}
#header .small-menu a{ color:#b0b0b0; text-decoration:none; margin-right:5px; display:inline-block;}
#header .small-menu a:hover{ color:#000000; text-decoration:underline;}
#header .top-text{ padding-top:9px;}
#header .top-text a{ color:#ffffff; background:#0a80bc; text-decoration:none; display:inline-block; padding:0px 6px 2px 6px; margin-left:3px;}
#header .top-text a:hover{ background:#065882;}

#header .row{ background:#000000; width:100%; overflow:hidden; margin-top:21px;}
#header .menu li{ float:left; border-left:solid 1px #ffffff;}
#header .menu .first{ border:none;}
#header .menu a{ display:inline-block; cursor:pointer; color:#fff; text-decoration:none; padding:9px 18px 9px 17px;}
#header .menu a:hover, #header .menu .active{ background:#0a80bc;}
#header .slogan{ padding:85px 0 0 530px;}

/* ============================= content ====================== */
#content{ padding:41px 24px 71px 23px;}
.text{ font-size:1.167em; line-height:1.286em;}
.text strong{ font-size:0.929em;}
.unline{ background:url(http://php.fi/themes/php2/images/line.gif) bottom repeat-x;}
.vline{ background:url(http://php.fi/themes/php2/images/line.gif) repeat-y 590px 0;}

.link{ background:url(http://php.fi/themes/php2/images/line.gif) bottom repeat-x; padding-top:28px;}
.link a{ color:#ffffff; text-decoration:none; display:inline-block; background:#0a80bc; padding:3px 8px 5px 10px; font-size:1.083em; cursor:pointer}
.link a:hover{ background:#11a8f4;}

.link1{ font-size:1.167em; display:inline-block; margin-top:25px;}

.list li{ background:url(http://php.fi/themes/php2/images/list-marker.gif) no-repeat 0 1px; padding-left:20px; padding-bottom:7px;}
.list .last{ padding-bottom:0;}
.list a{ color:#181818; text-decoration:none;}
.list a:hover{ color:#0089cb;}

/* ============================= footer ====================== */
#footer .menu{ width:100%; overflow:hidden; color:#272727; font-size:1.25em; line-height:1.2em; }
#footer .menu ul{ padding:8px 0 0 43px;}
#footer .menu li{ float:left; padding-left:10px; padding-right: 10px;}
#footer .menu a{ color:#ffffff; text-decoration:none; display:inline-block; margin-right:10px;}
#footer .menu a:hover{ color:#0089cb;}
#footer .text1{ color:#333333; padding:5px 0 0 36%; }
#footer .text1 a{ color:#333333; text-decoration:none;}
#footer .text1 a:hover{ color:#0089cb;}

/* ============================= forms ============================= */
#SearchForm{ float:right; padding:8px 7px 0 0;}
#SearchForm .input{ border:solid 0px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 5px; width:177px;}

#ContactForm label{ display:block; height:28px;}
#ContactForm input{ border:solid 1px #0089cb; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:275px;}
#ContactForm textarea{ border:solid 1px #0089cb; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:275px; height:102px; overflow:auto;}
#ContactForm .link1{ float:right; margin:23px 0 0 35px;}