@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d4d4d;
	background:url(../alumni-img/alumni-bgd.jpg) top center repeat-x #fbfbfb;
	margin:0px;
	padding:0px;
}

body.homebg {
	background:url(../alumni-img/alumni-software-home.jpg) top center repeat-x;
}

img {
	border:none;
}

.btn_signup {
	float:right;
	position:relative;
	margin-top:-5px;
}

.tab_headblock {
	display:block;
	height:35px;
}

.spacer {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:1px;
}

.spacer_top {
	height:30px; 
	overflow:hidden;
}

p {
	margin:15px 0px;
	line-height:18px;
	text-align:justify;
}

.hrule {
	background:#d8d8d8; 
	display:block; 
	height:1px; 
	overflow:hidden;
}

h1 {
	font-size:24px;
	color:#008099;
	font-weight:normal;
	margin:0px 0px 10px;
}

h2 {
	font-size:14px;
	color:#a4a4a4;
	font-weight:normal;
	margin:10px 0px;
}

/*********** header styles *************/

#header {
	display:block; 
	height:100px; 
	overflow:hidden;
	width:900px;
	margin:0px auto;
}

#header .hleft {
	width:360px; 
	float:left; 
	padding-top:15px;
}

#header .hright {
	width:510px; 
	float:right; 
	font-size:13px; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-align:right; 
	padding-top:16px;
	padding-right:20px;
}

#header .hright .signup {
	color:#ffbe0e; 
	text-decoration:none;
}

#header .hright .signup:hover {
	text-decoration:underline;
}

#header .hright ul {
	margin:0px -17px 0px 0px;
	padding:30px 0px 0px;
	list-style:none;
	float:right;
	position:relative;
	overflow:hidden;
	height:38px;
}

body > /**/ #header .hright ul {
	height:39px;
}

#header .hright ul li {
	display:block;
	float:left;
	margin:0px 1px;
	padding:0px;
}

#header .hright ul li  a {
	display:block;
	height:39px;
	overflow:hidden;
	float:left;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 7px 0px 0px;	
}

#header .hright ul li a span {
	display:block;
	height:27px;
	padding:12px 10px 0px 17px;
	float:left;
	cursor:pointer;
}

body > /**/ #header .hright ul li  a {
	padding:0px;
}

body > /**/ #header .hright ul li a span {
	margin-right:7px;
}


#header .hright ul li a span {
	display:table-cell;
}

#header .hright ul li a:hover span {
	background:url(../alumni-img/itembg-left.gif) top left no-repeat;
}

#header .hright ul li a:hover {
	color:#fed977;
	background:url(../alumni-img/itembg-right.gif) top right no-repeat;
}


#header .hright ul li.active a span {
	background:url(../alumni-img/itembg-left.gif) top left no-repeat;
}

#header .hright ul li.active a {
	color:#fed977;
	background:url(../alumni-img/itembg-right.gif) top right no-repeat;
}

/*********** content styles *************/

#content {
	display:block; 
	background:url(../alumni-img/alumni-web-design-contentbg.gif) center repeat;
}

#content .wrap {
	width:900px; 
	margin:0px auto;
}

#content .wrap .leftcol {
	width:243px; 
	float:left;
	padding-top:20px;
}

#content .wrap .rightcol {
	width:615px; 
	float:right; 
	padding-top:20px;
}

#content .wrap .rightcol .txtpad {
	padding:0px 10px;
}

#content .wrap .rightcol .signup {
	float:right; 
	margin-top:-5px;
}

/*********** main_content styles ***********/

#main_content {
	display:block;
	background:url(../alumni-img/main-contentbg.gif) center repeat;
}

#main_content .wrap {
	width:880px;
	margin:0px auto;
	padding-top:20px;
}

#main_content .leftcol_home {
	width:576px; 
	float:left;
}

#main_content .leftcol_home .websites {
	display:block; 
	height:180px;
	margin:10px 0px;
}

