/* import components */

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

/* page background and borders */
body { background-color: #666; }
.container { background-color: #fff; }

#page-top
{
	padding: 10px 10px 0 10px;
	background-image: url(../images/page-top.gif);
	background-repeat: no-repeat;
	height: 130px;
	width: 950px;
	margin: auto;
    background-color: #fff;
}

#page-middle
{
	padding: 0 10px 20px 10px;
	background-image: url(../images/page-middle.gif);
	background-repeat: repeat-y;
	width: 950px;
	margin: auto;
}

#page-bottom
{
	padding: 0 10px 10px 10px;
	background-image: url(../images/page-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 950px;
	margin: auto;
}

/* logo */
#logo
{
	position: relative;
	width: 400px;
}

#logo a
{
	text-indent: -9999px;
	display: block;
	width: 307px;
	height: 55px;
	overflow: hidden;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 30px 0 0 15px;
}

#logo .slogan
{
	top: 42px;
	left: 199px;
	height: 50px;
	color: #999;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: visible;
	width: 330px;
	text-transform: none;
	letter-spacing: normal;
}

/* Main Content */
.skip { display: none; }
#main-content { margin-right: 40px; }
.has-sidebar #main-content { margin-right: 10px; }

/* Content Areas */
.Content { }

/* search box */
#search
{
	padding: 45px 40px 0 0;
	float: right;
}

#search label
{
	float: left;
	padding-right: 5px;
}

.applesearch { }
#srch_fld { width: 150px; }
.applesearch #srch_fld { width: 129px; }

.applesearch .sbox_l
{
	background: white url('../images/applesearch/srch_l.gif') no-repeat top left;
	float: left;
	width: 19px;
	height: 19px;
}

.applesearch .sbox_r
{
	background: white url('../images/applesearch/srch_r.gif') no-repeat top left;
	float: left;
	width: 19px;
	height: 19px;
}

.applesearch .sbox input
{
	background: white url('../images/applesearch/srch_bg.gif') repeat-x top left;
	float: left;
	border: 0;
	height: 19px;
	width: 95px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

/* pagination */
.pagination { text-align: right; }
.pagination p { float: left; }
.pagination a, .pagination span { padding-left: 5px; }

/* back links */
.backlink
{
	margin: -16px 0 2px 0;
	line-height: 18px;
}

.backlink a
{
	text-decoration: none;
	font-size: 11px;
}

.backlink a:hover { text-decoration: underline; }

/* Free Consultation */
a.free-consultation
{
	height: 45px;
	display: block;
	overflow: hidden;
	background: transparent url(../images/free_consultation_big.gif) no-repeat right top;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 5px 5px 0 15px;
	margin: 0 10px 0 0;
}

a.free-consultation:hover { text-decoration: underline; }

/* navigation actions */
ul.navigation-actions
{
	font-size: 10px;
	margin-top: 9px;
}

ul.navigation-actions li
{
	line-height: 18px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bullet-right_circle_arrow.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 0 5px;
	padding-left: 14px;
}

ul.navigation-actions li a { text-decoration: none; }
ul.navigation-actions li a:hover { text-decoration: underline; }

/* rss icons */
.feed { margin: 9px 0; }

.feed a
{
	margin: -2px 0;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 2px 22px;
	background-image: url(../images/feed-icon-14x14.png);
}

/* thumbnail list */
.thumblist .item
{
	border-top: 1px solid #ccc;
	padding: 10px 0 10px 0;
	height: 50px;
}

.thumblist .item .info { margin: 0 20px 0 60px; }
.thumblist h2 { font-size: 93%; }
.thumblist p { font-size: 84%; }

.thumblist h2, .thumblist p
{
	display: inline;
	line-height: 1.6em;
	padding: 0;
}

.thumblist a.icon
{
	float: left;
	border: 0;
}

.sectionlabel
{
	color: #666;
	margin: 8px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: .2em;
	line-height: 1em;
}

div.sidebar
{
	margin: 0 10px 0 0;
	color: #666;
}

div.sidebar h1
{
	margin-top: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
}

div.sidebar h2
{
	margin-top: 0;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

div.sidebar h3
{
	margin-top: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	font-style: italic;
	color: #333;
}

div.sidebar p
{
	margin: 0 0 9px 0;
	font-size: 11px;
	color: #666;
	line-height: 18px;
}

div.sidebar .screenshot img, div.sidebar img.screenshot
{
	width: 252px;
	-ms-interpolation-mode: bicubic;
}

/* 2 column (50/50) sub templates */
div.subcolumns .c50l .subcl { padding-right: 1em; }
div.subcolumns .c50r .subcl { padding-left: 1em; }

/* IndexList */
.IndexList .index-list-item { padding-top: 9px; }
.IndexList .index-list-item.first { padding-top: 0; }
.IndexList .list-text p { margin-bottom: 9px; }

.IndexList .list-text .more
{
	display: block;
	background-position: 0 5px;
}

.IndexList .has-thumbnail .thumbnail
{
	float: left;
	width: 30px;
	height: 30px;
	padding-top: 4px;
}

.IndexList .has-big-thumbnail .thumbnail
{
	width: 70px;
	height: 70px;
	padding-top: 4px;
}

.IndexList .has-thumbnail .list-text { margin-left: 40px; }
.IndexList .has-big-thumbnail .list-text { margin-left: 80px; }
.IndexList .has-thumbnail .list-text .more { display: none; }
#SearchResults .has-thumbnail .thumbnail { display: none; }
#SearchResults .has-thumbnail .list-text { margin-left: 0; }

#SearchResults .list-text .more
{
	display: inline;
	padding-left: 18px;
	background-position: 5px 3px;
}

/* GalleryPage or IndexPage as Gallery */
.GalleryList { }

.GalleryList .GalleryItem
{
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	/*
	width: 235px;
	height: 255px;
*/
	width: 230px;
	height: 206px;
	overflow: hidden;
	position: relative;
}

.GalleryItem .MediaTitle { display: none; }

.GalleryList .GalleryItem a
{
	text-decoration: none;
	display: block;
	padding: 13px 8px 8px 0px;
	background-color: transparent;
	width: 224px;
	box-shadow: 3px 3px 5px #666;
	background-image: url(../images/screenshot-frame-gallery.png);
	background-repeat: no-repeat;
}

.GalleryList .GalleryItem img
{
	border: 1px solid #ccc;
	background-color: transparent;
	padding: 0;
}

/* footer */
#Footer
{
	background-color: #ccc;
	margin: 0;
	padding: 10px 40px 5px 200px;
	border-top: 4px solid #fc0;
}

#Footer p
{
	line-height: 1.6em;
	font-size: 10px;
}

#Footer a
{
	background: transparent;
}

#Footer a:focus,
    #Footer a:hover,
    #Footer a:active
{
	color: #4D87C7;
	background-color: transparent;
	text-decoration: underline;
}

#Footer .vcard
{
	font-size: 93%;
	line-height: 1.6em;
	margin-left: 178px;
}

div.piwik { display: none; }

p.formula
{
	border: 1px solid black;
	margin-top: 0;
	padding: 1em;
}

#learn_more { margin-top: 3.5em; }

/* HomePage */
body.HomePage h1#page-heading
{
	color: #666;
	font-size: 24px;
	line-height: 24px;
	margin-left: 10px;
}

body.HomePage .featured-design-list
{
	height: 214px;
	margin-bottom: 20px;
}

body.HomePage .featured-mask img { margin-top: -165px; }

body.HomePage .featured-design
{
	height: 214px;
	width: 750px;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 140px;
}

body.HomePage .featured-design-list .first { display: block; }
body.HomePage .featured-design .background-image { overflow: hidden; }
body.HomePage .featured-design .background-image img { margin-left: -60px; }

body.HomePage .featured-design .controls
{
	height: 45px;
	padding: 0 0 0 10px;
	background-color: #888;
	border-top: 4px solid #fc0;
	/* rounded corners for ff & safari */
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	color: #fff;
	background-image: url(../images/control-bar.png);
	background-repeat: no-repeat;
}

body.HomePage .featured-design .controls *
{
	color: #fff;
	font-size: 11px;
	margin: 0;
	line-height: 12px;
}

body.HomePage .featured-design .controls h3
{
	font-weight: bold;
	margin-top: 2px;
}

body.HomePage .featured-design .controls p { width: 320px; }

body.HomePage .featured-design .controls p a.more
{
	background-image: url(../images/bullet-right_circle_arrow_white_on_gray.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	white-space: nowrap;
	color: #ddd;
}

body.HomePage .featured-design .controls p a.more:hover
{
	color: #fff;
	text-decoration: underline;
}

body.HomePage .featured-design .controls a.more { }

body.HomePage .featured-design .controls .pagination
{
	float: right;
	width: 80px;
	height: 30px;
	margin-top: 10px;
}

body.HomePage .featured-design .controls .pagination .prev,
body.HomePage .featured-design .controls .pagination .next
{
	background-image: url(../images/home-page-buttons.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	position: absolute;
	left: 680px;
	top: 179px;
	width: 26px;
	height: 26px;
}

body.HomePage .featured-design .controls .pagination .next { margin-left: 30px; }
body.HomePage .featured-design .controls .pagination .next { background-position: -30px 0; }
body.HomePage .featured-design .controls .pagination .prev:hover { background-position: 0 -26px; }
body.HomePage .featured-design .controls .pagination .next:hover { background-position: -30px -26px; }
body.HomePage .featured-design .controls .pagination span { display: none; }

body.HomePage .featured-design .screenshot
{
	margin-left: 340px;
	margin-top: -155px;
	display: block;
	/* rotate for ff & safari */
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	width: 320px;
}

body.HomePage .featured-design .screenshot .featured-image
{
	display: block;
	padding-left: 2px;
}

body.HomePage .featured-design .screenshot .frame
{
	display: block;
	margin-top: -263px;
}

body.HomePage .featured-design .screenshot img { border: 0; }

body.HomePage #promo-boxes .box
{
	height: 112px;
	overflow: hidden;
}

body.HomePage #promo-boxes .box h2 a { color: #fff; }

body.HomePage #promo-boxes a
{
	color: #333;
	text-decoration: none;
}

body.HomePage #promo-boxes .box:hover,
body.HomePage #promo-boxes .hover { background-color: #EFDB99; 	cursor: pointer;}
body.HomePage #promo-boxes .box:hover h2,
body.HomePage #promo-boxes .hover h2 { background-color: #fc0; }

body.HomePage #promo-boxes .last .box h2
{
	/* rounded corners for ff & safari */
	border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
}

body.HomePage #promo-boxes .last .box
{
	/* rounded corners for ff & safari */
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}

body.HomePage #promo-boxes .box .description
{
	background-repeat: no-repeat;
	background-position: 120px 10px;
	height: 95px;
	margin: 0 -10px;
	padding: 18px 0px 0 10px;
	font-size: 11px;
	line-height: 16px;
}

body.HomePage #promo-boxes .development .description
{
	background-image: url(../images/home-promo-boxes/list-items.png);
	background-position: 90px 20px;
}

body.HomePage #promo-boxes .development h2
{
	background-color: #666;
}

body.HomePage #promo-boxes .development { background-color: #ccc; }

/*
body.HomePage #promo-boxes .development h2 { background-color: #ECC233; }
body.HomePage #promo-boxes .development { background-color: #FFE06C; }
*/

body.HomePage #promo-boxes .design .description
{
	background-image: url(../images/home-promo-boxes/org-chart.png);
	background-position: 90px 20px;
}

body.HomePage #promo-boxes .design h2 { background-color: #CF985F; }
body.HomePage #promo-boxes .design { background-color: #F7BF8A; }

body.HomePage #promo-boxes .training .description
{
	background-image: url(../images/home-promo-boxes/check-boxes.png);
	background-position: 113px 20px;
}

body.HomePage #promo-boxes .training h2 { background-color: #76b178; }
body.HomePage #promo-boxes .training { background-color: #A4D6A8; }

body.HomePage #promo-boxes .cms .description
{
	background-image: url(../images/home-promo-boxes/big-docs.png);
	background-position: 181px 20px;
}

body.HomePage #promo-boxes .cms h2 { background-color: #5DA7CC; }
body.HomePage #promo-boxes .cms { background-color: #C7E0EB; }

body.HomePage #promo-boxes .box .description ul
{
	margin-top: 8px;
	padding-left: 0;
}

body.HomePage #promo-boxes .box .description ul li
{
	margin: 0;
	line-height: 16px;
	padding-left: 0;
}

body.HomePage #news-events a.more
{
	float: right;
	padding-right: 12px;
	margin-right: 10px;
	line-height: 18px;
	background-image: url(../images/bullet-right_circle_arrow_white_on_gray.gif);
	background-position: right 6px;
	color: #fff;
}

body.HomePage #news-events a.more:hover { text-decoration: underline; }

body.HomePage #news-events h2
{
	padding: 5px 10px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	background-color: #666;
	color: #fff;
	/* rounded corners for ff & safari */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

body.HomePage #news-events h2 a
{
	color: #fff;
	text-decoration: none;
}

body.HomePage #news-events h2 a:hover { text-decoration: underline; }

body.HomePage #news-events .last h2
{
	padding: 5px 10px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	background-color: #666;
	color: #fff;
	/* top right rounded corners off for ff & safari */
	border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	/* bottom right rounded corners off for ff & safari */
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}

body.HomePage #news-events h3
{
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin-bottom: 0;
}

body.HomePage #news-events h3 a { text-decoration: none; }
body.HomePage #news-events h3 a:hover { text-decoration: underline; }

body.HomePage #news-events .date
{
	font-size: 11px;
	color: #666;
	padding-bottom: 9px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
}