/*
Connect'ed Cape Town
Site by: World Wide Creative
URL: http://www.worldwidecreative.co.za

Default CSS file
*/

@import url('reset.css');
@import url('text.css');
@import url('forms.css');

body{
	width: 960px;
	margin: 30px auto 0;
	color: #636363;
	font-size: 12px;
}

h3{
	color: #F89F3D;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 20px;
}
h4{
	font-size: 14px !important;
	font-weight: bold;
	line-height: 18px;
}
small {
	font-size: 80%;
}

/*p{
	color: #636363;
	font-size: 12px;
}*/

li{
	color: #636363;
}

img.left, .left{
	float: left;
	margin: 0 10px 5px 0;
}

img.right, .right{
	float: right;
	margin: 0 0 5px 10px;
}

.clear {
	clear: both;
}

#header{
	height: 150px;
}

#banner{
	margin: 5px 0;
}

#footer{
	height: 20px;
	clear: both;
	border: 1px solid #C8C7C8;
	color: #939598;
	font-size: 10px;
	padding: 5px 5px 0px;
	margin-bottom: 20px;
}

/* header */
#top-left{
	width: 500px;
	float: left;
}

#top-right{
	width: 400px;
	float: right;
	position: relative;
}

#sponsor{
	position: absolute;
	float: right;
	bottom: 0px;
	width: 190px;
	
}

/* navbar */
#navbar ul{
	overflow: hidden;
	margin-top: 20px;
}

#navbar li{
	display: inline;
	list-style-type: none;
}

#navbar li a{
	height: 23px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#navbar li.nav-home a{
	background: url(../images/nav-home.gif) no-repeat;
	width: 58px;
}

#navbar li.nav-about a{
	background: url(../images/nav-about.gif) no-repeat;
	width: 65px;
}

#navbar li.nav-partners a{
	background: url(../images/nav-partners.gif) no-repeat;
	width: 83px;
}

#navbar li.nav-case-studies a{
	background: url(../images/nav-case-studies.gif) no-repeat;
	width: 115px;
}

#navbar li.nav-news a{
	background: url(../images/nav-news.gif) no-repeat;
	width: 61px;
}

#navbar li.nav-contact a{
	background: url(../images/nav-contact.gif) no-repeat;
	width: 79px;
}

/* homepage blocks */
.block-home{
	float: left;
	height: 119px;
	padding: 9px 0 0 155px;
	width: 155px;
	color: #636363;
	margin-top: 10px !important;
}

.block-home p{
	font-size: 10px;
}

.block{
	width: 310px;
	height: 128px;
	margin-top: 20px;
}

.block p{
	font-size: 10px;
	/*padding-top: 10px;*/
	margin: 0 0 0 170px;
	width: 135px;
	
}

.block-click-here{
	float: right;
	margin-right: 18px;
	
}

/* IE7 Hack */
*:first-child+html .block-click-here{
	margin-top: 0px;
}

.apply{
	background: url(../images/block-apply.gif) no-repeat;
}

.events{
	background: url(../images/block-events.gif) no-repeat;
}

.find{
	background: url(../images/block-find.gif) no-repeat;
}

/* content */

#content{
	width: 635px;
	float: left;
}

.column-2{
	width: 635px;
	overflow: hidden;
}

.column{
	width: 310px;
	float: left;
}

.col-margin{
	margin: 0 15px 0 0;
}

.block-margin{
	margin: 0 15px;
}

.line{
	border-bottom: 2px solid #F89F3D;
	margin: 3px 0;
}

.line.grey{
	border-bottom: 1px solid #C8C7C7;
	margin: 10px 0;
}

.highlight {
	float: left;
	list-style:none;
	margin: 0 0 10px;
	padding:10px;
	background:#F2F2F2;
	border:1px solid #C8C7C7;
}

.col-line{
	border-bottom: 2px solid #F89F3D;
	margin: 3px 0;
	width: 310px;
	*margin-top: -13px;
}

p.first, span.orange, .first p{
	color: #F89F3D !important;
}

h3 a{
	color: #F89F3D !important;
	text-decoration: none;
}

h3 a:hover, .pagination a:hover{
	text-decoration: none;
}

.read-more, .pagination{
	text-align: right;
}

.read-more{
	display: block;
	margin: -5px 10px 15px 0;
}

.pagination{
	color: #F89F3D;
}

.pagination a{
	color: #636363;
}

.breadcrumbs{
	color: #F89F3D;
	font-size: 12px;
	margin-bottom: 5px;
}

