@import url("/styles/forms.css");
@import url("/styles/menu.css");
/*-------------------------------------------------------------------------------------------------------------------
|	Sitename 			:	aliendesigncompany.com
|	Author	 			:	Roger Samboer
|	Filename 			:	default.css
|	Purpose	 			:	Applies default styles to entire site
|	Last Modified 	:	1.22.2010
---------------------------------------------------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin | set all browsers */
* {
  	margin: 0;
	padding: 0;
}

body {
    margin: 0;
    padding: 0;
	padding-bottom: 20px;
	color: #333;
    background: #FFF;
}

/* Set padding for certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  	margin: 1em 0;
	font-weight: normal;
}

/* Class for clearing floats */
.clear {
	clear: both;
}

/* Remove border around linked images */
img {
	border: 0;
}

.fltleft { float: left; }
.fltright { float: right; }

a:active, a:visited{
	outline: none;  /*REMOVES UGLY DOTTED BORDER AROUND CLICKED LINKS*/
}
/*THIS REMOVES THE LINK OUTLINES FROM LINKS*/
:-moz-any-link:focus {
  outline: none;
}

a, a:active, a:hover, a:visited, embed, object {
	outline: 0;	
}

/* Remove anchor styles */
a:link, a:visited {
	outline: none;  /*REMOVES UGLY DOTTED BORDER AROUND CLICKED LINKS*/  
}

/* Apply this style to anchors you don't want to show are links */
.noanchorstyles a:link, .noanchorstyles a:visited, .noanchorstyles a:hover, .noanchorstyles a:active {
	outline: none;
    color: none;
    text-decoration: none;
    color: #333;
}

ul,ol {
	margin: 0 0 0 24px;	
}

ul li {
	list-style: none;
	font-size: 12px;
}

ol#order li {
	list-style: decimal;
    font-size: 1.3em;
}

.boldtext {
	font-weight: bold;
}

.red { color: #C00; }

.backto_link {
	float: right;
}

.error {
    font-weight: bold;
    color: #F00;
}

.imgbuttons {
	padding-right: 10px;
}

.tm {
	font-size: 7px;
}

.bottomBorder {
	border-bottom: 1px dotted #CCC;
}

.hidden {
	display: none;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
	background: #333 url(../images/body_bg_tile-X.png) repeat-x;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
  	font: 62.5%/1.6 Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

p {
	margin: 0 0 1em 15px;
	font-size: 1.2em;
	color: #333;
}

a:link {
	color: #039;
}

a:visited {
	color: #366;
}

a:hover, a:active {
	color: #09F;
}

span.tm {
	font-size: 8px;
}

/* =Top Graphic - textured paint fade background
-----------------------------------------------------------------------------*/
#topgraphic {
	width: 100%;
    height: 102px;
    background: url(../images/topgraphic_bg.jpg) repeat-x;
    margin: 0;
    padding: 0;
}

/* =Headings
-----------------------------------------------------------------------------*/

/* =Image Styling 
-----------------------------------------------------------------------------*/
.main_image {
    padding: 0 0 0 10px;
}

.content_img_left {
	float: left;
    padding: 0 10px 0 0;
}

.content_img_right {
	float: right;
    padding: 0 0 0 10px;
}

.simpleborder {
	border: 1px solid #CCC;
    padding: 4px;
}

/* =Links
-----------------------------------------------------------------------------*/

/* =Lists
-----------------------------------------------------------------------------*/
#faq_list, #article_list {
	margin: 0 0 0 30px;
    font-size: 1em;
}

.faq_spacer {
	padding: 350px 0 0 0;
}

.siding_faq_spacer {
	padding: 400px 0 0 0;
}

.glossary_list {
  	font-weight: bold;
}

.glossary_list li {
	display: inline;
    margin-right: 8px;
}

.glossary_list li a {
    float: left;
	text-decoration: none;
    padding: 7px;
    display: block;
}

.glossary_list li a:hover {
    margin-top: -5px;
    font-size: 16px;
	color: #06C;
    background: #CCC;
    border: 1px solid #999;
}

/* For window parts page */
.windowparts li {
	margin: 0 0 4px 0;
}

/* =Container
-----------------------------------------------------------------------------*/
#wrapper {
	width: 915px;
    height: 800px;
    margin: -102px auto 0;
    padding: 0;
    text-align: center;
}

/* =Branding
-----------------------------------------------------------------------------*/
#branding {
	margin: 0;
    padding: 0;
    width: 915px;
    height: 64px;
    text-align: left;
}

#branding h1 {
    float: left;
	margin: 0 0 0 10px;
    padding: 42px 0 0 0;
    width: 700px;
    height: 30px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

