@import "twist-reset.css";

html{
	width: 100%;
	margin-bottom: 1px;
	height: 100%;
}


/* BODY
----------------------------------------------- */

body {
	font-size: 12px;
	background-color: #FFBB00;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #e4a900;
	height: 100%;
}

.clear{
	clear: both;	
}

.larger{
	font-size: 16px;
	font-weight: bold;
}
.larger-normal{
	font-size: 16px;
	font-weight: normal;
}
.flickr-blue{
	color: #005cd7;
}
.flickr-pink{
	color: #ff0083;
}
.white{
	color: #fff;
}
.mustard{
	color: #FFBB00;
}
.light-grey{
	color: #ccc;
}
.dark-grey{
	color: #666666;
}

#project-feed a {
	display: block;
	color: #FFBB00;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-color: #5d432f;
	width: 70px;
	float: right;
	background-image: url(../media/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin: 0px;
}
#project-feed a:hover{
	display: block;
	color: #FFBB00;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-color: #383838;
	width: 70px;
	float: right;
	background-image: url(../media/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}
.blog-feed a{
	display: inline;
	color: #ffbb00;
	background-color: #5d432f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-image: url(../media/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.blog-feed a:hover{
	display: inline;
	color: #5d432f;
	background-color: #ffbb00;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.input-box{
	color: #000000;
	background-color: #e5e5e5;
	background-image: url(../media/input-grad.gif);
	background-repeat: repeat-x;
	font-size: 13px;
}

acronym{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	color: #666666;
}


#signupOpener
{
	margin: 0px;
	padding: 0px;
}

#signupOuter{
	width: 100%;
	background-color: #4a5e81;
	margin: 0px;
	background-image: url(../media/login-tile.gif);
	background-repeat: repeat-x;
	padding: 0px;
}

#signupArea{
	width: 875px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 13px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 94px;
}

#signupArea p{
	font-size: 18px;
	color: #FFBB00;
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
	padding-top: 4px;
}

#signupArea fieldset{
	float: right;
	margin-top: 4px;
}

#signupArea input{
	margin-right: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/* HEADER
----------------------------------------------- */

#header {
	width: 875px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	height: 127px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
}
#design-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
	background-image: url(../media/design-title.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 82px;
}
#develop-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
	background-image: url(../media/develop-title.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 98px;
}
#promote-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
	background-image: url(../media/promote-title.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 102px;
}
#projects-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
	background-image: url(../media/projects-title.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 100px;
}
#analysis-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
	background-image: url(../media/website-analysis-title.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 384px;
}

/* SERVICES
----------------------------------------------- */

#services {
	width: 875px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding: 0px;
	height: 371px;
	margin-top: 0px;
}
#services h2 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
}

#content {
	width: 875px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFBB00;
	background-image: url(../media/container-tile.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#content h2, #content h3 {
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 22px;
	font-weight: bold;
	letter-spacing: -1px;
}

/* BRANDING
----------------------------------------------- */

#twist-systems {
	background-image: url(../media/twist-systems-logo.gif);
	background-repeat: no-repeat;
	height: 107px;
	width: 178px;
	padding: 0px;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#trigger-button
{
	padding: 0px;
	height: 23px;
	width: 73px;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../media/login-btn.gif);
	background-repeat: no-repeat;
}

/* TOP NAV
----------------------------------------------- */

#top-nav {
	padding: 0px;
	height: 32px;
	float: right;
	margin-top: 66px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: right;
}
#top-nav ul {
	padding: 0px;
	margin: 0px;
}
#top-nav li {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}
#top-nav li a {
	color: #333333;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	background-image: url(../media/top-btn.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 98px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
	background-position: 0px 0px;
}
#top-nav li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	background-image: url(../media/top-btn.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 98px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
	background-position: 0px -32px;
}
#top-nav .on {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	background-image: url(../media/top-btn.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 98px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
	background-position: 0px -32px;
}

/* SUB NAV
----------------------------------------------- */

#sub-nav {
	padding: 0px;
	height: 69px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #404040;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffebb3;
	border-left-color: #ffebb3;
	width: 494px;
	position: absolute;
	top: 457px;
	background-image: url(../media/nav-tile-ddp.gif);
	background-repeat: repeat-y;
}
#sub-nav ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
#sub-nav span {
	text-indent: -9999px;
	display: block;	
}
#sub-nav li {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	font-size: 12px;
	padding: 0px;
	line-height: 30px;
}

