/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* stops shorter pages from jumping due to default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
body {font:62.5% Arial; background-color:#CFCFCF;}
h1, h2, h3, h4, h5, h6 {font-size:24px;}
img {border:0;vertical-align:top;}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#skip {height:0px;overflow:hidden;width:0px}
#page {width:920px;margin:0 auto;background:#fff}

/*styling of search box on the top*/
#topLine{
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
	display:inline;
	float:left;
	height:110px;
	position:relative;
	background:#FFF;
}
#topLine .logo{
	margin:0;
	float:left;
	clear:left;
	width:28%;
	height:110px;
	background:url(../images/VC-Logo-BlackTag-Under.png) no-repeat 0 0;
}
/* menubar and logo should have the same height */
#topLine .menubar {
	margin:0;
	float:right;
	clear:right;
	width:70%;
	height:110px;
}
.menubar form {
	text-align:right;
	/* background:url(../images/searchbox-bg.png) no-repeat 100% 0; */
}
.menubar .input-box{
	border:2px #006 solid;
	text-align:Left;
	font-size:14px;
	height:25%
	padding:0px 5px 0px 5px; /* top, right, bottom, left */
}
/* search button */
.menubar .submit-button{
	background:url(../images/search-submit.png) no-repeat 100% 0;
	border:0;
	text-align:Left;
	padding:0px 5px 0px 5px; /* top, right, bottom, left */
	color:#fff;
	font:14px;
}
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
.menubar ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 100%;
	background-color: #006;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
.menubar ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
.menubar ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	font-size:15px;
	width: 106px;
	text-transform:capitalize;
	text-align: left;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
.menubar ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 110px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
.menubar ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
.menubar ul.MenuBarHorizontal ul li
{
	width: 130px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
.menubar ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0px 0 0 98%; /* top, right, bottom, left */
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
.menubar ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
.menubar ul.MenuBarHorizontal ul
{
	border: 0;
}
/* Menu items are a blue and white text with padding and no text decoration */
.menubar ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #006;
	color: #FFF;
	text-transform:capitalize;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a grey background and yellow text */
.menubar ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #333;
	color: #FF0;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a grey background and yellow text */
.menubar ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #333;
	color: #FF0;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
.menubar ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
.menubar ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.menubar ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
.menubar ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
/* Header */
#header{
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
	display:inline;
	clear:left;
	float:left;
	position:relative;
}
#header .banner-main{
	height:170px;
	background:url(../images/VC-Puzzle-Banner.png) no-repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}
#header .banner-products{
	height:210px;
	background:url(../images/ProductAnimation.gif) repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}
#header .banner-solutions{
	height:210px;
	background:url(../images/SolutionAnimation.gif) repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}
#header .banner-rtm{
	height:210px;
	background:url(../images/RTMAnimation.gif) repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}
#header .banner-clearview{
	height:210px;
	background:url(../images/ClearViewAnimation.gif) repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}

