/* RESET CSS */
body                                    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;}
ol, ul                                  {list-style: none;}
a                                       {text-decoration:none;cursor: pointer;}
a:hover                                 {text-decoration: none;}
a:focus                                 {outline: 0;}
table                                   {border-collapse: collapse;}
a img                                   {border:0px;}
.wai                                    {display:none !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}

/*  site's CSS */
html                                    {}

body                                    {font-family:verdana,trebuchet ms, arial, sans-serif;font-size:0.625em;text-align:left;background: url("../img/body-bg.jpg") repeat-x top left #000;}
#page                                   {margin: 0 auto 0 auto;width:983px;overflow:hidden;}
/*  the header  */

#header                                 {height:110px;width:100%;position:relative;}

#logo                                   {float:left;width:190px;height:90px;background: url("../img/view360-logo.jpg") no-repeat top left;}
#logo h1 a                              {text-indent:-5000px;overflow: hidden;width:374px;height:121px;display:block;}

/* main menu */
ul#topnav                               {font-size:115%;float:right;margin:5px 20px 0 0;}
ul#topnav li                            {display:inline;}
ul#topnav li a                          {color:#aaa;padding:0px 12px;}
ul#topnav li a:hover                    {color:#fff;}
ul#topnav li.login  a                   {background: url("../img/login-bg.jpg") no-repeat left top;padding-left:29px;line-height:22px;display:block;}


/* main menu */
ul#mainnav                              {margin-top:20px; font-size:135%;float:right;text-transform:uppercase;clear:right;font-family:futura std light,tahoma,arial narrow,arial;}
ul#mainnav li                           {display:inline;text-align:center;margin:0px 14px;float:left;}
ul#mainnav li a                         {color:#fff;text-decoration: none !important;padding:26px 15px 25px 15px;float:left;}
ul#mainnav li a:hover                   {color:#fff;background: url("../img/menu-hover-bg.jpg") no-repeat center center;}
ul#mainnav li a.clicked                 {color:#fff;background: url("../img/menu-hover-bg.jpg") no-repeat center center;}

#stage                                  {clear:both;background: url("../img/stage-bg.png") no-repeat top left;width:983px;height:298px;}
#blinds-container                       {width:967px;float:left;height:283px;margin:7px 0 0 8px;display:inline;}

/* submenu */
ul#subnav                               {margin-top:10px; font-size:120%;float:left;text-transform:uppercase;font-family:futura std light,tahoma,arial narrow,arial;list-style-type:circle;}
ul#subnav li                            {margin-left:20px;clear:left;}
ul#subnav li a                          {color:#fff;text-decoration: none;padding:15px 0px 5px 5px;display:block;}
ul#subnav li a:hover                    {color:#fff;text-decoration:underline;}
ul#subnav li a.clicked                  {text-decoration:underline !important;}

.index-sidebar                          {font-size:120%;float:left;text-transform:uppercase;font-family:futura std light,tahoma,arial narrow,arial;}
.index-sidebar li                       {margin-top:10px;clear:left;}
.index-sidebar a                        {color:#fff;text-decoration: none;display:block;}
.index-sidebar a.new-builds-link        {background: url("../assets/images/generic-sidebar-img.png") no-repeat left bottom;width:200px;height:78px;display:block;}
.index-sidebar a:hover                  {color:#3378ff !important;}

/* main content area  */

#content                                {overflow:hidden;height:auto;padding:10px 10px 40px 10px;color:#fff;font-size:130%;line-height:140%;}

#content p                              {padding:10px 0;}

#content h2                             {font-size:160%;padding:15px 0;line-height:130%;color:#fff;font-family:futura std light,tahoma,arial narrow,arial;}
#content h3                             {font-size:130%;padding:5px 0;font-family:futura std light,tahoma,arial narrow,arial;}
#content h4                             {font-size:100%;padding:5px 0;font-family:futura std light,tahoma,arial narrow,arial;}

#content a                              {color:#fff;text-decoration:underline;}
#content a:hover                        {text-decoration:none;color:#eee;}

#leftside                               {float:left;width:200px;}
#leftside a                             {text-decoration:none !important;}
#rightside                              {border-left:1px solid #4b4b4b;width:700px;float:right;padding-left:30px;}
.contentlist                            {margin:10px 20px 10px 40px;list-style-type:disc;}

/* profile tab area */
#tabbed_area                            {position:relative;width:320px;float:right;margin:15px 0 15px 15px;}

/* tabbed navigation */
ul#sidebar_nav                          {width:280px;float:right;margin-right:5px;display:inline;}
ul#sidebar_nav li                       {float:right;display:inline;}
ul#sidebar_nav li a                     {background:url(../img/tab-bg.gif) no-repeat bottom left;color:#aaa;display:block;width:112px;height:30px;text-align:center;line-height:35px;text-decoration:none !important;}
ul#sidebar_nav  li a:hover              {color:#fff;}
ul#sidebar_nav li a.selected            {background:url(../img/tab-bg-hover.gif) no-repeat bottom left !important;line-height:35px !important;color:#fff;}

/* div containing all the content coming from the tabs */
#tabs_content                           {float:right;padding:10px;background: url("../img/tab-content-bg.gif") repeat-x left top #ccc;width:300px;font-size:110%;-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#333;font-size:90%;}
#tabs_content h3                        {font-family:tahoma,arial narrow,arial;font-size:120%;}
#tabs_content p                         {padding:10px 0;}
#tabs_content address                   {padding:10px 0;font-style:normal;}
#tabs_content address a                 {color:#000;text-decoration:underline;}
#tabs_content address a:hover           {color:#666;text-decoration:none;}

#tabs_content dl                        {}
#tabs_content dt                        {font-size:85%;text-align:right;font-weight:bold;}
#tabs_content dt strong                 {color:#194861;padding-right:10px;font-size:120%;text-align:left;float:left;}
#tabs_content dd                        {padding:0px 0 20px 0;}

/* faq list */
.faqlist                                {}
.faqlist dt                             {font-weight:bold;}
.faqlist dd                             {padding:5px 5px 15px 5px;}

/*footer style */



#footer                                 {width:100%;color:#eee;font-size:100%;padding:10px 0 20px 0;overflow:hidden;border-top:1px solid #333;}
#footer ul                              {float:left;width:50%;}
#footer ul li                           {display:inline;margin-left:5px;padding-right:5px;}

#footer a                               {color:#aaa;text-decoration:none;}
#footer a:hover                         {color:#fff; }
#footer ul li a.clicked                 {color:#fff !important;}

a.copyright                             {text-align:right;padding:5px 10px;clear:right;float:right;color:#aaa !important;width:30%;text-align:right;}

/* CSS used for styling the CONTACT form */
form#contact 						    {float:left;width:400px;}

form#contact label 					    {display:block;float:left;clear:left;width:100px;}
form#contact input 					    {background:#fff;margin-bottom:7px;border:1px solid #d8d8d8;width:280px;float:left;}
form#contact textarea 				    {background:#fff;height:80px;border:1px solid #d8d8d8;width:280px;float:left;}
form#contact input#send				    {background:#32A7FF;float:left; border:0; margin-top:10px;cursor:pointer;width:80px;height:22px;color:#fff;margin-left:100px;display:inline;}
.faulty_field						    {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}
.red                                    {color:#ff0000 !important;font-weight:bold;}
