/*
Theme Name: Wordpress Web Design based on FrameWork
Theme URI: http://www.dijitul.co.uk/products/wordpress-themes/framework/
Description: Framework is a HTML and CSS Valid, Accessible, Search Engine Friendly Wordpress Theme, Designed for Small Websites and or Product Websites, It's used on our own products, which are in the top5 on the first page of google.
Version: 1.0.2
Author: dijitul
Author URI: http://www.dijitul.co.uk
*/

#content ul {
	margin: 0 0 0 24px;
}

ul#headrimg {
	list-style: none;
}

ul#headrimg img {
	height: 230px;
	width: 450px;
}

/* HOMEPAGE */
#home-wrap {
	float: left;
	width: 920px;
	font-size: 12px;
	text-align: justify;
	margin: -16px 0 20px 0;
}

#home-wrap img {
	float: left;
	height: 64px;
	width: 64px;
	padding: 0 12px 10px 0;
}

#home-wrap h4 {
	font-size: 16px;
	margin: 0px 0 10px 0;
	padding: 0px;
}

#seofriendly {
	float: left;
	width: 430px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px 24px 0;
}

#priosupport {
	float: left;
	width: 430px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0 24px 0;
}

#updates {
	float: left;
	width: 430px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px 10px 0;
}

#fordesigners {
	float: left;
	width: 430px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0 10px 0;
}
/* /HOMEPAGE */


/* BUY */
#buy-tab {
	position: absolute;
	top: -9px;
	background: transparent url("images/buy-tab.png") top center no-repeat;
	width: 213px;
	height: 128px;
}

#buy-tab p{
	margin: 46px 0 -36px 22px;
	width: 174px;
	padding: 0px;
}

#buy-tab p a {
	font-size: 14px;
}
/* /BUY */



/* Non Sub Theme Related Elements */

/* SideBar */
.widget-spacer {
	margin: 0 0 24px 0;
}
/* /SideBar */




/* Twitter */
#tweets {
}
#tweets li {
	font-size:13px;
	background:url(images/twitter.png) no-repeat left ;
	padding-left:24px;
	margin-left:0px;
	margin-top:12px;
	list-style-type:none;
	height:17px;
}

#tweets .hash { color:#0066CC; } 

#tweets .reply { color:#0066CC; } 

#tweets a:link { text-decoration:none; color:#33ccff;}
#tweets a:active { text-decoration:none; color:#33ccff;}
#tweets a:hover { text-decoration:underline; color:#33ccff;}
#tweets a:visited { text-decoration:none; color:#33ccff;}
/* /Twitter */




/* PIXOPOINT Menu Support */
/* You will need to manually edit the image urls here or post your code from their CSS Generator Below */
#suckerfishnav {
    background:#464442 url(images/blue/topnav.png);
    font-size:14px;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border-top:1px solid #a7a7a7;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #a7a7a7;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 15px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:161px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:159px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:10px 10px;
    width:90px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-33px 0 0 160px;
    }
#suckerfishnav li li:hover {
    background:#fff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#333;
    }
	
	/* Main Nav Area Hover */
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#00769c;
	background: #e4f2fc url("images/blue/hover.png") top left;
	text-shadow: #fff 1px 1px 1px;
	width: auto;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	margin-left: -1px;
	margin-right: -1px;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#00769c;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#333;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#ffffff;
    }