/* ||||---- target devices: all ----||||
    
    Date: 08/19/2009
    InterMedia Solutions, Inc.    
    http://www.intermedia4web.com
    1-877-462-4932    
    
    NEED HELP:     
        Check out our great services at http://www.intermedia4web.com    
    
    OVERVIEW:    
        CSS used for common elements for all devices.
            
    
    "Creative Commons Attribution-Share Alike 3.0"
        http://creativecommons.org/licenses/by-sa/3.0/us/    
        
    
    LEGEND:    
        / ... xxxxx ... / = css type categories and comments
        / --- xxxxx --- / = section identifier
        / !!! IE 6 Warning: xxxxx !!! / = means that you should refer to the intermedia-modern-ie6.css file for styles needed for Internet Explorer 6
        / !!! IE Warning: xxxxx !!! / = means that you should refer to the intermedia-modern-ie.css file for styles needed for all versions of Internet Explorer
        / !!! Firefox Warning: xxxxx !!! / = means that it's something you need for firefox
    
    
    FONT SIZES:
        If you want this size in pixels (px)  	Declare this percent (%)
        ------------------------------------ 	------------------------
	    (px)    (%)
	    10 	    77
	    11 	    85
	    12 		93 (was 93)
	    13 		100
	    14 		108 (was 107)
	    15 		116 (was 114)
	    16 		123.1 (was 122)
	    17 		131 (was 129)
	    18 		138.5 (was 136)
	    19 		146.5 (was 144)
	    20 		153.9 (was 152)
	    21 		161.6 (was 159)
	    22 		167
	    23 		174
	    24 		182
	    25 		189
	    26 		197 
	    
	    
	CSS Property ORDER
	    1. / ... dimensions ... /
	    2. / ... positioning ... /
	    3. / ... list properties ... /
	    4. / ... font properties ... /
	    5. / ... style ... /
	    
*/
/*++++++++++ Start: css reset ++++++++++*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
/*++++++++++ End: css reset ++++++++++*/



/*++++++++++ Start: initial font reset ++++++++++*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
}
select,input,button,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	/*font:100%;*/
}
pre,code,kbd,samp,tt {
	font-family:monospace;
	line-height:100%;
}
/*++++++++++ End: initial font reset ++++++++++*/



/*++++++++++ Start: main html elements ++++++++++*/
body {	
    /* ... page properties ... */
	background-color: #ebecf0;	
	
	/* ... default font properties ... */
	font-family: Tahoma, Geneva, sans-serif;	
}
p, ol, ul, li {
    /* ... font properties ... */	
	color: #666666;	
}
p {
	/* ... dimensions ... */
	padding-top: 12px;
	
	/* ... font properties ... */		
	font-size: 100%;
	text-align: justify;
	line-height: 175%;	
}
h1, h2, h3, h4, h5, h6 {
	/* ... dimensions ... */		
	padding-top: 24px;
	
	/* ... font properties ... */
	color: #222222;	
}
    h2, h3, h4, h5, h6 {
        
    }
	h1 {
		/* ... dimensions ... */
		padding-bottom: 0;
		
		/* ... font properties ... */
		font-size: 250%;		
	}
	h2 {
		/* ... font properties ... */
		font-size: 185%;	
	}
	h3 {
		/* ... font properties ... */
		font-size: 165%;
	}
	h4 {
		/* ... font properties ... */
		font-size: 140%;
	}
	h5 {
		/* ... font properties ... */
		font-size: 120%;
	}
	h6 {
		/* ... font properties ... */
		font-size: 100%;
	}
a:link, a:visited {
	color: #cc9933;
}
    /* **** identify external links (css3) **** 

    /* **** exclude internal links (css3) **** */
    a[href^="http://www.intermedia4web.com"] {
        /* ... style ... */
        background: none;
        padding-right: 0;
    }
     /* **** identify email links (css3) **** */
    a[href^="mailto:"] {
        /* ... style ... */
        background: url('http://www.intermedia4web.com/images/emailLink.png') no-repeat right top;
        padding-right: 16px;
    }
blockquote {
    /* ... dimensions ... */
    padding-top: 24px;
    padding-left: 60px;    
    
    /* ... font properties ... */
    font-family: Arial, Sans-Serif;
    font-size: 100%;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 1px;
}

.ul {
    /* ... dimensions ... */
    padding-top: 1em;  
    
    /* ... style ... */
     list-style-type: none;
}
    li {
        /* ... dimensions ... */     
        padding-top: .5em;
        padding-left: 2em;
        line-height: 150%;       
        
        /* ... style ... .*/
        background: url('http://www.intermedia4web.com/images/icon-tick_16.png') no-repeat left 8px;
    }
    li.first {
        padding-top: 0;
    }    

	.hrline {
		color: #B0C4DE;
	
		}
/*++++++++++ End: main html elements ++++++++++*/




/*++++++++++ Start: common classes ++++++++++*/
/* ... Used to clear floatted elements and automatically adding extra content after the floated element to act like a place holder that uses this clear function ... */
.clear:after { 
	content: "."; /* ... add new content at the end of the specified existing content ... */
    height: 0; /* ... so it does not take up any vertical space ... */
    visibility: hidden; /* ... so it does not take up any vertical space  ... */
    display: block; /* ... cleared elements have space added to their top margin therefore needs to be a block element ... */
    clear: both; /* ... clear all sides ... */
}
/*++++++++++ End: common classes ++++++++++*/