#design-sub a {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/design-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	display: block;
	background-position: 0px 0px;
}


#develop-sub a {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/develop-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	display: block;
	background-position: 0px 0px;
}
#promote-sub a {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/promote-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	display: block;
	background-position: 0px 0px;
}
#projects-sub a {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/projects-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	display: block;
	background-position: 0px 0px;
}
#hire-sub a {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/hire-us-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	display: block;
	background-position: 0px 0px;
}

#design-sub a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/design-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -29px;
}
#develop-sub a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/develop-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -29px;
}
#promote-sub a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/promote-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -29px;
}
#projects-sub a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/projects-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -29px;
}
#hire-sub a:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/hire-us-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -29px;
}
#design-sub {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/design-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -58px;
	}
#develop-sub {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/develop-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -58px;
}
#promote-sub {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/promote-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -58px;
}
#projects-sub {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/projects-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -58px;
}
#hire-sub {
	margin:0;
	padding:0;
	text-decoration:none;
	background-image: url(../media/hire-us-subnav.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 29px;
	background-position: 0px -58px;
}

/* LEFT CONTENT
----------------------------------------------- */
#left-strip {
	width: 570px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
}

#left-strip-inside {
	width: 495px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 0px;
}
#left-strip-inside h2{
	font-weight: bold;
	color: #FB0;
	padding-bottom: 30px;
	padding-top: 50px;
	font-size: 26px;
}
#left-strip-inside strong{
	font-weight: bold;
}
#left-strip-inside em{
	color: #CCCCCC;
}

#left-strip-inside a{
	color: #00c6ff;
}
#left-strip-inside p{
	line-height: 22px;
	padding-right: 40px;
	padding-bottom: 10px;
}
#left-strip-inside .larger{
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
}
#left-strip-inside dl{
	margin-top: 10px;
}
#left-strip-inside dt{
	font-size: 16px;
	color: #FFBB00;
	padding-bottom: 8px;
	font-weight: bold;
}
 #left-strip-inside acronym{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	color: #ccc;
}
#sub-list{
	

}
#sub-list ul{
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#sub-list li{
	font-weight: normal;
	color: #fed668;
	margin: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 27px;
	line-height: 16px;
	background-image: url(../media/bullets-left-strip.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

#left-content {
	width: 570px;
	padding: 0px;
	float: left;
	margin: 0px;
	color: #333333;
}

p a {
	color: #0072ff;
}

#left-content p{
	line-height: 20px;
	padding-bottom: 15px;
}

.logo-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;	
}


#left-content dt{
	font-size: 15px;
	color: #666666;
	padding-bottom: 5px;
	font-weight: bold;
	padding-top: 0px;
}
#left-content dl{
	margin: 0px;
	padding: 0px;
}
#left-content ul{
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

#left-content li{
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 25px;
	line-height: 16px;
	background-image: url(../media/content-bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
}

#left-content strong{
	font-weight: bold;
	color: #000000;
}

#left-content em{
	color: #eeeeee;
	background-color: #006699;
	font-style: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 13px;
	font-weight: bold;
}

#left-content hr{
	margin-top: 10px;
	margin-bottom: 20px;
}

#left-content p a{
	color: #0072ff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: 54a0fe;
}

#left-content p a:hover{
	color: #0072ff;
	text-decoration: none;
	border-bottom-style: none;
}

#design {
	width: 265px;
	font-size: 12px;
	margin: 0px;
	left: 0px;
	float: left;
	clear: left;
	padding-top: 253px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../rotate-design/rotate.php);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
#design p{
	color: #FFFFFF;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}
#design img{
	margin-top: -4px;
	margin-right: 105px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: right;
	clear: right;
}
#develop {
	width: 265px;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	background-image: url(../media/develop.jpg);
	background-repeat: no-repeat;
	padding-top: 253px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: 0px 20px;
	float: right;
}
#develop p{
	color: #FFFFFF;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}
#develop img{
	margin-top: -4px;
	margin-right: 95px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: right;
	clear: right;
}

/* WORK LIST
----------------------------------------------- */

#work-list ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

