/************/
/*	LAYOUT  */
/************/
#wrapperIE {
	width: 100%;
	text-align: center;
}

#wrapper {
	width: 800px;
	text-align: left;
	margin: 5px auto;
}

#pageSelect {

}

#imageMenu {
	float: right;
}

#rightContent {
	padding: 0 27px;
}

#footer {
	float: right;
	clear: both;
	height: 55px;
	width: 800px;
}

/*************/
/*	GENERAL  */
/*************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

#whoPage, #whatPage, #wherePage,
#whenPage, #whyPage{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.accent {
	font-style: italic;
}

.mand {
	color: #f00;
}

.preLoad {
	display: block;
	position: absolute;
	margin-left: -500px;
}

/************/
/*	HEADER  */
/************/
#headerQuote {
	color:#fff;
	padding: 25px 0 0 25px;
}

#headerSign {
	color:#fff;
	padding: 0 0 0 300px;
}

/****************/
/*	INDEX PAGE  */
/****************/
a.indexSelect {
	display: block;
	float: left;
	width: 198px;
	height: 200px;
	text-decoration: none;
	margin: 0 0 0 50px;
}

a#simple_white_main {background: url(../images/style_buttons/simple_white_main.png) no-repeat top left;}
a#simple_white_main:hover {background: url(../images/style_buttons/simple_white_main_hover.png) no-repeat top left;}
a#black_landscape_main {background: url(../images/style_buttons/black_landscape_main.png) no-repeat top left;}
a#black_landscape_main:hover {background: url(../images/style_buttons/black_landscape_main_hover.png) no-repeat top left;}
a#shapes_main {background: url(../images/style_buttons/shapes_main.png) no-repeat top left;}
a#shapes_main:hover {background: url(../images/style_buttons/shapes_main_hover.png) no-repeat top left;}
a#business_main {background: url(../images/style_buttons/business_main.png) no-repeat top left;}
a#business_main:hover {background: url(../images/style_buttons/business_main_hover.png) no-repeat top left;}
a#old_world_main {background: url(../images/style_buttons/old_world_main.png) no-repeat top left;}
a#old_world_main:hover {background: url(../images/style_buttons/old_world_main_hover.png) no-repeat top left;}
a#trans_main {background: url(../images/style_buttons/trans_main.png) no-repeat top left;}
a#trans_main:hover {background: url(../images/style_buttons/trans_main_hover.png) no-repeat top left;}
a#bit_main {background: url(../images/style_buttons/bit_main.png) no-repeat top left;}
a#bit_main:hover {background: url(../images/style_buttons/bit_main_hover.png) no-repeat top left;}

/*****************/
/*	PAGE SELECT  */
/*****************/
/* Container */
.inline {
	display: inline;
	margin: 10px 29px 10px 0;
}

div.rounded-box {
    position:relative;
    margin: 10px 0;
}

div.top-left-corner,
div.bottom-left-corner,
div.top-right-corner,
div.bottom-right-corner {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #fff;
	overflow: hidden;
}
 
div.top-left-inside,
div.bottom-left-inside,
div.top-right-inside,
div.bottom-right-inside {
	position: relative;
	font-size: 150px;
	font-family: arial;
	color: #f7f3ef;
	line-height: 40px;
}
 
div.top-left-corner {top:0px; left:0px;}
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}
 
div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}
 
div.box-contents {
	position: relative;
	padding: 8px;
	color: #000;
}

/* Buttons */
.chooseStyle {
	display: block;
	float: left;
}

#pageSelect {
	height: 80px;
}

#pageSelect a {
	display: block;
	float: left;
	width: 79px;
	height: 80px;
	text-decoration: none;
	margin-left: 36px;
}

#pageSelect a#trans, #pageSelect a#bit {
	display: none;
}

#arrow_left, #arrow_right {
	display: block;
	float: left;
	width: 32px;
	height: 80px;
}

#arrow_left {background: url(../images/style_buttons/arrow_left_inactive.png) no-repeat top left; margin-left: 10px;}
#arrow_right {background: url(../images/style_buttons/arrow_right.png) no-repeat top left; margin-left: 36px; cursor: pointer;}

a.simple_white {background: url(../images/style_buttons/simple_white.png) no-repeat top left;}
a.simple_white:hover, a.simple_white_active {background: url(../images/style_buttons/simple_white_hover.png) no-repeat top left;}
a.black_landscape {background: url(../images/style_buttons/black_landscape.png) no-repeat top left;}
a.black_landscape:hover, a.black_landscape_active {background: url(../images/style_buttons/black_landscape_hover.png) no-repeat top left;}
a.shapes {background: url(../images/style_buttons/shapes.png) no-repeat top left;}
a.shapes:hover, a.shapes_active {background: url(../images/style_buttons/shapes_hover.png) no-repeat top left;}
a.business {background: url(../images/style_buttons/business.png) no-repeat top left;}
a.business:hover, a.business_active {background: url(../images/style_buttons/business_hover.png) no-repeat top left;}
a.old_world {background: url(../images/style_buttons/old_world.png) no-repeat top left;}
a.old_world:hover, a.old_world_active {background: url(../images/style_buttons/old_world_hover.png) no-repeat top left;}
a.trans {background: url(../images/style_buttons/trans.png) no-repeat top left;}
a.trans:hover, a.trans_active {background: url(../images/style_buttons/trans_hover.png) no-repeat top left;}
a.bit {background: url(../images/style_buttons/bit.png) no-repeat top left;}
a.bit:hover, a.bit_active {background: url(../images/style_buttons/bit_hover.png) no-repeat top left;}