#branding span#logo {
    float: right;
	width: 200px;
    height: 64px;
    background: url(../images/logo.png) no-repeat;
}

#quicklinks {
    margin: 0;
    padding: 0;
	width: 920px;
    height: 38px;
    background: url(../images/quicknav_bg.png) no-repeat;
        float: left;
}

#quicklinks img.nav_icons_start {
    /*margin: -8px 230px 0 20px;*/
    margin: 0px 0px 0 20px;
    padding: 0;
	width: 30px;
    height: 38px;
    float: left;
        position: relative;
}

#quicklinks img.facebook_icon {
    margin: 10px 0px 0 20px;
    padding: 0;
	width: 30px;
    height: 30px;
    float: left;
}

/* =Masthead 
-----------------------------------------------------------------------------*/
#masthead {
	width: 920px;
    height: 206px;
}

#flash_rotator {
    float: left;
	width: 725px;
    height: 206px;
    background: url(../images/flash_rotator.jpg) no-repeat;
}

#flash_rotator.homepage {
        margin: 0;
        padding: 0;
    float: left;
	/*background: url(/images/flash_rotator_blankbg.png) no-repeat;*/
}

#leadform {
    float: right;
	width: 195px;
    height: 243px;
    background: url(../images/leadform_bg.png) no-repeat;
    overflow: visible;
}

#masthead #leadform #phoneno {
    float: right;
    margin: 0 5px 0 0;
    padding: 0;
	width: 160px;
    height: 70px;
    background: url(../images/free_quote_estimate.png) no-repeat;
}

/* =Global Navigation
-----------------------------------------------------------------------------*/
#menu {
    float: left;
	width: 725px;
    height: 37px;
    background: url(../images/menu_bg.png) no-repeat;
    	position: relative;
        z-index: 100;
}

/* =Flash and Promo
-----------------------------------------------------------------------------*/

/* =Sub Nav
-----------------------------------------------------------------------------*/
/* =Link Colors - Top Level Links
-----------------------------------------------------------------------------*/

/* =Link Colors - Sub Level Links
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/
#contentcontainer {
    margin: 37px 0 0 0; 
    padding: 0;
	width: 915px;
    height: auto;
    min-height: 200px;
    background: url(../images/content_bg_tile-Y.png) repeat-y;
}

#contentcontainer p {
	margin: 0 0 1em 0;
}

#maincontent {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    width: 670px;
    min-height: 200px; /**/
	text-align: left;
}

#maincontent.wider {
	width: 870px;
}

h1.maintitle {
	margin: 0 0 0.5em 0;
    font-size: 17px;
    font-weight: bold;
}	

h3.subtitle {
	margin: 0 0 0.5em 0;
    font-size: 14px;
    font-weight: bold;
}

.content_divider {
	margin: 10px 0 0 0;
	clear: both;
    background: url(/images/promotop_divider.png) no-repeat;
	padding: 15px 0;
}

/* Inside content captions */
.inner_caption {
	background: #F3F7F8;
    border-bottom: 1px dotted #C4CCC9;
    border-top: 1px dotted #C4CCC9;
    padding: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 10px;
    height: auto;
}

/* Mugshots */
#mugshots {
    float: left;
	width: 669px;
}

#mugshots .mug {
    float: left;
	width: 200px;
    padding: 0 13px 15px 10px;
}

#mugshots .mug img {
	border: 3px solid #BBB;
}

#mugshots .mug p {
    font-weight: bold;
}



/* Custom list bullets */
/*This is pointers in an unordered list - Important to remember! 0 7px is the x and y co-ord of the bullet image*/
.pointers li{
	padding-left: 12px;
	background: url(/images/custom_list1.gif) no-repeat;
	background-position: 0 7px;
}

/* =Testimonials
------------------------------------------------------------------------------*/
.testimonial_box {
	padding: 10px;
    border-bottom: 1px dotted #CCC;
}

.testimonial_box p {
    font-style: italic;
}

/* =Windows Styles - for windows styles page
------------------------------------------------------------------------------*/
#windowgroup {
    margin: 0 auto;
    height: 200px;
	width: 680px;
}

.windowtype {
	width: 200px;
    float: left;
    padding: 0 20px 0 0;
}

/* =All About Vinyl Windows styles
-----------------------------------------------------------------------------*/
.window_topic {
    margin-bottom: 15px;
	width: 650px;
    height: 82px;
    border-left: 5px solid #DDD;
    background: #EEF;
}

.window_topic h3, .window_topic p {
	padding: 0 0 0 5px;
}

.window_topic h3 {
	margin: 0;
}

#dual_panels {
	width: 650px;
    min-height: 200px;
    background: url(/images/content/dual_panel_boxBg_tile-X.png) repeat-x;
}

