/* Global layout Styles */

body {
	background: #EEEEEE url(../images/bg.gif) repeat-x;
	text-align:center;
	margin: 0px;	
}

.clear-both {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.rollover:hover {
	-moz-opacity:0.8;
	opacity:0.8;
}

a.rollover:hover {
	filter: alpha(opacity = 80);
}

#wrapper {
	background:url(../images/top-bar.jpg) no-repeat center top ;
}

#container {
	width: 920px;
	margin: 0px auto 0px auto;
	text-align: left;	
}


/* Header */


#header {
	height: 130px;
	padding: 6px 0px 0px 20px;
}

#logo {
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
	height: 25px;
	margin: 19px 0px 26px 0px;
}


/* Footer */

#footer {
	background: url(../images/footer.gif) no-repeat;
	padding: 12px 0px 50px 20px;
}


/* Menus */

#top-menu,#top-menu li, #main-menu, #main-menu li, #social-menu, #social-menu  li, #sub-menu li,#sub-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#top-menu li, #main-menu li, #social-menu li {
	display: inline;
}

#top-menu {
	text-align: right;
}

#top-menu a {
	color: #FFF;
	font-size: 0.9em;
	padding-right: 16px;
	padding-left: 12px;
}

#social-menu {
	float: right;
	width: 126px;
	padding-right: 17px;
	font-weight: bold;
	font-size: 0.9em;
	color: #555966;
	line-height: 1.5em;
}

#social-menu li{
	display: inline;
}

#social-menu a{
	display: block;
	float: right;
	width: 16px;
	height: 15px;
	text-indent: -9999px;
	margin-left: 4px;
}

#social-menu #twitter{ background: url(../images/twitter.gif) no-repeat; }
#social-menu #facebook{ background: url(../images/facebook.gif) no-repeat; }

#main-menu a {
	color: #414141;
	display: block;
	float: left;
	padding: 0px 20px 0px 15px;
	background: url(../images/nav-arrow.gif) no-repeat;
	line-height: 1.1em;
}

#main-menu a:hover {
	text-decoration: none;
	background-position:  left -12px;
	
}

.home #main-menu #main-menu-home a, 
.about #main-menu #main-menu-about a,
.news #main-menu #main-menu-news a,
.latest-projects #main-menu #main-menu-latest-projects a,
.charitable-projects #main-menu #main-menu-charitable-projects a,
.gallery #main-menu #main-menu-gallery a
{
	color: #000000;
	background: url(../images/nav-arrow.gif) no-repeat left -23px;
}



#sub-menu li{
	display: inline;
}
#sub-menu a{
	background: url(../images/sub-nav-btn.gif) no-repeat;
	display: block;
	padding: 7px 0px 7px 20px;
	margin-bottom: 5px;
	font-size: 1.05em;
}

#sub-menu a:hover {
	background-position: left -25px;
	text-decoration: none;
}

#sub-menu .active a {
	background-position: left -50px;
	color: #FFF;
}

#sub-menu li ul {
	padding: 6px 0px 6px 0px;
	display: none;
}

#sub-menu li.active ul {
	display: block;
}

#sub-menu li ul li a, #sub-menu li.active ul li a {
	background:transparent;
	color: #373b3e;
	padding: 4px 0px 2px 20px;
	font-weight: normal;
	font-size: 1em;
	margin:0;
}

#sub-menu li ul li.active a {
	font-weight: bold;
}

#sub-menu li ul li a:hover {
	text-decoration: underline;
}

#sub-menu li ul li a{
	line-height:1.2em;
}

/* Home Page Banner */

#home-banner {
	background: url(../images/hp-banner.jpg);
	height: 252px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 365px;
}

#home-banner #banner-text{
	text-align: center;
	font-size: 1.5em;
	color: #585858;
	letter-spacing: -1px;
	padding: 70px 0px 28px 0px;
	
}

#home-banner h1{
	margin: 0px 0px 0px 0px;
	font-size: 1.7em;
	letter-spacing: -1px;
	color: #0f6296;
	line-height: 1.2em;
}

#home-banner p{
	font-size: 0.9em;
	line-height:1.1em;
	
}

#home-banner #banner-menu{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#home-banner #banner-menu li{
	background: url(../images/banner-arrow.gif) no-repeat 70px 27px;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0px 20px 0px 0px;
}

#home-banner #banner-menu .title{
	background: none;
	padding: 26px 20px 26px 0px;
}

