/*
*	base.css
*/
/*
* Global style that applies to all tags
*
* Note:this forces one to write specific style
* definitions for all basic HTML elements
*/
*{
margin:0px;
padding:0px;
/*color:#666465;*/
font-family:Arial,Sans-Serif;
}
/* styles all links */ 
a{
color:#0D3692;
}
a img{
border:none;
}
/* a style to hide text that is included for screen readers */
span.hide_this{
display:none;
}
/*
*	Layout styles
*/
/* defines a centered body,initial font-size and margins */
body{
margin:0px 0px;
background-color:#f6f6f6;
color:#666465;
font-size:12px;
text-align:center;/* centers the page */
}
/* completes the centering effect,sets the total width,
and a white repeating background with side shadows */
#page{
width:795px;
margin:0px auto;/* centers the page */
color:#666465;
background-color:#f6f6f6;
background-image:url(../cmsimages/page_bg.gif);
background-repeat:repeat-y;
background-position:top center;
text-align:left;
}
/*
* Layout
*  - header
*  - nav_box
*  	o nav
*  - content
*  	o banner
*  	o copy
*  	o right_column
*  - footer
*/
/*
* Header
*/
#header{
width:750px;
margin-left:20px;
padding:10px 0px;
height:62px;
}
#header #webefforts{
float:left;
width:231px;
margin:5px 0px 0px 5px;
background-repeat:no-repeat;
background-image:url(../cmsimages/webefforts.jpg);
height:52px;
}
#header ul.links{
float:right;
list-style:none inside none;
}
#header ul.links li{
float:left;
margin-left:5px;
color:#777;
font-size:9px;
}
#header #phone1{
clear:right;
float:right;
margin-top:5px;
width:175px;
background-repeat:no-repeat;
background-position:top right;
height:27px;
}
/*
* navigation - top tabs
*/
ul#nav{
width:750px;
margin-left:20px;
list-style:none inside none;
}
ul#nav li{
float:left;
}
ul#nav a{
display:block;
background-repeat:no-repeat;
height:30px;
}
/*ul#nav a:hover,*/
ul#nav a.active{
background-position:0 100%;
}
/*
* sub navigation 
* gray all caps and separated by bullets
*/
ul#sub_nav{
clear:both;
float:left;
width:730px;
margin-left:30px !important;
margin-left:15px;
margin-top:5px;
margin-bottom:10px;
list-style:none inside none;
}
ul#sub_nav li{
float:left;
white-space:nowrap;
font-size:11px;
font-weight:bolder;
}
ul#sub_nav a.active{
}
.links a,
#sub_nav a{
color:#666465;
text-decoration:none;
text-transform:uppercase;
}
.links a:hover,
#sub_nav a:hover{
color:#666465;
text-decoration:underline;
}
/* 
* table layout 
*/
table#layout{
width:750px;
float:left;
margin:0px 0px 20px 0px;
border-collapse:collapse;
position:relative;
left:22px;
}
table#layout td{
vertical-align:top;
}
table#layout td#newsletters,
table#layout td#banner,
table#layout td#gallery,
table#layout td#gallery_generic,
table#layout td#full_width,
table#layout td#copy,
table#layout td#right_column{
font-size:12px;
vertical-align:top;
}
table#layout td#newsletters,
table#layout td#banner{
padding-bottom:10px;
}
table#layout td#gallery,
table#layout td#gallery_generic{
background-repeat:no-repeat;
height:360px;
}
table#layout td#gallery_generic{
height:333px;
}
table#layout td#copy{
width:540px;
}
table#layout td#copy table{
width:530px;
margin:0px;
}
table#layout td#right_column{
width:201px;
padding:0px 0px 0px 18px;
}
table#layout td#right_column a img,
table#layout td#right_column img{
margin-bottom:10px;
}
p.step{
margin-left:17px;
margin-right:10px;
}
/* 
* footer 
*/
#footer{
clear:both;
margin:0px;
padding-left:180px;
font-size:9px;
text-align:center;
}
#footer a.img_link{
margin:0px 15px;
}
#footer ul.links{
margin-top:15px;
margin-left:40px;
list-style:none inside none;
}
#footer ul.links li{
float:left;
margin-left:5px;
color:#999;
}
/* 
* copyright notice in footer 
*/
#copyright{
margin: 0px auto 0px auto;/* centers the page */
padding: 0px;
width:795px;
height: 10px;
background:url(../cmsimages/page_bottom.gif) top no-repeat;

}