#main_content .leftcol_home .websites .screen {
	border:8px solid #d7d7d7; 
	float:left;
}

#main_content .leftcol_home .websites .desc {
	width:232px; 
	float:right;
}

#main_content .leftcol_home .websites .desc h2 {
	font-weight:bold; 
	margin-top:0px;
}

#main_content .leftcol_home .websites .desc h2 span {
	color:#046f85;
}

#main_content .leftcol_home .websites .desc .view {
	font-weight:bold; 
	color:#046f85; 
	text-decoration:none; 
	font-size:12px;
}

#main_content .leftcol_home .websites .desc .view:hover {
	text-decoration:underline;
}

#main_content .rightcol_home {
	width:272px; 
	float:right;
}

#main_content .rightcol_home p strong {
	color:#046f85;
}

#main_content .rightcol_home h1 span {
	font-weight:bold;
}

#main_content .rightcol_home .feature_box {
	background:url(../alumni-img/featureboxbg.gif); 
	width:232px; 
	height:142px; 
	overflow:hidden; 
	font-size:14px;
	padding:20px;
}

#main_content .rightcol_home .feature_box ul {
	margin:0px;
	padding:0px;
	list-style:none;
	font-weight:bold;
}

#main_content .rightcol_home .feature_box ul li {
	background:url(../alumni-img/alumni-networks-bullet2.gif) 0px 5px no-repeat;
	padding-left:20px;
	margin:5px 0px;
	color:#353535;
}

/*********** banner styles ************/

#banner {
	display:block; 
	height:266px;
}

#banner .wrap {
	display:block; 
	width:900px; 
	margin:0px auto;
}

#banner .ban_left {
	font-size:13px; 
	color:#fffefe; 
	width:449px; 
	float:left;
}

#banner .ban_left p {
	margin:20px 0px;
}

#banner .ban_left h1 {
	font-size:21px; 
	color:#efbf3e;
}

#banner .ban_right {
	float:right; 
	width:398px; 
	padding-top:7px;
}

#banner .ban_right .button {
	position:absolute; 
	margin-top:178px; 
	margin-left:165px;
}

/*********** box_right styles ************/

.box_right {
	background:url(../alumni-img/alumni-box-right-mid.gif) repeat-y; 
	width:609px;
}

.box_right .top {
	background:url(../alumni-img/alumni-box-right-top.gif) top left no-repeat;
}

.box_right .bot {
	background:url(../alumni-img/alumni-box-right-bot.gif) bottom left no-repeat;
	color:#FFFFFF; 
	line-height:18px; 
	text-align:justify; 
	padding:15px 20px;
}

/*********** columns styles *************/

.columns {
	color:#4d4d4d; 
	line-height:18px; 
	background:url(../alumni-img/alumni-border.gif) 300px repeat-y; 
	display:block;
}

.columns .col01 {
	width:270px; 
	float:left;
}

.columns .col02 {
	width:270px; 
	float:right;
}

/*********** leftnav styles *************/

.leftnav {
	margin:0px;
	padding:0px 0px 0px 18px;
	list-style:none;
}

.leftnav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.leftnav li {
	background:url(../alumni-img/alumni-networks-bullet.gif) 0px 4px no-repeat;
	padding-left:20px;
	margin:10px 0px;
}

.leftnav li a {
	color:#046f85;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.leftnav li a:hover {
	color:#e5bb33;
}

.leftnav li li {
	background:none;
	margin:5px 0px;
}

.leftnav li li a {
	color:#818181;
	font-size:12px;
	font-weight:bold;
}

/*********** frames styles *************/

.frames {
	height:200px; 
	overflow:hidden; 
	display:block;
	margin:0px -10px;
}

.frames div {
	height:182px; 
	width:284px; 
	padding-left:15px; 
	padding-top:7px; 
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../alumni-img/alumni-websites-frame.png');
}

