@charset "UTF-8";
/* CSS Document */

body  {	font: 100%  "Lucida Grande", Geneva, Arial, sans-serif; background: #fff; margin: 0; padding: 0; text-align: center; color: #000000; font-size: 12px;}
body li, body p, body td {
	font-size: 12px;
}
#container{width:885px; margin: 0 auto; text-align: left; position: relative;}
#containerx{width:885px; margin: 0 auto;}
#headerFlash{height:600px; width:890px; margin:-30px 0 20px 0; padding:0}
#headerFlashx{height:800px; width:890px;}
#subFlash{height:200px; width:890px; margin:-30px 0 20px 0; padding:0; text-align: center;}
#webinarFlash{width:884px; margin:-30px 0 20px 0; padding:0; text-align: center; float:left;}


/* this is for the top navigation */
#headerNav{margin: 0px 0 65px 0;}
#headerNavx{margin: 0px 0 15px 0;}
#logo{float:left; width:145px; padding:0 10px 0 0; margin:-15px 0 0 0; _margin:0;}

#topNav {margin-top:40px; _margin: -45px 0 0 0; height:50px;}
#f-source-menu{margin:30px 0 0 0;}
#f-new{margin:0px 0 0 160px;}

#nav {background-image: url(../images/topNavigation.gif); background-repeat: no-repeat; padding:0; height:34px; width:730px; margin:0px 0 0 155px}
#nav span {display: none;}
#nav li, #nav a {display:block; height:34px;}
#nav li {float:left; list-style:none; display:inline;}

#topNav #home {width:71px;}
#topNav #company {width:86px;}
#topNav #portraits {width:90px;}
#topNav #wedding {width:84px;}
#topNav #event {width:83px;}
#topNav #trash {width:98px;}
#topNav #bookings {width:120px;}
#topNav #blog {width:98px;}

/* OVER STATES*/
#topNav #home a:hover {background:url(../images/topNavigation.gif) 0px -38px no-repeat; }
#topNav #company a:hover {background:url(../images/topNavigation.gif) -71px -38px no-repeat; }
#topNav #portraits a:hover {background:url(../images/topNavigation.gif) -157px -38px no-repeat; }
#topNav #wedding a:hover {background:url(../images/topNavigation.gif) -247px -38px no-repeat; }
#topNav #event a:hover {background:url(../images/topNavigation.gif) -331px -38px no-repeat; }
#topNav #trash a:hover {background:url(../images/topNavigation.gif) -414px -38px no-repeat; }
#topNav #bookings a:hover {background:url(../images/topNavigation.gif) -512px -38px no-repeat; }
#topNav #blog a:hover {background:url(../images/topNavigation.gif) -632px -38px no-repeat; }

/* PRESSED STATES*/
#topNav #home a:active {background:url(../images/topNavigation.gif) 0px -76px no-repeat; }
#topNav #company a:active {background:url(../images/topNavigation.gif) -71px -76px no-repeat; }
#topNav #portraits a:active {background:url(../images/topNavigation.gif) -157px -76px no-repeat; }
#topNav #wedding a:active {background:url(../images/topNavigation.gif) -247px -76px no-repeat; }
#topNav #event a:active {background:url(../images/topNavigation.gif) -331px -76px no-repeat; }
#topNav #trash a:active {background:url(../images/topNavigation.gif) -414px -76px no-repeat; }
#topNav #bookings a:active {background:url(../images/topNavigation.gif) -512px -76px no-repeat; }
#topNav #blog a:active {background:url(../images/topNavigation.gif) -632px -76px no-repeat; }

/* ON STATES*/
#topNav.home #home a {background:url(../images/topNavigation.gif) 0px -76px no-repeat; }
#topNav.company #company a {background:url(../images/topNavigation.gif) -71px -76px no-repeat; }
#topNav.portraits #portraits a {background:url(../images/topNavigation.gif) -157px -76px no-repeat; }
#topNav.wedding #wedding a {background:url(../images/topNavigation.gif) -247px -76px no-repeat; }
#topNav.events #event a {background:url(../images/topNavigation.gif) -331px -76px no-repeat; }
#topNav.trash #trash a {background:url(../images/topNavigation.gif) -414px -76px no-repeat; }
#topNav.bookings #bookings a {background:url(../images/topNavigation.gif) -512px -76px no-repeat; }
#topNav.blog #blog a {background:url(../images/topNavigation.gif) -632px -76px no-repeat; }

#sidebar1 {float: left; width: 238px; padding:0; margin:0px 10px 0 0;}
#sidebar2 {
	float: right;
	width: 238px;
	padding:0;
}
#mainContentHome {margin-left:2px;  width:600px; _width:365px padding:0px 15px 0 10px; font-size: 12px; color:#666; line-height: 18px;}
#mainContentSub {margin-left:265px; _margin-left:255px; width:620px; _width:600px padding:0px 15px 0 20px; font-size: 12px; color:#666; line-height: 18px;}

#footer {width:885px; height:36px; margin: 15px 0 0 0; padding-top:10px;  background:url(../images/bg_footer.gif) repeat-x;}
#footer p {margin: 0;padding: 10px 0}
#footerLeft {text-align: left; font-size: 11px; color:#666; float:left;}
#footerRight {text-align: right; font-size: 11px; color:#666; }
#footerRightShare {text-align: right; font-size: 11px; color:#666; }

