/* CSS Document */
/*---------------------------------------------------------------------------------------------------------------------
CSS made by:

|=============ganji====================|

|=======cell: +254 752 74 11 20========|

|=========email:jezgan@aol.com=========|

|======enquire at craftscene.net=======|

-----------------------------------------------------------------------------------------------------------------------*/


/*link styles
-----------------------------------------------------------------------------------------------------------------------*/
a {
font-weight:bold;
}
a:hover {
color:#FF0000;
font-weight:bold;
}
a.bottom {
font-size:14px;
}
a.contactbottom {
display:block;
font-weight:bold;
width:100px;
height:30px;
text-align:center;
color:white;
margin:0 auto;
padding:0px;
background:url(../img/button.jpg);
}
a.contactbottom:hover{
color:red;
}
a.thankyou:hover{
color:red;
}
a.rbutton {
display:block;
float:left;
text-align:center;
text-decoration:none;
width:200px;
height:30px;
}
a.other-links {
font-weight:bold;
text-decoration:none;
}
a.other-links:hover {
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}
/*list styles
EDIT HERE to change the list styles
------------------------------------------------------------------------------------------------------------------*/
ul.topnav {
width:970px;
height:30px;
float:left;
display:block;
margin:0px;
padding:0px;
text-align:center;
border:none;
background:url(../img/top_nav_bg.jpg);
}
ul.topnav li {
width:100px;
height:20px;
margin:10px 0px 10px 0px;
padding:0px;
display:block;
float:left;
border-right:2px solid white;
list-style-type:none;
}
ul.topnav li.first {
margin:10px 0px 10px 135px;
padding:0px;
}
ul.topnav li.last {
border-right:none;
}
ul.topnav li a {
width:100px;
height:20px;
display:block;
float:left;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
ul.topnav li a:hover {
color:#FF0000;
}
ul.social {
width:970px;
height:150px;
display:block;
float:left;
text-align:center;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
background:#5C743D;
}
ul.social li {
width:200px;
height:30px;
display:block;
float:left;
margin:0px 30px 0px 0px;
padding:0px;
list-style-type:none;
}
ul.social li.one {
margin:0px 0px 0px 150px;
}
ul.social li a {
display:block;
text-decoration:none;
}
ul.sidenav {
display:block;
float:left;
margin:0px;
padding:0px;
width:100%;
}
ul.sidenav li {
display:block;
float:left;
width:100%;
height:20px;
margin:0px;
padding:0px;
font-weight:bold;
list-style-type:none;
}
ul.sidenav li a {
display:block;
width:100%;
height:20px;
margin:0px;
padding:0px;
text-decoration:none;
text-align:center;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#5C743D;
}
ul.sidenav li a:hover {
color:#FF0000;
}
ul.alinks {
display:block;
width:740px;
margin:10px;
padding:0px;
text-align:justify;
float:left;
}
ul.alinks li {
display:block;
list-style-type:none;
width:100%;
margin:0px;
padding:0px;
float:left;
}
/*image styles
------------------------------------------------------------------------------------------------------------------------*/
img.fbook {
width:145px;
display:block;
float:left;
margin:0px 0px 0px 50px;
padding:0px;
text-decoration:none;
border:none;
}
img.gallery {
display:block;
width:222px;
height:220px;
float:left;
margin:0px;
padding:0px;
}
img.adverts {
display:block;
margin:20px 0px 0px 50px;
padding:0px;
float:left;
}
img.chire {
display:block;
width:300px;
height:200px;
float:left;
margin:10px;
padding:0px;
border:1px solid black;
}
img.timage {
display:block;
float:left;
margin:10px;
}
img.mainphoto {
float:left;
display:block;
margin:0px;
padding:0px;
}
img.links {
border:none;
}
/*paragraph styles
--------------------------------------------------------------------------------------------------------------------------*/
p {
display:block;
width:95%;
float:left;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 10px;
text-align:justify;
line-height:20px;
}
p.contacttitle {
display:block;
color:#FF0000;
font-size:26px;
width:100%;
height:50px;
text-align:center;
margin:20px 0px 0px 0px;
text-decoration:underline;
}
p.contacts {
display:block;
font-weight:bold;
font-size:16px;
width:100%;
height:50px;
text-align:center;
}
p.thankyou {
display:block;
font-weight:bold;
width:100%;
text-align:center;
font-size:18px;
margin:0px;
padding:30px 0px 0px 0px;
}
/*span styles
-------------------------------------------------------------------------------------------------------------------------------*/
span.red {
color:#FF0000;
font-size:16px;
}
/*END OF CSS DOCUMENT
-----------------------------------------------------------------------------------------------------------------------------*/