.panel_left {
    float: left;
	width: 324px;
    min-height: 200px;
    border-right: 1px dotted #CCC;
    /*background: #CCC;*/
}

.panel_right {
    float: left;
	width: 325px;
    min-height: 200px;
    /*background: #DDD;*/
}

/* =Gallery Display
-----------------------------------------------------------------------------*/
/* Gallery Container - holds all the gallery images | 5x across ?x down*/
.galleryContainer {
	width: 800px; 
	/*border-top: solid 1px #CCC;*/
	/*border-left: solid 1px #CCC;*/
	background: #FFF;
}

#last.galleryContainer .imageBox {
	/*border-bottom: solid 1px #CCC;*/
}

.imageBox {
	float: left;
	width: 195px;
	/*height: 195px; */
	/*border-right: solid 1px #CCC;*/
}

.imageBox img {
	margin: 10px;
	width: 175px; 
	/*height: 175px;*/
    background: #CBCBCB;
    padding: 3px;
}

.imageBox img:hover {
    background: #036;
}

p.gallerynav {
	width: 584px;
	margin: 0 auto;
	text-align: center;
}

/* Handle for all gallery pages container */
#gallery {
	margin	: 0 auto;
    padding: 40px 0 0 0;
	width	: 980px;
	height: auto;
    background: url(../images/image_gallery_header.png) no-repeat;
}

#gallery h2 {
    margin: -35px 0 0 5px;
    padding-bottom: 15px;
	font-size: 16px;
    font-weight: bold;
    color: #000;
}

#pagination_navigation {
    float: right;
	width: 200px;
    height: 30px;
	margin: 15px 100px 0 0;
    /*padding-bottom: 15px;*/
    background: url(/images/galleries/vinyl_windows_and_siding/paginationBg.png) no-repeat;
}

#pagination_navigation.articlenavigation {
	margin: 15px 15px 0 0;
}

#pagination_navigation ul li {
	float: right;
    height: 30px;
    list-style-type: none;
    /*padding: 5px;*/
    border-left: 1px solid #FFF;
}

#pagination_navigation ul li a {
    font-weight: bold;
	text-decoration: none;
    padding: 5px;
    background: #CCC;
    display: block;
}

#pagination_navigation ul li:hover {
	background: #CCC;
    color: #000;
}

/* =Promocontainer
-----------------------------------------------------------------------------*/
#promocontainer {
	width: 670px;
    height: 273px;
    background: #FFF url(../images/promoheader_bg_tile-X.png) repeat-x 100% 4px;
}

.promobox {
    float: left;
 	width: 210px;
    height: 269px;
}

.promoheader {
    margin:  0 auto;
    padding: 0;
    width: 210px;
    height: 34px;
	/*background: #C90;*/
}

.promoheader h4.promoheadertext {
    margin:  0 auto;
    padding: 7px 0 0 0;    
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.promoimage, .promoimage img {
	width: 210px;
    height: 145px;
}

.promoimage a img{
	border: none;
}

.promotext {
	width: 210px;
	height: 90px;
    background: url(../images/promotext_bg.png) no-repeat;
}

.promotext p {
    margin: 0;
    padding: 7px 5px 0;
	font-size: 10px;
    font-weight: bold;
    color: #666;
}

.promotext p.promolinks {
    float: right;
    margin: 0;
    padding: 0 5px 0 0;
    color: #b4ab20;
}

.promotext p.promolinks a {
    font-size: 11px;
	text-decoration: none;
    color: #a29909;
}

.promotext p.promolinks a:hover {
	color: #cbc45a;
}

.promodivider {
    margin: 34px 0 0 0;
    float: left;
 	width: 20px;
    height: 235px;
    background: url(../images/promobox_divder_bg.png) no-repeat;
}

/* =Terminology page
-------------------------------------------------------------------------------*/
.termitem {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #CCC;
    clear: both;
    padding-top: 30px;
}

.term {
    float: left;
    display: block;
    padding: 0 20px 0 0;
	width: 130px;
    height: 30px;
  	text-align: left;
}

.meaning {
    float: left;
    display: block;
    padding: 0 20px 0 5px;
	width: 490px;
    min-height: 3em;
  	text-align: left;
    border-left: 1px dotted #CCC;
}

/* =Pitch Container
------------------------------------------------------------------------------*/
#pitchcontainer {
    margin: 25px auto 0;
    padding: 0;
	width: 836px;
    height: 171px;
    clear: both;
}

.pitchbox {
    float: left;
	width: 276px;
    height: 171px;
}

.pitchheader {
	width: 276px;
    height: 25px;
    background: url(../images/pitchheader_bg.png) no-repeat;
}