div > .frames div {
	background:url(../alumni-img/alumni-websites-frame.png) top left no-repeat; 
}

/*********** pricing_table styles **********/

.pricing_table {
	width:880px;
	 display:block;
	 border-left:1px solid #b5b5b5; 
	 border-top:1px solid #b5b5b5; 
}

.pricing_table .popular {
	position:absolute; 
	margin-top:-15px;
	margin-left:30px;
}

.pricing_table .subhead {
	display:block; 
	font-size:15px; 
	color:#ffffff; 
	font-weight:bold; 
	text-align:center; 
	background:url(../alumni-img/alumni-software-subheadbg.gif) top center no-repeat #0d3b45; 
	height:24px; 
	overflow:hidden; 
	padding-top:9px; 
	border-bottom:1px solid #b5b5b5;
	 border-right:1px solid #b5b5b5;
}

.pricing_table .row {
	display:block; 
	height:29px; 
	border-bottom:1px solid #b5b5b5; 
	overflow:hidden; 
	clear:both;
}

.pricing_table .row .col01 {
	width:134px; 
	height:15px;
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px; 
	 text-align:right; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 padding:7px 5px 7px 0px;
	 background:#FFFFFF;
}

.pricing_table .row .col02 {
	 width:133px; 
	 height:15px; 
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px;
	 text-align:center; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 padding:7px; 
	 background:#f2f2f2;
}

.pricing_table .row .col03 {
	 width:133px; 
	 height:15px; 
	 display:block; 
	 float:left; 
	 font-weight:bold;
     font-size:11px; 
	 text-align:center; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 padding:7px; 
	 background:#f1f8f9;
}

.pricing_table .row .col04 {
	 width:133px; 
	 height:15px; 
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px; 
	 text-align:center;
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 padding:7px; 
	 background:#f2f2f2;
}

.pricing_table .row .col05 {
	 width:133px; 
	 height:15px; 
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px; 
	 text-align:center; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5;
     padding:7px; 
	 background:#f1f8f9;
}

.pricing_table .row .col06 {
	 width:133px; 
	 height:15px; 
	 display:block; 
	 float:left;
	 font-weight:bold; 
	 font-size:11px; 
	 text-align:center; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 padding:7px; 
	 background:#f2f2f2;
}

.pricing_table .highlight {
	color:#47b9d0;
}

.pricing_table .head_row {
	display:block; 
	height:166px; 
	border-bottom:1px solid #b5b5b5; 
	overflow:hidden; 
	clear:both;
}

.pricing_table .head_row.short {
	height:47px;
}

.pricing_table .head_row.short .col01 div {
	text-align:center;
	font-size:12px; 
	color:#b2b2b2;
}

.pricing_table .top div {
	font-size:12px !important;
}

.pricing_table .package {
	 display:block; 
	 height:38px; 
	 background:#f9f9f9; 
	 border-bottom:1px solid #b5b5b5; 
	 font-size:14px; 
	 font-weight:bold; 
	 padding-top:9px; 
	 color:#17525d;
	 text-align:center;
}

.pricing_table .pads {
	 padding:10px;
}

.pricing_table .info {
	 display:block; 
	 text-align:right;
}

.pricing_table .text {
	 text-align:left; 
	 height:77px;
}

.pricing_table .head_row .col01 {
	 width:125px; 
	 height:143px;
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px; 
	 color:#b2b2b2;
	 border-right:1px solid #b5b5b5; 
	 padding:16px 7px 7px 7px;
	 line-height:16px;
	 background:#FFFFFF;
}

.pricing_table .head_row .col02 {
	 width:147px; 
	 height:166px; 
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px;
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 background:#f2f2f2;
}

.pricing_table .head_row .col03 {
	 width:147px; 
	 height:166px; 
	 display:block; 
	 float:left; 
	 font-weight:bold;
     font-size:11px; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 background:#f1f8f9;
}