#subNav{margin:0;}
#subNav ul#subNavLinks { display: inline; float: right; margin: 0; }
#subNav ul#subNavLinks li { display: inline; }
#subNav ul#subNavLinks li a { color: #999; float: left; margin: 10px 12px 0px 12px; padding: 0; text-decoration: none; font-size:13px;}
#subNav ul#subNavLinks li a:hover { color: #000000; }
#subTitle{margin:40px 0 0 0; font-size:18px; font-weight:bold; color:#000;}

.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both; height:0;font-size: 1px; line-height: 0px;}
#spacer{padding:0px;}

#roundedCorners {width:100%; margin:0 0 20px 0; background:#f5f5f5 url(../images/roundedLeftside.gif) repeat-y left top;}
.roundedTop {width:100%;height:34px;background:url(../images/roundedTop.gif) no-repeat left top; margin: -1px 0 0 0; _margin:0;}
.roundedTop span {
	display:block;
	height:34px;
	background:url(../images/roundedTop-right.gif) no-repeat right top;
	color:#ffffff;
	padding:10px 0 0 8px;
	_padding:12px 0 -20px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 -30px 0;
}
.roundedCenterContent {position:relative; background:url(../images/roundedRightside.gif) repeat-y right top; padding:5px 15px 1px 15px; _padding:5px 12px 1px 15px; margin:0; text-align:left; }
.roundedCenterContent p{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px;}
.roundedBottom {height:11px; background:url(../images/roundedBottom.gif) no-repeat left bottom; margin:0;}
.roundedBottom span {display:block; position:relative; height:11px; margin:0;_margin: 0 0 -8px 0; background:url(../images/roundedBottom-right.gif) no-repeat right top;}

#roundedClearCorners {margin:0 0 10px 0; background:#ebebeb url(../images/roundedClearLeftside.gif) repeat-y left top;}
.roundedClearTop {width:100%;height:13px;background:url(../images/roundedClearTop.gif) no-repeat left top;margin: -1px 0 0 0;}
.roundedClearTop span {display:block; position:relative; height:13px; background:url(../images/roundedClearTop-right.gif) no-repeat right top; color:#ffffff; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.roundedClearCenterContent {position:relative; background:url(../images/roundedClearRightside.gif) repeat-y right top; padding:0; margin:0;	text-align:left; }
.roundedClearCenterContent p{color:#666; font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:12px; line-height: 18px; padding:0 10px 0 10px; margin:0;}
.roundedClearBottom {height:13px; background:url(../images/roundedClearBottom.gif) no-repeat left bottom;	margin:0;}
.roundedClearBottom span {display:block; position:relative; height:13px; margin:0;_margin: 0 0 -8px 0; background:url(../images/roundedClearBottom-right.gif) no-repeat right top;}

#homeFloatText{font-size: 14px; color:#666; padding:0; margin:0 10px 0 10px;}
#homeCogIcon{float:left; padding:0 10px 20px 10px;}

.homeContentImage{padding:10px 0px 0px 0px; margin:0;}

#floatList{float:right; width:250px; position:relative;}

#categorylist{font-size:12px;}

/* font styles */

.newsLinks{font-size: 12px; line-height:18px}
.newsLinks li{margin:0 0 0 -20px;}
.blueText{color:#000000;}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {	text-decoration: none;color: #666;}
a:hover {
	text-decoration: underline;
	color: #616263;
}
a:active {text-decoration: none;color: #666;}

#mainContentSub a:link,
#mainContentSub a:visited,
#mainContentSub a:active {color: #990000;text-decoration: none;}
#mainContentSub a:hover {color: #009bda;text-decoration: none;}


#subContentSection{margin:0; padding:0; width:600px;}
#subIcon{width:65px; float:left; padding:0; margin:0 10px 0 0}
#subLogo{width:178px; float:left; padding:0; margin:0 10px 0 0}
#subContentText{padding:0; margin:0 0 0 75px;}
#subContentLogoText{padding:0; margin:0 0 0 190px;}
#subContentSeperator{ height:10; background-image:url(../images/seperator.gif); background-repeat:no-repeat; padding:5px 0 0 0; margin:20px 0 0 0; _margin:15px 0 10px 0;}

smallText{font-size:12px; color:#666;}

H1 {font-size:20px; color:#3A4956; line-height: 24px;}
H2 {font-size:14px; color:#616263; line-height:20px;}
h3 {font-size:14px; color:#000; margin:2px;}

#twitter_status { color: #000; line-height: 15px; padding: 10px 0; margin: 0;}
#twitter_status span { font-size: 12px; color: #999999; margin: 0;}

#links ul {
        list-style-type: none;
        width: 238px;
	    margin: 0px;
	    padding: 0px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a {
	color: #484848;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 200px;
}

#links li a:hover {
	background: #cccccc;
	font-size: 12px;
}

#links a em {
	color: #333;
	display: block;
	line-height: 100%;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#links a span {
        color: #cccccc;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 100%;
}

div.button {
	float: left;
	width: 335px;
	height: 42px;
}


div.button a {
	display: block;
	margin: 0px;
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	background: url('../images/request_more_wedding_info.png') top left no-repeat;
	color: #FFFFFF;
	font-family: 'Arial';
	font-size:14px;
	line-height: 42px;
	text-align: center;
}


div.button a:hover {
	background-position: -335px 0;
	color: #A2A2A2;
}


div.button a:active {
	background-position: -670px 0;
	color: #656565;
}