/******************/
/*	MAIN CONTENT  */
/******************/
#progressWarning {
	display: none;
	float: left;
	position: fixed top left;
}

#contentHeader {
	padding: 10px 0 0 0;
	font-size: 24px;
	color: #a5a6ad;
}

/****************/
/*	IMAGE MENU  */
/*	  v 2.2     */
/****************/
#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
	text-align: left;
	/*margin: 37px 0 0 0;*/
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 2000px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -2000px;
	background:#fff none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.site1 a {
	background: url(../images/site_links/site1.png) repeat scroll 0%;
}

#imageMenu ul li.site2 a {
	background: url(../images/site_links/site2.png) repeat scroll 0%;
}

#imageMenu ul li.site3 a {
	background: url(../images/site_links/site3.png) repeat scroll 0%;
}

#imageMenu ul li.site4 a {
	background: url(../images/site_links/site4.png) repeat scroll 0%;
}

#imageMenu ul li.site5 a {
	background: url(../images/site_links/site5.png) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}

/*********/
/*	WHO  */
/*********/
#aboutDan {
	margin-bottom: 10px;
}

#aboutJess {
	margin-bottom: 98px;
}

#aboutDan #picDan,
#aboutJess #picJess {
	display: block;
	float: right;
	clear: right;
	width: 215px;
	height: 220px;
	border-bottom: 1px solid #000;
}

#aboutDan #picDanLabel,
#aboutJess #picJessLabel {
	display: block;
	float: right;
	clear: right;
	border: 1px solid #000;
	margin-bottom: 15px;
}

#aboutDan #picDanLabel p,
#aboutJess #picJessLabel p {
	display: block;
	float: right;
	clear: right;
	padding-right: 20px;
	font-weight: bold;
}

.whoText h2 {
	padding: 0 225px 8px 150px;
	font-size: 20px;
	color: #a5a6ad;
	font-weight: bold;
}

.whoText p {
	padding: 0 235px 30px 150px;
	text-align: justify;
}

#dyk, #dykWhat,
#dykWhen, #dykWhere {
	background: url(../images/icons/info_yellow.png) no-repeat top left;
	text-align: left;
	padding-left: 23px;
	font-size: 8pt;
	height: 16px;
	padding-top: 4px;
	margin: 0 0 20px 150px;
}

#dykWhat {
	margin: 250px 0 0 275px;
}

#dykWhen {
	margin: 125px 0 0 275px;
}

#dykWhere {
	margin: 30px 0 0 450px;
}

/***********/
/*	WHERE  */
/***********/
#wherePage {
	background: url(../images/form/email_large.png) no-repeat top right;
	height: 365px;
}

#wherePage p {
	margin: 0 28px 20px 0;
	font-size: 18px;
	color: #a5a6ad;
}

#wherePage a {
	color: #a5a6ad;
	font-weight: bold;
	text-decoration: none;
	margin-right: 25px;
}

#wherePage a:hover {
	color: #8cc36b;
	text-decoration: underline;
}

#contactFormBox {
	margin-top: 125px;
}

.demo label {
	display: block;
	margin-left: 150px;
	padding: 0.5em;
	padding-left: 32px;
	background-position: 8px center;
	background-repeat: no-repeat;
	clear: both;
	font-weight: bold;
}

.checked {
	border: 1px solid #ce1429;
	background: url(../images/form/chk_on.png);
}

.unchecked {
	border: 1px solid #fff;
	background-image: url(../images/form/chk_off.png);
}

.selected {
	border: 1px solid #ce1429;
	background: url(../images/form/rdo_on.png);
}

.unselected {
	border: 1px solid #fff;
	background-image: url(../images/form/rdo_off.png);
}

.checked, .unchecked,
.selected, .unselected {
	border-top: none;
	border-right: none;
}

#oneWordLabel, #descLabel,
#sizeLabel, #deadline {
	margin-top: 20px;
}

#simSitesLabel, #commentsLabel {
	margin-top: 80px;
}

#whyMe {
	margin-top: 70px;
}

.demo .leftCol label, .demo .rightCol label {
	margin: none;
	padding: none;
	cursor: pointer;
	font-weight: normal;
}

.rdCols {
	display: block;
	float: right;
}

.leftCol, .rightCol {
	display: block;
	float: left;
	border-top: 1px solid #ce1429;
}

.subText {
	font-weight: normal;
	font-size: 12px;
}

#deadline {
	display: block;
	float: right;
	width: 500px;
}

#deadline label {
	cursor: pointer;
}

#ddate {
	display: none;
}

#ddateLabel {
	display: none;
	border: 1px solid #ce1429;
	border-top: none;
	border-right: none;
}

#submit, #reset {
	margin: 20px 60px 0 0;
	cursor: pointer;
	font-size: 1em;
}

#submit {
	display: none;
	background-color: #9ad696;
}

#reset {
	background-color: #c4a1a5;
}

/**********/
/*	WHEN  */
/**********/
#whenPage {
	background: url(../images/misc/established.png) no-repeat top center;
	min-height: 262px;
}

#whenPage p {
	text-align: justify;
	margin: 0 0 20px 0;
}

/*********/
/*	WHY  */
/*********/
#whyPage {
	}

#whyPage p {
	margin: 0 0 20px 150px;
	text-align: justify;
}

#whyPage a {
	text-decoration: none;
}

#whyPage a:hover {
	text-decoration: underline;
}

.whyIcons {
	display: block;
	float: left;
}

.validatorXHTML .whyIcons,
.validatorCSS .whyIcons {
	margin-left: 35px;
}