/*
red:  #DF2E76
blue: #217BC6
*/
* {
font-family : "Trebuchet MS", Verdana, Arial;
}
p {
margin:0;
padding:0;
}
body {
margin : 0;
padding : 0;
background-image : url("../img/cms-se-background.gif");
background-repeat : repeat-x;
background-color : #a3c3da;
color : #217bc6;
font-size : 12px;
}
a:link, a:visited {
color : #217bc6;
text-decoration : none;
font-weight : bold;
}
a:hover {
text-decoration : underline;
color : #df2e76;
}
#container {
margin : 10px;
width : 805px;
padding : 10px;
background-color : #fff;
vertical-align : top;
background-image : url(../img/cms-se-top.gif);
background-repeat : repeat-x;
border-left : 2px solid #6b98c0;
border-right : 2px solid #6b98c0;
}
.bleft {
border-left : 1px solid #217bc6;
}
#logo {
margin:0px;
padding:0px;
background-image : url(../img/se-cms-logo.gif);
background-repeat : no-repeat;
background-position : 0 -5px;
height : 75px;
width : 250px;
border-bottom : 1px solid #217bc6;
font-weight : bold;
font-size : 9px;
}
#m0 {
height : 33px;
width : 548px;
background-color : #ffffff;
border-bottom : 3px solid #df2e76;
vertical-align : bottom;
}
#m1 {
height : 30px;
width : 548px;
vertical-align : top;
}
#footer {
height : 10px;
border-top : 1px solid #217bc6;
}
#copyright {
float : left;
width : 400px;
text-align : left;
}
#footer a:link, #footer a:active, #footer a:visited {
font-weight : bold;
font-size : 10px;
color : #217bc6;
text-decoration : none;
}
#footer a:hover {
color : #df2e76;
}
#footer b {
font-size : 10px;
color : #df2e76;
}
#features {
font-weight : bold;
text-align : left;
}
.title {
border-bottom : 3px solid #df2e76;
background-position : 0 0;
background : url(../img/se-cms-bg.gif);
color : #217bc6;
font-weight : bold;
font-size : 20px;
height : 28px;
}
#stitle {
border-bottom : 1px solid #df2e76;
color : #217bc6;
font-weight : bold;
font-size : 16px;
height : 20px;
}
#head {
	height : 30px;
	width:548px;
	text-align : right;
	font-weight : bold;
	font-size : 20px;
	background-image: url(../img/se-cms-bg.gif);
}
#bg {
background : url(../img/se-cms-bg.gif);
}
#ppack {
background : url(../img/se-cms-bg.gif);
text-align : left;
font-weight : bold;
font-size : 14px;
border-bottom : 1px solid #217bc6;
}
#body {
border-top : 1px solid #217bc6;
}
/*smallbar*/
ul#smallbar {
padding-bottom : 0;
margin : 0;
}
ul#smallbar li {
padding : 0px;
display : block;
float : right;
text-indent : -9999px;
}
ul#smallbar li a {
border : 0;
display : block;
background : url(../img/se-cms-small-bar.gif) no-repeat;
}
ul#smallbar li a:hover {
border : 0;
background-image : url(../img/se-cms-small-bar-hover.gif);
}
li#personal a {
	width: 75px;
	height:25px;
	background-position: 0px 0px;
}
li#personal a:link, li#personal a:visited, li#personal a:hover{
	background-position: -350px 0px;
}
li#personal a, li#personal_sel {
width : 75px;
height : 25px;
background-image : url(../img/se-cms-small-bar-hover.gif);
background-position: -350px 0px;
}
li#blog a {
	width: 50px;
	height:25px;
	background-position: 0px 0px;
}
li#blog a:link, li#blog a:visited, li#blog a:hover{
	background-position: -425px 0px;
}
li#blog a, li#blog_sel {
width : 50px;
height : 25px;
background-image : url(../img/se-cms-small-bar-hover.gif);
background-position : -425px 0;
}
li#sitemap a {
	width: 60px;
	height:25px;
	background-position: 0px 0px;
}
li#sitemap a:link, li#sitemap a:visited, li#sitemap a:hover{
	background-position: -475px 0px;
}
li#sitemap a, li#sitemap_sel {
width : 60px;
height : 25px;
background-image : url(../img/se-cms-small-bar-hover.gif);
background-position : -475px 0;
}
/*menu*/
ul#navigation {
padding : 0;
margin : 0;
}
ul#navigation li {
padding : 0;
display : block;
float : left;
text-indent : -9999px;
}
ul#navigation li a {
border : 0;
display : block;
background : url(../img/se-cms-menu.gif) no-repeat;
}
ul#navigation li a:hover {
border : 0;
background-image : url(../img/se-cms-menu-hover.gif);
}
li#home a, li#home_sel {
width : 80px;
height : 25px;
background-position : 0 0;
}
li#home a:link, li#home a:visited, li#home a:hover {
background-position : 0 0;
}
li#home_sel {
width : 80px;
height : 25px;
background-image : url(../img/se-cms-menu-hover.gif);
background-position : 0 0;
}
li#products a {
width : 118px;
height : 25px;
background-position : 0 0;
}
li#products a:link, li#products a:visited, li#products a:hover {
background-position : -80px 0;
}
li#products_sel {
width : 118px;
height : 25px;
background-image : url(../img/se-cms-menu-hover.gif);
background-position : -80px 0;
}
li#portofolio a {
width : 126px;
height : 25px;
background-position : 0 0;
}
li#portofolio a:link, li#portofolio a:visited, li#portofolio a:hover {
background-position : -198px 0;
}
li#portofolio_sel {
width : 126px;
height : 25px;
background-image : url(../img/se-cms-menu-hover.gif);
background-position : -198px 0;
}
li#prices a {
width : 91px;
height : 25px;
background-position : 0 0;
}
li#prices a:link, li#prices a:visited, li#prices a:hover {
background-position : -324px 0;
}
li#prices_sel {
width : 91px;
height : 25px;
background-image : url(../img/se-cms-menu-hover.gif);
background-position : -324px 0;
}
li#contact a {
	width: 95px;
	height:25px;
	background-position: 0px 0px;
}
li#contact a:link, li#contact a:visited, li#contact a:hover{
	background-position: -415px 0px;
}
li#contact_sel {
	width: 95px;
	height:25px;
	background-image: url(../img/se-cms-menu-hover.gif);
	background-position: -415px 0px;
}
.cfrm {
border : 1px solid #217bc6;
font-size : 11px;
font-weight : bold;
width : 350px;
color : #217bc6;
}
.buidin {
margin-left : 195px;
width : 150px;
border-top : 1px solid #a3b3cb;
padding : 5px;
text-align : right;
}
#cms-se {
position : inherit;
padding : 0;
left : -1px;
top : 0;
margin : 1px;
height : 275px;
list-style : none;
}