/* Content*/
#content{
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
	padding:0;
	margin:0;
	background:#FFF;
}
/* define columns relative to content */
#content .leftcolumn {
	float: left;
	width: 34%;
	display:inline;
}
#content .midcolumn {
	float: left;
	width: 33%;
	display:inline;
}
#content .rightcolumn {
	float: left;
	width: 33%;
	display:inline;
}
#content .description {
	width:100%;
	float: left;
	overflow:hidden;
}
/*styling of description box*/
.description {
	font-size:14px;
	line-height:18px;
	color:#333;
	padding-right:0px;
}
.description h1{
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.description h2{
	font-size:20px;
	line-height:30px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.description h3{
	font-size:18px;
	line-height:26px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.description h4{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.description sup {
	font-size:80%;
	vertical-align:super;
}
.description sub {
	font-size:80%;
	vertical-align:sub;
}
.description p{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.description table{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
	padding:0;
}
.description ul{
	padding-left:10px;
	margin-bottom:0px;
}
.description li{
	font-size:14px;
	line-height:18px;
	color:#333;
	list-style:disc;
	margin: 0 4px 0 8px;
	padding:0 2px 0 2px; /* top, right, bottom, left */
}
.description .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}
.description .description-top{
	background:url(../images/description-top.png) no-repeat 0 0;
	padding:10px 20px 0px 20px;/* top, right, bottom, left */
}
.description .description-bottom{
	background:url(../images/description-bottom.png) #fff no-repeat 0 0;
	height:20px;
}
/*styling of left column*/
.leftcolumn {
	padding-right:00px;
	margin:0;
}
.leftcolumn h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
.leftcolumn h5{
	width:80%;
	background:url(../images/news-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
.leftcolumn h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
.leftcolumn p{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.leftcolumn table{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.leftcolumn ul{
	padding-left:10px;
	margin:0;
}
.leftcolumn li{
	font-size:14px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
.leftcolumn .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}
.leftcolumn .leftcolumn-top{
	background:url(../images/column-top-290.png) no-repeat 0 0;
	padding:10px 10px 0px 10px;/* top, right, bottom, left */
}
.leftcolumn .leftcolumn-bottom{
	background:url(../images/column-bottom-290.png) #fff no-repeat 0 0;
	height:20px;
}
/*styling of middle column*/
.midcolumn {
	padding-right:00px;
	margin:0;
}
.midcolumn h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
.midcolumn h5{
	width:80%;
	background:url(../images/news-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
.midcolumn h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
.midcolumn p{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.midcolumn table{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.midcolumn ul{
	padding-left:10px;
	margin:0;
}
.midcolumn li{
	font-size:14px;
	line-height:18px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
.midcolumn .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}
.midcolumn .midcolumn-top{
	background:url(../images/column-top-290.png) no-repeat 0 0;
	padding:10px 10px 0px 10px;/* top, right, bottom, left */
}
.midcolumn .midcolumn-bottom{
	background:url(../images/column-bottom-290.png) #fff no-repeat 0 0;
	height:20px;
}
/*styling of right column*/
.rightcolumn {
	padding-right:00px;
	margin:0;
}
.rightcolumn h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
.rightcolumn h5{
	width:80%;
	background:url(../images/news-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
.rightcolumn h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
.rightcolumn p{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.rightcolumn table{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
}
.rightcolumn ul{
	padding-left:10px;
	margin:0;
}
.rightcolumn li{
	font-size:14px;
	line-height:18px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
.rightcolumn .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}
.rightcolumn .rightcolumn-top{
	background:url(../images/column-top-290.png) no-repeat 0 0;
	padding:10px 10px 0px 10px;/* top, right, bottom, left */
}
.rightcolumn .rightcolumn-bottom{
	background:url(../images/column-bottom-290.png) #fff no-repeat 0 0;
	height:20px;
}
/*the right side of the content is included in .main,the left side of the content is include in #sidebar */
#content .main{
	width:70%;
	float:right;
	height:1%;
	overflow:hidden;
}
/*styling of welcome box*/
.main .welcome{
	float:left;
	padding-right:10px;
	margin:0;
}
.main .welcome ul {
	padding-right:18px;
	margin-bottom:10px;
}
.main .welcome li{
	list-style:disc;
	margin: 0 4px 0 8px;
	padding:0 2px 0 2px; /* top, right, bottom, left */
}
.main h1{
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.main h2{
	font-size:20px;
	line-height:30px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.main h3{
	font-size:18px;
	line-height:26px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.main h4{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#009;
	padding:0 0 0 0; /* top, right, bottom, left */
}
.main sup {
	font-size:80%;
	vertical-align:super;
}
.main sub {
	font-size:80%;
	vertical-align:sub;
}
.main .welcome .intro{
	padding-left:10px;
	font-size:14px;
	line-height:20px;
	color:#333;
}
.main .welcome .intro p{
}
.main .welcome .intro ul {
	padding-left:18px;
	margin-bottom:10px;
}
.main .welcome .intro li{
	list-style:disc;
	margin: 0 4px 0 8px;
	padding:0 2px 0 2px; /* top, right, bottom, left */
}

/* Sidebar */
#sidebar{
	margin:0;
	float:left;
	display:inline;
	width:28%;
	height:1%;
	overflow:hidden;
	background:#FFF;
}

/*styling of Rightmenu in sidebar */
#sidebar .RightMenu{
	background:url(../images/bg-latest.jpg) repeat-y;
	margin:0 0 8px 0;
	position:relative;
}
#sidebar .RightMenu .icon{
}
#sidebar .RightMenu .icon_old{
	position:absolute;
	left:70%;
	top:2px;
	width:20%;
	height:57px;
	background:url(../images/menu-icon.png) no-repeat 0 0;
	text-indent:0px;
}
#sidebar .RightMenu-top{
	background:url(../images/bg-latest-top.jpg) no-repeat 0 0;
	padding:27px 10px 20px 18px;
}
#sidebar .RightMenu-bottom{
	background:url(../images/bg-latest-bottom.jpg) #fff no-repeat 0 0;
	height:6px;
}
#sidebar .RightMenu h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
#sidebar .RightMenu h5{
	width:80%;
	background:url(../images/menu-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
#sidebar .RightMenu h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
#sidebar .RightMenu p{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin:0;
}
#sidebar .RightMenu ul{
	padding-left:10px;
	margin-bottom:10px;
}
#sidebar .RightMenu li{
	font-size:14px;
	line-height:20px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
sidebar .RightMenu .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}

/*styling of quote in sidebar */
#sidebar .quote{
	background:url(../images/bg-latest.jpg) repeat-y;
	margin:0 0 8px 0;
	position:relative;
}
#sidebar .quote .icon{
}
#sidebar .quote .icon_old{
	position:absolute;
	left:70%;
	top:2px;
	width:20%;
	height:57px;
	text-indent:0px;
	background:url(../images/quote-icon.png) no-repeat 0 0;
}
#sidebar .quote-top{
	background:url(../images/bg-latest-top.jpg) no-repeat 0 0;
	padding:27px 10px 20px 18px;
}
#sidebar .quote-bottom{
	background:url(../images/bg-latest-bottom.jpg) #fff no-repeat 0 0;
	height:6px;
}
#sidebar .quote h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
#sidebar .quote h5{
	width:80%;
	background:url(../images/quote-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
#sidebar .quote h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
#sidebar .quote p{
	font-size:14px;
	line-height:20px;
	padding:0 2px 0 2px;
	color:#333;
	margin:0;
}
#sidebar .quote ul{
	padding-left:10px;
	margin-bottom:10px;
}
#sidebar .quote li{
	font-size:14px;
	line-height:20px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
#sidebar .quote .more a{
	font-size:14px;
	line-height:20px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}

/*styling of latest in sidebar */
#sidebar .latest{
	background:url(../images/bg-latest.jpg) repeat-y;
	margin:0 0 8px 0;
	position:relative;
}
#sidebar .latest .icon{
}
#sidebar .latest .icon_old{
	position:absolute;
	left:70%;
	top:0;
	width:20%;
	height:57px;
	background:url(../images/news-icon.png) no-repeat 0 0;
	text-indent:0px;
}
#sidebar .latest-top{
	background:url(../images/bg-latest-top.jpg) no-repeat 0 0;
	padding:27px 10px 20px 18px;
}
#sidebar .latest-bottom{
	background:url(../images/bg-latest-bottom.jpg) #fff no-repeat 0 0;
	height:6px;
}
#sidebar .latest h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
#sidebar .latest h5{
	width:80%;
	background:url(../images/news-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
#sidebar .latest h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
#sidebar .latest p{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin:0;
}
#sidebar .latest table{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin:0;
}
#sidebar .latest ul{
	padding-left:10px;
	margin-bottom:10px;
}
#sidebar .latest li{
	font-size:14px;
	line-height:20px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