#work-list li {
	background-color: #fec31f;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-size: 13px;
	color: #333333;
	padding: 0px;
	list-style-type: none;
	background-image: none;
}
#work-list  li  a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	min-height:120px;
	height:auto !important;
	height:120px;
	font-size: 13px;
	background-image: url(../media/zoom-btn-off.gif);
	background-repeat: no-repeat;
	background-position: 180px 97px;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-image: none;
}

 * html #work-list li a {  /* make hover effect work in IE */
	list-style-type: none;
	list-style-image: none;
	background-image: none;
}
#work-list  li  a:hover  {
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	min-height:120px;
	height:auto !important;
	height:120px;
	background-color: #ffd45c;
	background-image: url(../media/zoom-btn-on.gif);
	background-repeat: no-repeat;
	background-position: 180px 97px;
	list-style-type: none;
}
#work-list img{
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 5px solid #eeeeee;
	clear: both;
}
#work-list a em {
	color: #333333;
	display: block;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	background-color: transparent;
	font-size: 12px;
}
#work-list a:hover em {
	display: block;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	background-color: transparent;
}
#work-list a strong {
	font-style: normal;
	margin: 0px;
	line-height: normal;
	font-weight: bold;
	padding: 0px;
}
#work-list .tags {
	color: #453623;
	font-size: 11px;
}
/* RIGHT CONTENT
----------------------------------------------- */
#right-strip {
	width: 305px;
	margin: 0px;
	float: right;
	padding: 0px;
	clear: right;
}
#right-strip-inside {
	width: 380px;
	margin: 0px;
	float: right;
	clear: right;
	padding-top: 41px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#right-content {
	width: 305px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 14px;
	display: inline;
}

#right-content p{
}
#right-content .paragraph-inside{
	padding-right: 10px;
	padding-left: 30px;
	color: #999999;
	padding-top: 10px;
	padding-bottom: 0px;
}

#right-content h3 {
	font-size: 24px;
	margin: 0px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 22px;
	padding-left: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	background-color: #FFBB00;
}
#right-content h4 {
	font-size: 18px;
	margin: 0px;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	clear: both;
}
#right-content .hire-us {
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
#costing {
	
}
#costing hr{
	color:#666666;
	background:#666666;
	height:1px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#costing strong{
	color: #ffffff;
	font-weight: bold;
}
#costing p{
	padding-bottom: 5px;
}

blockquote{
	color: #d2c6a4;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(../media/quotes-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
}

blockquote p{
	padding-bottom: 0px;
	line-height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

blockquote img{
	float: right;
	margin-bottom: 5px;
	margin-left: 8px;
}

blockquote strong{
	color: #CCCCCC;
	font-weight: bold;
}
blockquote em{
	color: #999999;
	font-style: normal;
}
blockquote a{
	color: #009cff;
}
#promote {
	width: 265px;
	color: #FFFFFF;
	font-size: 12px;
	float: right;
	padding-top: 253px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../media/promote.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#promote p{
	color: #FFFFFF;
	line-height: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}
#promote img{
	margin-top: -4px;
	margin-right: 72px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: right;
	clear: right;
}
/* BLOG LIST
----------------------------------------------- */
#blog-list  {
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
} 

#blog-list ul {
	padding: 0px;
	margin: 0px;
} 

#blog-list li {
	background-color: #383838;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 30px;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.richard a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../media/richard-avatar.gif);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

 * html .richard a {  /* make hover effect work in IE */
}

.richard a:hover {
	margin: 0px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	background-color: #555454;
	background-image: url(../media/richard-avatar.gif);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

.sheridan a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../media/sheridan-avatar.gif);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

 * html .sheridan a {  /* make hover effect work in IE */
}

.sheridan a:hover {
	margin: 0px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	background-color: #555454;
	background-image: url(../media/sheridan-avatar.gif);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

#blog-list a em {
	color: #999999;
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	font-size: 11px;
}
#blog-list a strong {
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#blog-list .post-by {
	color: #ffbb00;
	font-weight: bold;	
}
#blog-archive{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 0px;
	font-size: 14px;
}

#blog-archive ul{
	margin: 0px;
	padding: 0px;
}

#blog-archive li{
	margin-bottom: 1px;
	background-color: #3e3d39;
}
#blog-archive li a{
	margin: 0px;
	padding-right: 10px;
	padding-left: 28px;
	background-color: #3e3d39;
	color: #d2c6a4;
	text-decoration: none;
	background-image: url(../media/blog-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}
#blog-archive li a:hover{
	margin: 0px;
	padding-right: 10px;
	padding-left: 28px;
	background-color: #5c584e;
	color: #ffbb00;
	text-decoration: none;
	background-image: url(../media/blog-bullet-roll.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}
#blog-archive .on-blog{
	margin: 0px;
	padding-right: 10px;
	padding-left: 28px;
	background-color: #5c584e;
	color: #ffbb00;
	text-decoration: none;
	background-image: url(../media/blog-bullet-roll.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}