.pricing_table .head_row .col04 {
	 width:147px; 
	 height:166px; 
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 background:#f2f2f2;
}

.pricing_table .head_row .col05 {
	 width:147px; 
	 height:166px; 
	 display:block; 
	 float:left; 
	 font-weight:bold; 
	 font-size:11px; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5;
	 background:#f1f8f9;
}

.pricing_table .head_row .col06 {
	 width:147px; 
	 height:166px; 
	 display:block; 
	 float:left;
	 font-weight:bold; 
	 font-size:11px; 
	 color:#7e7e7e;
	 border-right:1px solid #b5b5b5; 
	 background:#f2f2f2;
}

.pricing_table .pop {
	background:#fff7df !important;
}

/*********** subheader styles ************/

#subheader {
	display:block; 
	height:200px; 
	background:url(../alumni-img/alumni-websites-sub_headerbg.jpg) bottom left no-repeat;
	margin-bottom:10px; 
	padding-left:13px;
}

#subheader .sh_left {
	width:279px; 
	height:170px; 
	padding:6px 7px; 
	float:left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../alumni-img/alumni-website-design-frame2.png');
}

div > #subheader .sh_left {
	background:url(../alumni-img/alumni-website-design-frame2.png) top left no-repeat; 
}

#subheader .sh_right {
	width:552px; 
	color:#ffffff;
	font-size:13px; 
	font-weight:bold;
	float:right;
}

#subheader .sh_right .head {
	display:block; 
	height:52px;
}

#subheader .sh_right .signup {
	float:right;
	margin-top:-5px;
	position:relative;
}

#subheader .sh_right .text {
	font-size:18px; 
	font-weight:bold; 
	line-height:20px;
	padding-top:10px;
}

#subheader .sh_right p {
	padding-right:20px !important;
}

/*********** box_left styles ************/

.box_left {
 	background:url(../alumni-img/alumni-box-left-mid.gif) repeat-y; 
	width:243px;
}

.box_left .top {
	background:url(../alumni-img/alumni-box-left-top.gif) top left no-repeat;
}

.box_left .bot {
	background:url(../alumni-img/alumni-box-left-bot.gif) bottom left no-repeat; 
	padding:20px 15px;
}

.box_left .title {
	font-size:16px; 
	font-weight:bold; 
	color:#575757;
}

.box_left .title img {
	vertical-align:middle; 
	margin-left:10px;
}

.box_left .quote {
	font-size:12px; 
	color:#575757; 
	line-height:15px; 
	background:url(../alumni-img/alumni-quote.gif) top left no-repeat; 
	text-align:justify; 
	margin:15px 0px;
}

.box_left .author {
	font-weight:bold; 
	text-align:right;
}

.box_left .view_all {
	font-size:12px; 
	color:#279eb8; 
	text-decoration:none;
}

.box_left .view_all:hover {
	text-decoration:underline;
}

/*********** footer styles *************/

#footer {
	display:block; 
	background:url(../alumni-img/alumni-website-software.jpg) top center repeat-x; 
	height:128px; 
	overflow:hidden;
}

#footer a {
	color: #ffffff;
}

#footer .wrap {
	width:900px; 
	margin:0px auto;
	font-size:12px;
	color:#FFFFFF;
}

#footer .wrap ul {
	display:block;
	margin:0px;
	padding:20px 0px 0px;
	list-style:none;
	height:30px;
	overflow:hidden;
}

#footer .wrap ul li {
	display:block;
	float:left;
	padding:0px 22px;
	background:url(../alumni-img/alumni-sep.gif) 0px 2px no-repeat;
}

#footer .wrap ul li a {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

#footer .wrap ul li a:hover {
	color:#efbf3e;
}

#footer .wrap ul li.active a {
	color:#efbf3e;
}

#footer .wrap ul .first {
	padding-left:0px;
	background:none;
}