

*
{
	margin: 0;
	padding: 0;
	border: 0;
}

ul
{
	list-style-type: none;
}

h3
{
	font-size: 1.9em;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
}

h4
{
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

a:link, a:visited
{
	color: #B73535;
	text-decoration: none;
}

a:hover, a:focus
{
	color: #B73535;
	text-decoration: underline;
	cursor: pointer;
}

/* h5 is for those colorful headings on the right */

h5
{
	font-size: 1.85em;
	font-weight: normal;
	margin-bottom: 7px;
}

div.teal h5
{
	color: #99cccc;
}

div.gray h5
{
	color: #999999;
}

div.red h5
{
	color: #cc9999;
}

div.purple h5
{
	color: #cc9999;
}

div.green_yellow h5
{
	color: #cccc66;
}

div.orange h5
{
	color: #ff9966;
}

div.green h5, .column1 h5
{
	color: #99cc99;
}



/* main backgrounds  */

body
{
	font-family: arial, verdana, sans-serif;
	color: #333;
	line-height: 120%;
	background-color: #fff;
}

body, html
{
	background-image: none;
	text-align: left;
	background-color: #fff;
}


body.devblog,
body.mmsblog,
body.marblog
{
	background: url(images/main_bckg.jpg) repeat left 18px;
	background-color: #11b3e4;
}

body.mmsblog .wrapper1,
body.devblog .wrapper1,
body.mmsbloglog .wrapper1,
body.marblog .wrapper1
{
	background: url(images/shaded_bckg.jpg) repeat-x top left;
}

body.creblog
{
	background: #11b3e4 url(images/blue.gif) repeat-x left top;
	background-attachment: fixed;
}



/* end main backgrounds  */





/* main structure */

.wrapper1
{
	background: #11b3e4 url(images/blue.gif) repeat-x left top;
	background-attachment: fixed;
}

.wrapper2
{
	width: 808px;
	margin: 0 auto;
}

.main_part
{
	background-color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #cce2e2;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #cce2e2;
	min-height: 854px;
	padding: 17px 25px;
	width: 752px;
	overflow: auto;
}

* html .main_part
{
	height: 854px;
	overflow: visible;
}

.top
{
	width: 808px;
	height: 70px;
	overflow: visible;
	margin: 0 auto;	
}

.top .logo
{
	float: left;
	width: 166px;
	height: 70px;
}

body.mmsblog .section
{
	background: transparent url(images/mmsblog.png) no-repeat top left;
	float: left;
	height: 30px;
	width: 152px;
	margin-top: 20px;
}

body.devblog .section
{
	background: transparent url(images/devblog.png) no-repeat top left;
	float: left;
	height: 30px;
	width: 95px;
	margin-top: 20px;
}

body.creblog .section
{
	background: transparent url(images/creblog.png) no-repeat top left;
	float: left;
	height: 30px;
	width: 137px;
	margin-top: 20px;
}

body.marblog .section
{
	background: transparent url(images/marblog.png) no-repeat top left;
	float: left;
	height: 30px;
	width: 152px;
	margin-top: 20px;
}



.top_edge
{
	background: transparent url(images/top_edge.png) no-repeat top left;
	height: 10px;
	font-size: 0;
}

.bottom_edge
{
	background: transparent url(images/bottom_edge.png) no-repeat top left;
	height: 10px;
}


/* end main structure */




/* home page containers */

.main_row, .bottom_row
{
	font-size: 0.75em;	
}

.container
{
	background: #f8f8f8 url(images/container_bckg.gif) repeat-x bottom left;
	border-right: 2px solid #d1d1d1;
	border-left: 2px solid #d1d1d1;
	width: 748px;
	overflow: auto;
}

.container_top
{
	width: 752px;
	height: 12px;
	background: #fff url(images/container_top_edge.gif) no-repeat top left;
	font-size: 0; /* for IE6 to make this container be actuall 12px not resized by non-existent text inside */
}

.container_bottom
{
	width: 752px;
	height: 12px;
	background: #fff url(images/container_bottom_edge.gif) no-repeat top left;
	margin-bottom: 15px;
	font-size: 0; /* for IE6 to make this container be actuall 12px not resized by non-existent text inside */
}

.container_left_column
{
	width: 155px;
	border-right: 1px solid #d1d1d1;
	float: left;
}

.container_main_column
{
	width: 554px;
	padding: 0 17px;
	float: left;
}

.creative_photo
{
	width: 157px;
	height: 537px;
	background: transparent url(images/creative_photo.gif) no-repeat top left;	
}

.dev_photo
{
	width: 157px;
	height: 190px;
	background: transparent url(images/dev_photo.gif) no-repeat top left;	
}

.marketing_photo
{
	width: 157px;
	height: 190px;
	background: transparent url(images/marketing_photo.gif) no-repeat top left;	
}

.column1
{
	width: 281px;
	padding-right: 20px;
	float: left;
}

.column2
{
	width: 141;
	padding-right: 25px;
	float: left;
}

.column3
{
	width: 119;
	padding-right: 25px;
	float: left;
}

.column4
{
	width: 109px;
	padding-right: 10px;
	float: left;
}

/* end home page containers */




/* common classes */

.off_screen
{
	position: absolute;
	left: -10000em;
}

.space_below
{	
	margin-bottom: 10px;
}

.main_column li
{
	list-style-type: square;
	margin-left: 40px;
}

.main_column ul.blog li /* blog posts are displayed as lists also so having above it would apply to these and we dont want this */
{
	list-style-type: none;
	margin: 0px 0px 40px 0px;
}

/* end common classes */





/* top menu */

.menu, .menu .RadMenu
{
	float: right;
	width: 489px;
}
 
.menu .RadMenu ul
{
	float: right;
	font: normal normal bold 0.8em arial, verdana, sans-serif;
	padding: 28px 7px 8px;
	width: auto;
}

* html .menu .RadMenu ul
{
	font-size: 0.75em;
}

.menu .RadMenu ul li
{
	float: right;
	padding-left: 16px;
	width: auto;
}

.menu .RadMenu  a
{
	color: #fff;
	text-decoration: none;
}

.menu  .RadMenu a:hover, .menu .RadMenu  a:focus
{
	text-decoration: underline;
	cursor: pointer;
}


/* end top menu */





/* footer */

.footer
{
	padding: 10px 7px 20px 9px;
	color: #fff;
	font-size: 0.65em;
	line-height: 110%;
}

* html .bookmarks
{
	font-size: 0.6em;
}

.footer .logo
{
	float: right;
	margin: -7px 0 0 0;
}

.footer .bookmarks
{
	float: right;
	margin: 12px 0 0 0;
	clear: right;
}

.footer a
{
	color: #fff !important;
	text-decoration: none;
}

.footer a:hover, .footer a:focus
{
	text-decoration: underline;
	color: #fff !important;
}

.footer ul.footerLinks li
{
	padding: 0px 10px 0px 0px; 
	display: inline;
}

/* end footer */




/* main content with two columns */

.main_column
{
	float: left;
	width: 514px;
	padding-right: 42px;
	margin: 15px 0px 0px 0px;
}

.right_column
{
	float: left;
	width: 186px;
	font-size: 0.75em;
	margin: 15px 0px 0px 8px;
}


.main_column
{
	font-size: 0.75em;
}

.main_column p
{
	margin-bottom: 1em;
}

* html .main_column
{
	font-size: 0.8em;
}



/* end main content with two columns */


/* paging */

.paging
{
	overflow: auto;	
	margin-bottom: 15px;
}

.paging li
{
	float: left;
	margin-right: 5px;
	color: #999;
	width: auto;
	list-style-type: none;
}


.paging a
{
	color: #999;
	text-decoration: underline;
}

.paging a:hover,
.paging a:focus
{
	color: #000;
}

/* end paging */


/* sitefinity controls styling */

ul.categories,
ul.tags
{
	margin-bottom: 20px;
}

ul.categories li,
ul.tags li
{
	overflow: auto;
	width: 156px;
}

.category_name,
.tags_name
{
	float: left;
}

.categories_number,
.tags_number
{
	float: right;
}

a.rss_feed
{
	display: block;
	background: transparent url(images/rss.gif) no-repeat 0 0px;
	padding-left: 27px;
	padding-top: 3px;
	height: 30px;
	color: #ff8d1e;
	font-size: 1.85em;
}

a.gray
{
	color:#999;
}


a.bold
{
	font-weight: bold;
}

ul.sf_socialBookmarks li
{
	margin: 0;	
}

.sf_postComments li
{
		list-style-type: none;
}

/* end sitefinity controls styling */


/* forms */

input
{
	border: 1px solid #999;
	padding: 2px 3px;
	font-weight: bold;
}



/* end forms */



/* comments part */

input.sf_commentSubmit
{
	background-color: #b23030;
	padding: 2px 5px;
	font-weight: bold;
	color: #fff;
	border: 0;
}

.sf_commentsList legend
{
	font-weight: bold;
	margin-bottom: 10px;
}


/* end comments part */



/* radeditor classes */



.highlight
{
	background-color: Yellow;	
}

.emphasize
{
	color: #f00;
	font-weight: bold;	
}


/* end radeditor classes */