h4.pitchheadertext {
    margin: 0;
    padding: 3px 20px 0 0;
	font-family: "Arial Black", Arial, Gadget, sans-serif;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    color: #666;
}

.pitchimage {
    float: left;
	width: 105px;
    height: 146px;
}

.pitchimage .img {
	border: none;
    outline: none;
}

.pitchtext {
    float: left;
	width: 171px;
    height: 120px;
}

.pitchtext p {
    margin: 0;
    padding: 5px 0 0 0;
	font-size: 13px;
    font-weight: bold;
    font-family: "Arial Black", Gadget, sans-serif;
    text-align: left;
}

.pitchlinks a {
    float: right;
    margin: 0;
    padding: 0 5px 0 0;
    text-decoration: none;
	font-size: 11px;
    font-weight: bold;
    color: #b4ab20;
}

.pitchlinks a:hover {
	color: #cbc45a;
}

.testimonial_bg {
	background: url(../images/testimonial_quote_bg.png) no-repeat;
}

#testimonial_name {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
    font-weight: normal;
}

.pitchdivider {
    float: left;
    width: 4px;
    height: 171px;
	background: url(../images/pitchdivider_bg.png) no-repeat;
}

/* =Sub Content
-----------------------------------------------------------------------------*/
#subcontent {
	float: right;
    margin: 0 7px 0 0;
    padding: 0;
    width: 200px;
    min-height: 400px; /**/
    text-align: right;
}

#subcontent .special_title {
    float: right;
    width: 190px;
    height: 35px;
	margin: 0 0 0.5em 0;
    padding: 6px 10px 0 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/sidenav_special_bg.png) no-repeat 10px 0;
}

#subcontent .sub_image img {
    margin: -1em 0 1em 0;
    padding: 0;
	width: 190px;
    /*height: 114px;*/
}

#subcontent  h3.title {
	margin: 0 10px 0.5em 0;
    padding: 10px 0 0 0;
    font-size: 14px;
    font-weight: bold;
}

#subcontent h3 a {
	text-decoration: none;
}

#subcontent h3 a:hover {
	color: #03C;
}

    #subcontent ul {
        float: right;
        margin: /*0 7px 0 0;*/0 0 10px 0;
        padding: 0;
        width: 190px;
        font-size: 11px;
    }
    
    #subcontent ul li {
        float: right;
        margin: 0;
        padding: 0;
        width: 190px;
        height: 31px;
        background: url(../images/sidenav_bg_UP.png) no-repeat;
        font-weight: bold;
    }
    
    #subcontent ul li:hover {
        background: url(../images/sidenav_bg_OVA.png) no-repeat right;
        color: #000;
    }
    
    #subcontent ul li.selected {
        background: url(../images/sidenav_bg_SEL.png) no-repeat right;
        color: #003;
    }
    
    #subcontent ul li.selected:hover {
        background: url(../images/sidenav_bg_OVA.png) no-repeat right;
        color: #003;
    }
    
    #subcontent ul li a {
        margin: 0;
        padding: 3px 10px 0 0;
        width: auto;
        height: 31px;
        text-decoration: none;
        display: block;
    }
    
    #subcontent ul li a:link, a:visited {
        color: #666;
    }
    
    #subcontent ul li a:hover, #subcontent ul li a:active {
        color: #003;
    }

/* =Ad Module | any additions to the side ad column
-----------------------------------------------------------------------------*/

/* =Forms - Mini Lead Form
-----------------------------------------------------------------------------*//*
/* Reference forms.css */

/* =Tables
-----------------------------------------------------------------------------*/
/* =Misc 1
-----------------------------------------------------------------------------*/
.faq_answer, .article_summary {
    width: inherit;
	border-bottom: 1px dotted #ccc;
    padding: 15px 0 20px 0;
}

/* =YouTube Videos - Press Section
-----------------------------------------------------------------------------*/
.youtubevideos {
	width: 650px;
    height: 210px;
    margin-bottom: 10px;
    padding: 4px;
    border-bottom: 1px dotted #CCC;
}

.videodetail {
	float: left;
    padding: 10px;
    width: 280px;
}

.video {
	float: right;
    width: 310px;
}

/* =Site Info | ie Footer
-----------------------------------------------------------------------------*/
#footer_top_divider {
    width: 915px;
    height: 20px;
	background: url(../images/footer_top_bg.png) no-repeat;
}

/*try alternate solution - expensive footer bg!*/
#siteinfo {
	width: 915px;
    height: 86px;
    background: url(../images/footer_bg.png) no-repeat;
}

#siteinfo p {
    padding: 5px 0 0 0;
	font-size: 11px;
    font-weight: bold;
    color: #888;
}

#siteinfo p.disclaimer_note {
    margin: -17px auto 0 auto;
	font-size: 9px;
    color: #999;
}