@import url(prettyphoto.css) screen;

/* body */
body {height:100%;font-family:verdana,arial,san-serif;background:#fff;text-align:center;padding:0;margin:0;}
#bodyWrap {background:transparent url(images/bg-page-top.png) repeat-x top;}

/* header */
#header {
	height: 150px;
	width:980px;
	margin:0 auto 50px;
	overflow:hidden;
}

#homeLink {
	float:left;
	width:340px;
	height:150px;
	background:url(images/xramnet-logo.png) no-repeat 0% 50%;
}
	
/* menu */
#header ul {
	float:right;
	height:150px;
	background:url(images/trans-black-50.png);
	padding:0 0 0 25px;
	width:600px;
	text-align:center;
}

#header ul li {
	float:left;
	list-style-type:none;
	cursor:pointer;
	width:140px;
	height:150px;
	display:block;
}
#header ul li a, #header ul li a:visited {
	color:#fff;
	opacity:0;
}
#header .menuServices {background:url(slide-menu/menu-services.png) no-repeat 50% 50%;}
#header .menuWeb {background:url(slide-menu/menu-web.png) no-repeat 50% 50%;}
#header .menuBlog {background:url(slide-menu/menu-blog.png) no-repeat 50% 50%;}
#header .menuContact {background:url(slide-menu/menu-contact.png) no-repeat 50% 50%;}


/* layout */

#pageWrapOuter {position:relative;clear:both;margin:0 auto;width:960px;overflow:hidden;}
#pageWrapInner {float:left;width:200%;position:relative;left:260px;}
#contentWrap {float:right;width:50%;position:relative;right:260px;z-index:10;}
#content {
	margin:0 0 0 260px;
	position:relative;
	right:100%;
	overflow:hidden;
}
#sidebar {
	float:left;
	width:240px;
	position:relative;
	right:260px;
	z-index:5;
}

#footerWrap {
	background:#4d3e2e url(images/bg-page-bottom.png) repeat-x top;
	padding:140px 0 100px;
	min-height:180px;
}
#footer {
	width:980px;
	margin:0 auto;
	color:#fff;
}
#footer A {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:90%;
	background:transparent url(images/trans-black-50.png);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
}
#footer A:hover {
	text-decoration:none;
	background:transparent url(images/trans-black-25.png);
	-moz-box-shadow:0px 0px 7px #ccc;
	-webkit-box-shadow:0px 0px 7px #ccc;
}

.footerCol {
	width:280px;
	float:left;
}
#footer .copyleft a {
	display:block;
	padding:12px 24px;
	font-size:60%;
	line-height:1.4;
	color:#fff;
	text-shadow:1px 1px 3px #000;
	text-align:justify;
}

#footer .copyleft img {
	float:right;
	margin:0 0 6px 24px;
}

#footer .links {
	width:200px;
	padding:0 100px;
}

#footer .links a {
	padding:10px 5px;
	font-weight:bold;
	margin:0 0 8px;
	text-shadow:1px 1px 3px #224;
}

#footer .philly {
	line-height:1.5;
	font-size:80%;
}
#footer .philly P {
	margin-top:6px;
	text-shadow:1px 1px 4px #333;
}


/* Override DNN styles */
h1 {
	font-size:250%;
	font-weight:bold;
	color:#153a52;
	text-shadow:1px 1px 4px #2691d6;
	margin:0 auto 24px;
}
.Head {
	font-weight:bold;
	color:#153a52;
	text-shadow:1px 1px 4px #999;
}
h2 {
	font-size:200%;
	font-weight:bold;
	text-shadow:1px 1px 2px #544433;
}
h3 {
	font-size:150%;
	font-weight:bold;
	margin:36px 0 0 18px;
	color:#fff;
	text-shadow:1px 1px 2px #544433;
	background:transparent url(images/bg-page-top.png) repeat-x 0 -70px;
	padding:12px 4px 12px 12px;
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 5px #999;
}
h4 {
	font-size:120%;
	font-weight:bold;
	margin:36px 0 0 24px;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	background:transparent url(images/bg-page-bottom.png) repeat-x 0 -250px;
	padding:8px 4px 8px 12px;
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 5px #999;
}
.Normal P {
	font-size:80%;
	text-align:justify;
	padding:12px 12px 0px 48px;
	line-height:1.6;
	color:#445;
}
.Normal A {
	font-weight:bold;
	color:#039;
}


.floatLeft {
	float:left;
	margin:0 36px 12px 18px;
}

.floatRight {
	float:right;
	margin:0 18px 12px 36px;
}


/* page specific */
#portfolio a {
	border:0;
	overflow:hidden;
	float:left;
	display:block;
}
#portfolio a:hover {
	border:solid 10px rgba(0,0,0,0.5);
}
#portfolio a:hover img {
	margin:-10px;
}

.Normal P.trademark {font-size:60%;color:#889;text-align:right;}
.Normal P.trademark A {color:#69c;}


/* contact page */
#content A.CommandButton {
	color:#556;
	text-decoration:none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	margin:8px;
	padding:4px 8px;
}
#content A.CommandButton:hover {
	text-decoration:none;
	-moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
}
/*#bodyWrap input, #bodyWrap textarea {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:solid 8px #eef;
	padding:8px;
	font-size:140%;
	width:540px!important;
	margin:0 6px 4px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
}
#bodyWrap textarea {
	height:160px;
}
*/


/* login */
.LoginPanel {text-align:center;}
.LoginPanel table {margin:0 auto;}
.LoginPanel .NormalTextBox {
	font-size:20px;
	letter-spacing:1px;
	padding:8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:solid 1px #135;
	background:#135;
	color:#fff;
	margin:2px auto 10px;
}
.LoginPanel .StandardButton {
	margin:0 auto;
	text-align:center;
	width:200px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:solid 1px #135;
	background:#069;
	color:#fff;
	font-size:18px;
}
.LoginPanel .StandardButton:hover {
	background:#135;
}
.LoginPanel .SubHead {text-align:right;padding:0 10px 0 0;}
.LoginPanel img {display:none;}
.LoginPanel .CommandButton {white-space:nowrap;}