#sidebar .latest .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}

/*styling of newsletter signup*/
#sidebar .sign{
	background:url(../images/bg-sign.jpg) repeat-y;
	position:relative;
}
#sidebar .sign .icon_old{
	position:absolute;
	left:70%;
	top:0;
	width:20%;
	height:61px;
	background:url(../images/newsletter-icon.png) no-repeat 0 0;
	text-indent:0px;
}
#sidebar .sign-top{
	background:url(../images/bg-sign-top.jpg) no-repeat 0 0;
	padding:27px 10px 22px 18px;
}
#sidebar .sign-bottom{
	background:url(../images/bg-sign-bottom.jpg) #fff no-repeat 0 0;
	height:8px;
}
#sidebar .sign h4{
	color:#009;
	font-size:20px;	
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
#sidebar .sign h5{
	width:80%;
	background:url(../images/quote-icon.png) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:14px;
}
#sidebar .sign h5 a{
	text-decoration:underline;
	color:#333;
	font-style:italic;
}
#sidebar .sign p{
	font-size:14px;
	line-height:20px;
	color:#333;
	margin:0;
}
#sidebar .sign ul{
	padding-left:10px;
	margin-bottom:10px;
}
#sidebar .sign li{
	font-size:14px;
	line-height:20px;
	color:#333;
	list-style:none;
	padding:0 2px 0 2px;
}
#sidebar .sign .more a{
	font-size:14px;
	font-style:italic;
	color:#00F;
	text-decoration:underline;
}
.sign-form{
	padding:0 0 0 4px;
}
.sign-form .input-box{
	border:1px #26737D solid;
	color:#333;
	font-size:14px;
	width:80%;
	padding:3px 10px;
}
.sign-form .submit-button{
	background:url(../images/newsletter-submit-button.gif) no-repeat 0 0;
	width:40%;
	height:20px;
	border:0;
	color:#fff;
	display:block;
	margin:10px 0 0 0;
}
/* Footer */
#footer{
	padding:0;
	margin:0;
	width:100%;
	height: 80px;
	overflow:hidden;
	display:inline;
	float:left;
	background:url(../images/footer.png) no-repeat 0 0;
	position:relative;
}
#footer ul{
	padding:10px 0px 20px 0px; /* top, right, bottom, left */
	float:left;
	width:60%;
}
#footer li{
	float:left;
	list-style:none;
	padding:0px 2px 0px 2px; /* top, right, bottom, left */
	border-left:1px #fff solid;
}
#footer li.first{
	border:0;
	padding-left:10px;
}
#footer li a{
	font-size:13px;
	color:#fff;
	text-transform:capitalize;
}
#footer .copyright{
	font-size:13px;
	color:#fff;
	padding:10px 10px 10px 10px; /* top, right, bottom, left */
	float:left;
	clear:left;
}
/* for validation text bottom footer */
#footer .valid {
	font-size:13px;
	color:#fff;
	padding:10px 30px 0 0; /* top, right, bottom, left */
	float:right;
	clear:right;
}
/* position of phone icon & number in footer */
#footer .phone{
	color:#FFF;
	font-size:20px;	
	float:right;
	clear:right;
	padding:0px 30px 0px 30px; /* top, right, bottom, left */
	background:url(../images/phone-icon.jpg) no-repeat 0 50%;
}
/* ----------- stylized ----------- */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:600px;
	padding:14px;
}
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:8px;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:240px;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:240px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:300px;
	margin:2px 0 20px 10px;
}
#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	margin:2px 0 20px 10px;
}
#stylized button{ 
	clear:both;
	margin-left:150px;
	width:225px;
	height:31px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