#home-banner #banner-menu a{
	display: block;
	float: left;
	padding: 26px 3px 26px 82px;
	background: #CDCDCD;
}

#home-banner #banner-menu a:hover{
	text-decoration: none;
}

#home-banner #banner-menu li a#billy{
	background: url(../images/individual-1.jpg) no-repeat;
}

#home-banner #banner-menu li a#andre{
	background: url(../images/individual-2.jpg) no-repeat;
}

#home-banner #banner-menu li a#ethan{
	background: url(../images/individual-3.jpg) no-repeat;
}


/* Content Area */

#content-top {
	margin:0px 0px 0px 0px;
	background: url(../images/hp-txt-top.gif);
	line-height: 1px;
	height: 3px;
	font-size: 1px;
}

#content {
	margin:0px 0px 0px 0px;
	padding: 8px 8px 12px 8px;
	border-left: solid #d4d4d4 1px;
	border-right: solid #d4d4d4 1px;
	background: url(../images/hp-txt-grad.gif) repeat-x ;
	line-height:1.3em;
}

#content-bottom {
	margin:0px 0px 20px 0px;
	background: #EBEBEB url(../images/hp-txt-btm.gif);
	line-height: 1px;
	height: 3px;
	font-size: 1px;
}

#content-wrapper {
	float: left;
	width: 720px;
	padding-left: 20px;
}

#sidebar {
	float: left;
	width: 160px;
	margin: 0px 0px 30px 20px;
	border-top: solid 4px #373b3e; 
	margin-top: 32px;
}

.content #content-top{
	background: url(../images/content-top-curve.gif) no-repeat;
}

.content #content {
	background: #fff url(../images/content-bg-grad.gif) repeat-x;
	padding: 40px 0px 40px 40px;
	color: #40464b;
	text-align: justify;
}

.content #content #col-1{
	font-size: 1.2em;
	line-height: 1.3em;
}

.content #content-bottom{
	background: url(../images/content-btm-curve.gif) no-repeat;
	height: 10px;
}


/* Columns */

.column { float: left; }

.three-cols #col-1 { width: 290px; padding-right: 10px;}
.three-cols #col-2 { width: 300px; padding-right: 10px;}
.three-cols #col-3 { width: 290px; }

.two-cols #col-1 { width: 360px; padding-right: 40px;}
.two-cols #col-2 { width: 260px; padding-top: 32px; }

.one-col #col-1 { width: 640px; }


/* Buttons and Titles */

.big-button, .big-title  {
	display: block;
	background: url(../images/hp-btn.gif) no-repeat;
	width: 284px;
	height: 32px;
	font-size: 1.4em;
	padding: 9px 0px 0px 10px;
	color: #373b3e;
	font-weight: bold;
	line-height: 1.3em;
}

.big-button {
	width: 300px;
	color: #20658e;
}

.big-button.red {
	background: url(../images/hp-red-btn.gif) no-repeat;
	color: #FFF;
}

.big-button:hover {
	text-decoration: none;
	background-position: left -42px;
}

.big-title {
	background: url(../images/hp-title-bg.gif) no-repeat;
}

.content .big-button {
	background: url(../images/content-btn.gif) no-repeat;
	padding: 7px 0px 11px 15px;
	width: 245px;
	line-height: 1.1em;
}

.content .big-button:hover {
	background-position: left -52px;
}

.big-button .button-text{
	display: block;
	font-size: 0.85em;
	font-weight: normal;
	color: #333;
}

/* Blog */

.blog #sidebar ul {
	margin-left: 10px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.post {
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-bottom: 4px solid #EEEEEE;
	
}


/* Misc */

.right-image {
	margin-bottom: 10px;
}

#content .red-arrow-list li {
	background: url(../images/arrow.gif) no-repeat 0px 7px;
	border-bottom: 1px dotted #174667;
	padding: 5px 0px 5px 20px;
	margin: 0px 20px 0px 10px;
}

#content .red-arrow-list li.last {
	border: none;
}

#charitable-causes-menu a{
	font-size: 1.1em;
}

#charitable-causes-menu li span {
	display: block;
	padding: 10px 0px 2px 0px;
}

#home-gallery-button {
	margin-bottom: 10px;
}

.jot-form fieldset {
	padding: 0;
	margin: 0;
}
	
.jot-list ul li b {
	font-size: 1.5em;
}
	
.jot-cfm {
	border:1px solid #72b898 !important;
	color:#72b898 !important;
}

.jot-err{
	border:1px solid #cb225d !important;
	color:#cb225d !important;
	}