/*
* CMS preview
*/
.editable_content{
border:none !important;/*border:1px dashed #ccc !important;*/
}
.editable_content #elj_box.edit_button{
}
/*
* no bullet ul used on newsletter list
*/
#newsletters ul#newsletter_years{
margin:0px 0px 20px 0px;
padding:0px;
list-style-image:none;
list-style-type:none;
line-height:1.0em;
}
#newsletter_header{
width:750px;
margin-bottom:10px;
background-repeat:no-repeat;
height:225px;
}
#newsletter_header p{
width:420px;
color:#ffffff;
position:relative;
top:90px;
left:283px;
}
#newsletter_header p a{
color:#ffffff;
}
#newsletter_header form{
position:relative;
top:90px;
left:283px;
}
#newsletter_header form .lbl{
color:#fff;
font-weight:bold;
}
#newsletter_header form .btn{
position:relative;
top:5px;
left:5px;
}
#designer_info_table{
background:url(../cmsimages/designer_info_table_bg.gif) no-repeat;
height:300px;
}
#designer_info_table .large_image{
padding-top:10px;
padding-left:30px;
}
#designer_info_table .description{
padding:5px 15px 30px 15px;
vertical-align:bottom;
}
#designer_info_table .description p{
font-size:90%;
}
#designer_info_table #logo_table{
width:213px;
margin:15px 15px 0 0;
padding:8px 0 0 8px;
background:url(../cmsimages/logo_table_bg.gif) no-repeat;
height:232px;
}
#designer_info_table #logo_table td{
width:33%;
background:url(../cmsimages/cropped_container.gif) no-repeat;
height:33%;
}
#designer_info_table #logo_table td img{
vertical-align: middle;
}
.designer_thumb_text{
width:80px;
padding-top:5px;
display:block;
color:#666;
font-size:90%;
text-align:right;
}
#galleryscroll{
float:left;
width:750px;
margin-bottom:5px;
height:90px;
}
#galleryscroll .arrow{
float:left;
}
#viewable{
width:690px;
float:left;
position:relative;
overflow:hidden;
height:85px;
}
#scrollable{
float:left;
width:10000px;
position:absolute;
}
div.thumbnail{
float:left;
width:85px;
margin:0 7px;
background:url(../cmsimages/designer_thumb_bg.gif) no-repeat;
height:85px;
}
div.thumbnail img{
position:relative;
left:3px;
top:2px;
}
/*  In the news styles */
div#contact{
width:255px;
padding-right:13px;
border-right:1px dashed #e0e0e0;
}
div#choose{
width:250px;
float:right;
padding-top:5px;
color:black;
}
div#choose select{
width:100%;
margin-top:5px;
font-weight:bold;
}
div#featured{
clear:both;
width:534px;
margin-top:15px;
background:url(../cmsimages/bluebox.gif) top center no-repeat;
height:156px;
}
div#featured .blue{
color:#005DAA;
}
div#featured div.padding{
padding:13px 15px;
}
div#featured div.padding div{
float:left;
width:236px;
}
div#feature1{
padding-right:17px;
border-right:1px dashed #e0e0e0;
}
div#feature2{
padding-left:14px;
}
table#articlelist{
width:100%;
}
table#articlelist td{
border-bottom:1px dashed #e0e0e0;
}
table#articlelist td.logo{
padding:15px;
padding-left:0px;
width:80px;
vertical-align:middle;
}
table#articlelist td.date{
border:none;
padding-top:15px;
color:black;
font-weight:bold;
vertical-align:top;
height:2em;
}
table#articlelist td.link{
padding-bottom:15px;
vertical-align:top;
}
.clr{
clear: both;
}