@import "oprone-re.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(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(rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}
.blog-feed a{
	display: block;
	color: #FFBB00;
	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-color: #5d432f;
	width: 55px;
	float: right;
	background-image: url(rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}
.blog-feed a:hover{
	display: block;
	color: #292929;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-color: #FFBB00;
	width: 55px;
	float: right;
	background-image: url(rss-icon.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.input-box{
	color: #000000;
	background-color: #e5e5e5;
	background-image: url(../images/input-gr.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: #1a4275;
	margin: 0px;
	background-image: url(../images/login-ti.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: 24px;
	color: #FFBB00;
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
}

#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: 865px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	height: 127px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	text-indent: -9999px;
}

/* 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(containe.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

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

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

#oprone-systems {
	background-image: url(oplogo.png);
	background-repeat: no-repeat;
	height: 110px;
	width: 213px;
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#trigger-button
{
	padding: 0px;
	margin: 0px;
	height: 32px;
	width: 114px;
	float: right;
}
#headtag {
	float: right;
	height: 50px;
	width: 600px;
	margin-top: 22px;
}


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

#top-nav {
	padding: 0px;
	height: 32px;
	float: right;
	margin-top: 20px;
	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: 5px;
}
#top-nav li a {
	color: #333333;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	background-image: url(top-btn0.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(top-btn0.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(top-btn-.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 98px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
}

/* 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(../images/nav-tile.gif);
	background-repeat: repeat-x;
}
#sub-nav ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 19px;
}
#sub-nav span {
	text-indent: -9999px;
	display: block;	
}
#sub-nav li {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	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(../images/design-s.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(develop-.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(promote-.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(hire-us-.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(../images/design-s.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(develop-.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(promote-.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(hire-us-.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(../images/design-s.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(develop-.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(promote-.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(hire-us-.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 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 dl{
	margin-top: 10px;
}
#left-strip-inside dt{
	font-size: 16px;
	color: #FFBB00;
	padding-bottom: 8px;
	font-weight: bold;
}
#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(../images/bullets-.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: 10px;
}

.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: 20px;
	margin-left: 0px;
	padding: 0px;
}

#left-content li{
	font-weight: normal;
	color: #FFF;
	margin: 0px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 25px;
	line-height: 16px;
	background-image: url(content-.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 0.7em;
}

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

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

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

#left-content a{
	color: #0072ff;
}

#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(rotate00.png);
	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(icttraining.png);
	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;
}
#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(zoom-btn.gif);
	background-repeat: no-repeat;
	background-position: 180px 97px;
	list-style-type: none;
}

 * html #work-list li a {  /* make hover effect work in IE */
}
#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(../images/zoom-bto.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: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	font-size: 12px;
	background-color: #FEC31F;
}
#work-list a:hover em {
	color: #333333;
	display: block;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	font-size: 12px;
	background-color: #ffd45c;
}
#work-list a strong {
	font-style: normal;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	font-weight: bold;
}
/* 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: 40px;
	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: 17px;
}

#right-content p{
}

#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: 10px;
	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(../images/quotes-t.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: 8px;
	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(languageCen.png);
	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;
	padding: 0px;
	margin-right: 0px;
}

.richard a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0px;
	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(richard-.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: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	background-color: #555454;
	background-image: url(richard-.gif);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

.sheridan a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0px;
	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(sheridan.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: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	background-color: #555454;
	background-image: url(sheridan.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: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	font-size: 11px;
}
#blog-list a strong {
	font-style: normal;
	padding: 0px;
	margin: 0px;
	line-height: normal;
	font-weight: bold;
}
#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: 16px;
}

#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(../images/blog-bul.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(../images/blog-bul.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(../images/blog-bul.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

.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(../images/bullet-h.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;
}



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

#footer {
	margin-top: 0px;
	background-color: #000000;
	margin-bottom: 0px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #FDBB00;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#botlogo {
	background-color: #FFFFFF;
	height: 73px;
	width: 777px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.imglogo {
	margin: 2px;
}


/* FLICKR
----------------------------------------------- */

#flickr {
	margin-left: 30px;
	margin-top: 17px;
	padding: 0px;
	height: 265px;
	width: 265px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#footer-content {
	background-color: #363636;
	width: 875px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer-right {
	float: right;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#footer-content h4{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 28px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
#footer-content h5{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	clear: both;
}

#footer-content ul{
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	list-style-type: none;
	list-style-position: inside;
	padding-top: 0px;
}

#footer-content dl{
	list-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer-content dt{
	list-style: none;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 30px;
	background-image: url(graylogo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #CCCCCC;
}

#footer-content dd{
	color: #69b7d7;
	list-style: none;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#footer-content li{
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	list-style-type: none;
	color: #CCCCCC;
	list-style-position: outside;
	background-image: url(footer-b.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 11px;
}


#footer-content p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
	color: #CCCCCC;
	padding-bottom: 10px;
}

#footer-content img{
	margin-top: 10px;
	margin-right: 10px;
	vertical-align: middle;
}

#footer-content strong{
	color: #FFFFFF;
	font-weight: bold;
}

#footer-content a {
	text-decoration: underline;
	color: #009cff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 11px;
}
#footer-content a:hover {
	text-decoration: underline;
	color: #FFBB00;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 11px;
}
#utube {
	margin-left: 27px;
	margin-top: 17px;
	padding: 0px;
	height: 265px;
	width: 271px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
#opcloud {
	margin-left: auto;
	margin-top: 17px;
	width: 220px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#opcloud a {
	color: #FFF;
	text-decoration: none;
}
#opcloud a:hover {
	color: #FC0;
	text-decoration: none;
}
#left-contentCom {
	width: 500px;
	color: #000;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fec31f;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 35px;
}
#opcloudTitle {
	margin-left: auto;
	margin-top: 10px;
	width: 220px;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	color: #FF0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 1.2em;
}