#right-nav, .right-nav {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding: 0px;
	font-size: 14px;
}

#right-nav ul, .right-nav  ul{
	margin: 0px;
	padding: 0px;
}

#right-nav li, .right-nav li{
	margin-bottom: 1px;
	background-color: #3e3d39;
}
#right-nav li a, .right-nav li a{
	margin: 0px;
	padding-right: 10px;
	padding-left: 44px;
	background-color: #3e3d39;
	color: #d2c6a4;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 11px;
	display: block;
	background-image: url(../media/nav-right-off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#right-nav li a:hover, .right-nav li a:hover{
	margin: 0px;
	padding-right: 10px;
	background-color: #5c584e;
	color: #d2c6a4;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 11px;
	display: block;
	background-image: url(../media/nav-right-on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#right-nav .selected, .right-nav .on-right{
	margin: 0px;
	padding-right: 10px;
	padding-left: 30px;
	background-color: #5c584e;
	color: #ffbb00;
	text-decoration: none;
	padding-top: 11px;
	padding-bottom: 11px;
	display: block;
	background-image: url(../media/nav-right-on.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.highlight-box{
	background-color: #fec31f;
	border: 1px solid #fee03a;
	margin-top: 10px;
	padding-top: 10px;
	color: #666666;
}
.highlight-box a{
	color: #0072ff;
}

.highlight-box h3{
	padding-left: 10px;
	color: #292929;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}
#hire-us{
	background-color: #fee7a6;
	border: 5px solid #fec939;
	margin-top: 20px;
	color: #292929;
	font-size: 12px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#hire-us h3{
	padding-left: 0px;
	color: #292929;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	letter-spacing: -1px;
}
#hire-us a{
	color: #0072ff;
}
#hire-us dt{
	color: #000000;
	margin-top: 10px;
	font-weight: bold;
	font-size: 13px;
}
#hire-us ul{
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#hire-us li{
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 25px;
	line-height: 16px;
	background-image: url(../media/bullet-hire-us.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}
#hire-us em{
	color: #333333;
	background-color: #FDBB00;
	font-style: normal;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-size: 13px;
	font-weight: bold;
}

#flickr {
	margin-left: 20px;
	margin-top: 17px;
	padding: 0px;
	height: 265px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.flickr_badge_image {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	float: left;
}
   
.flickr_badge_image img {
	border:3px solid #3e3d39;
	width:75px;
	height:75px;
}

.flickr_badge_image img:hover {
	border:3px solid #5c584e;
}


/* FOOTER
----------------------------------------------- */

#footer {
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #FDBB00;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../media/bgd-footer.jpg);
	background-repeat: repeat;
}



#footer strong{
	color: #FFFFFF;
	font-weight: bold;
}
#footer em{
	color: #666666;
}
#footer p{
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 875px;
	line-height: 18px;
	background-image: url(../media/tile-company.gif);
	background-repeat: repeat;
	color: #CCCCCC;
	text-indent: 10px;
}
#footer a{
	color: #382B23;
	background-color: #FFBB00;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}
#footer a:hover{
	color: #FFFFFF;
	background-color: #3DAFD9;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
}


/* SECTORS
----------------------------------------------- */
div.footer-col {
	text-align: left;
	width: 211px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 4px;
	display: inline;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 4px;
}

#project-sectors {
	color: #999999;
	clear: both;
	font-size: 12px;
	text-align: left;
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../media/tile-column-sectors.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	margin-top: 10px;
	background-position: 0px 0px;
}
#project-sectors ul {
	padding: 0px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 15px;
}
#project-sectors li {
	background-image: url(../media/i-tick-green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

#project-sectors h5{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 10px;
}


#project-sectors a{
	color: #FFFFFF;
	margin: 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	background-color: transparent;
	padding: 0px;
}
#project-sectors a:hover{
	color: #3DAFD9;
	margin: 0px;
	text-decoration: none;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	padding: 0px;
}


/* SIGN OFF
----------------------------------------------- */

#sign-off {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 0px;
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#sign-off ul {
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 0px;
}
#sign-off li {
	display: inline;	
}

#sign-off a{
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sign-off a:hover{
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	color: #FFFFFF;
}

#compliancy a{
	background-image: url(../media/i-tick-compliancy.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	color: #79baee;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#compliancy a:hover{
	background-image: url(../media/i-tick-compliancy.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	color: #79baee;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	text-decoration: none;
}