.directory-column {
	float: left;
	width: 300px;
}

.directory {
	float: left;
	width: 100%;
}

.directory h3 {
	font-size: 14px !important;
}

.directory span{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.directory li, #content li{
	list-style: none;
	background: url(../images/grey-arrow.gif) no-repeat 0 5px;
	margin-left: 0px;
	padding-left: 10px;
}

.directory li a, #content li a, #content a{
	color: #636363;
	text-decoration: underline;
}

.directory li a:hover, #content li a:hover, #content a:hover{
	text-decoration: none;
}
ul.preffered{
	list-style:none;
	margin: 0px 20px 10px 0px;
	padding:10px;
	background:#F2F2F2;
	border:1px solid #C8C7C7;
}
ul.preffered li{
	background: none !important;
}
.related{
	width: 290px;
	float: left;
	margin-right: 20px;
}

ul.space-left{
	width: 250px;
	float: left;	
}

h3.partner-heading{
	margin-left: 158px;
}

.image-wrap{
	float: left;
	width: 300px;
	margin-right: 10px;
}

/* Business listing */
.business-logo {
	margin: 25px 0;
	clear: both;
}
.business-info {
	clear: both;
}
.indent {
	margin-left: 25px;
}

/* Sidebar */

#sidebar{
	float: right;
	width: 310px;
}

.subscribe{
	margin-bottom: 10px;
}

#upcoming{
	width: 290px;
	background: url(../images/bg-upcoming.gif) no-repeat;
	margin: 10px 0;
	padding: 70px 10px 0;
	
}

#upcoming li{
	color: #000;
	font-size: 12px;
	list-style: none;
	background: url(../images/black-arrow-li.gif) no-repeat 0 5px;
	margin-left: 0px;
	padding-left: 14px;
}

#upcoming span{
	display: block;
}

.block-big{
	background: url(../images/bg-grey.gif) no-repeat;
	width: 310px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
/* Events calendar */
table#events{
	width: 620px;
}

#events caption{
	color: #F89F3D;
	font-size: 16px;
	
}

table#events td ul li {
	list-style: none !important;
}

table#events td ul li {
	list-style: none !important;
}

span.month{
	font-size: 35px;
}

caption a{
	text-decoration: none !important;
	color: #F89F3D !important;
}

caption a:hover{
	text-decoration: none !important;
}

table#events td{
	border: 1px solid #F89F3D;
	width: 90px;
}

table#events thead{
	background-color: #E4E5E5;
	font-size: 16px;
	color: #F89F3D;
	height: 27px;
	border-top: 1px solid #F89F3D;
	border-right: 1px solid #F89F3D;
	border-left: 1px solid #F89F3D;
}

table#events thead tr td{
	padding: 5px 0 0 5px;
	border: 0px none !important;
}

table#events tbody tr td{
	height: 90px;
	background-color: #F89F3D;
	color: #fff;
	border: 1px solid #ffffff !important;
	font-size: 10px;
	padding: 2px;
	vertical-align: top;
}

table#events td.currentday{
	background-color: #fff !important;
}

table#events td.inactive{
	background-color: #E4E5E5 !important;
	border: 1px solid #F89F3D !important;	
}

table#events td .date{
	font-size: 14px;
	text-align: right;
}

table#events td.currentday .date{
	font-size: 25px;
	color: #F89F3D;
}

table#events td ul{
	margin-left: 14px;
}

table#events td li{
	background: none !important;
	list-style-type: disc !important; 
	padding: 0 !important;
	color: #fff;
}

table#events td a{
	color: #fff !important;
	text-decoration: none !important;
}

table#events td ul a:hover{
	color: #E4E5E5 !important;
}

/* links */

.breadcrumbs a{
	color: #F89F3D;
	text-decoration: none;
}

/* email */
body.email {
	width: 600px;
/*	overflow: hidden;*/
}

.email a{
	color: #F89F3D;
}
.email a:hover{
	color: #F89F3D;
	text-decoration: none;
}

.email table tr {
	border-bottom: 1px solid #f2f2f2;
}

.email table td {
	padding: 5px;
}

#footer a{
	color: #939598;
	text-decoration: none;
}

#footer a:hover, .breadcrumbs a:hover{
	text-decoration: underline;
}

#footer-ad{
	width: 630px;
	margin: 10px 0 10px 0;
	float: left;
}

/* footer */
#bottom-left{
	float: left;
}

#bottom-right{
	float: right;
}

.language_ht {

	display:none;
	
}