/*	-------------------------------------------------------------
	Red Frog Solutions 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	autor         Angie Yoo
	version       1.0
	url       redfrogsolutions.com
	timestamp       April/29/2009 
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Floats & clears
	3. Links
	4. Typography
	5. General Properties
	6. div
    7. Layout
   


/*  -------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

     body {      
		background-color: #434343;
		margin: 50px 0 0 0;
		padding: 0px;
		border: 0px;
		color: #181818; 
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 11px;
		line-height:18px;
		    
		}
		
/*	-------------------------------------------------------------
	2. FLOATS & CLEARS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .clear-both{
		clear:both;
		}
	 
	 .clear-left{
		clear: left;
		}
		
	 .clear{
	  	width: 990px;
	  	height: 1px;
	  	background: url('../images/clear.gif') repeat;
		}
		
	 .spacer{
	  	padding-left:8px;
	  	height:100px;
		}
	 .align_r {
	 	text-align:right;
		float:right;
		margin-right:25px;
		
		}
	 
	
/*	-------------------------------------------------------------
	3. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
		
	 a:link, a:visited {
		text-decoration: none;
		color: #d52929;
		}

	 a:hover {
		text-decoration: underline;
		color: #d52929; 
		}

	 a:active {
		text-decoration: underline;
		color: #d52929; 
		}

	 a:link.backtotop, a:visited.backtotop {
		text-decoration: none;
		
		font-size: 14px;
		color: #000;
		}

	 a:hover.backtotop {
		text-decoration: underline;
		font-size: 14px;
		color: #000; 
		}

	 a:active.backtotop {
		text-decoration: underline;
		font-size: 14px;
		color: #000; 
		}

	 a:link.footera, a:visited.footera {
		text-decoration: none;
		font-size: 12px;
		color: #000;
		}

	 a:hover.footera {
		text-decoration: underline;
		font-size: 12px;
		color: #000; 
		}

	 a:active.footera {
		text-decoration: underline;
		font-size: 12px;
		color: #000; 
		}
		
	a:link.contact, a:visited.contact {
		text-decoration: none;
		
		font-size: 14px;
		color: #565656;
		}

	 a:hover.contact {
		text-decoration: underline;
		font-size: 14px;
		color: #565656; 
		}

	 a:active.contact {
		text-decoration: underline;
		font-size: 14px;
		color: #565656; 
		}	
	 
	 a:link.table, a:visited.table {
		text-decoration: none;
		
		font-size: 12px;
		color: #565656;
		}

	 a:hover.table {
		text-decoration: underline;
		font-size: 12px;
		color: #565656; 
		}

	 a:active.table {
		text-decoration: underline;
		font-size: 12px;
		color: #565656; 
		}	
	 
	 a img {
		border:none;
		}
	
/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.photo {
		padding:5px;
		border-color: #888;
		border-width: 1px;
		border-style: solid;
		background: #fff;
		margin:5px;
	}
	
/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .footer {
	 	font-size:9px;	
	 	line-height:14;
	 	margin: 10px;
	 	vertical-align: bottom;
	 	
	 }        
	 
/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#site {
		
		height:auto;
		position:relative;
		margin:0px;
		
	
	}
	
	#header {
		background-image:url(../images/bg1.png); 
		width:990px;
		height:137px;
	
	}
	
	.side {
		background-image:url(../images/bg1.png);
		background-repeat:repeat-y;
		float:left;
		margin-right:3px;
		height:400px;
		
	}
	
	#info {
		text-align:right;
		float:right;
		color:#565656;
		margin-top:40px;
		margin-right:50px;
		font-family:georgia;
	}
	
	
	 #menu {
		width:990px;
		line-height:0px;
		
		}
	 #content_index {
		width:990px;
		height:450px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}
			
	 #content_showcase {
		width:990px;
		height:3700px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}
		
	  #content_services {
		width:990px;
		height:2200px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}
		
	   #content_sseo {
		width:990px;
		height:1050px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
	 
	  #content_logo {
		width:990px;
		height:2800px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}
		
	 #content_stationary {
		width:990px;
		height:2500px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}
		
	#content_contactus {
		width:990px;
		height:1000px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
		
     #content_sweb {
		width:990px;
		height:700px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
		
	  #content_smarketing {
		width:990px;
		height:600px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}		
	
	
	 #content_sdental {
		width:990px;
		height:500px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
	 
	 #content_sreales {
		width:990px;
		height:450px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
	 
	 #content_sbranding {
		width:990px;
		height:1000px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
	 
	  #content_sbrochure {
		width:990px;
		height:450px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
		
	#content_sprez {
		width:990px;
		height:350px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}	
		
	#content_collateral {
		width:990px;
		height:1550px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		}		
		
	 #showcase_short {
  	 	width:990px;
		height:250px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
	 }
	 
	 #content {
		width:990px;
		height:500px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}

	 #content_ad {
		width:990px;
		height:1000px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image:url(../images/bg2.png);
		
		}
		
	 #sidebar{
  		width: 235px;
  		float:left;
  		text-align:left;
  		line-height:12px;
  		
  		}
  		
  	 #logo {
		width:215px;
		height:102px;
  	 	float:left;
  	 	
		margin-left:45px;
		margin-top:15px;
  	 }
  	 
  	 #top {
  	 	margin:0px;
  	 	width:990px;
  	 }
  	 
  	 #hr {
  	 	background-color: #fff;
  	 	width: 760px;
  	 }
  	 
  	 #r_content {
  	 	height:auto;
  	 	text-align:left;
  	 	float:left;
  	 	margin:15px 45px 15px 45px;
  	 	font-size:13px;
  	 	line-height:19px;
  	 }
  	 
  	 #left {
  	 	width:160px;
  	 	height:auto;
  	 	float:left;
  	 	margin-left:30px;
  	 	line-height:24px;
  	 	font-size:13px;
  	 }
  	 
  	 #right {
  	 	width:480px;
  	 	height:auto;
  	 	float:right;
  	 	background-color: #fff;
  	 	margin:15px;
	 }
  	 
  	 #flash {
  	 	width:990px;
  	 	height:236px;
  	 	margin:0px;
  	 }
  	 
  	 #right_a {
  	 	width:230px;
  	 	background-color: #fff;
  	 	margin-top:20px;
  	 	line-height:17px;
  	 	float:left;
  	 }
  	 
  	 #right_b {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:left;
  	 	margin-left:30px;

  	 }

	 #sponsors {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:right;
  	 	

  	 }
  	 
  	 #shortcuts {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:right;
  	 }
  	 
  	 #contactus {
  	 	margin-top:20px;
  	 	width:160px;
  	 	float:right;

  	 }
  	 
  	 #footer2 {
  	 	width:990px;
  	 	height:45px;;
		padding-top:6px;
  	 	color:#fff;
		font-size:13px;
		background-image:url(../images/footer.png);
		}
		
	 .website {
	 	float:left;
	 	padding-left:10px;
	 	padding-top:5px;
	 	padding-bottom:3px;
	 	
	 	width:190px;
	 	background-color:#999;
	 	
	 	
	 }
	
	 .showcase {
	 	float:left;
	 	
	 	
	 	border:1px;
	 	border-color:#000;
	 	padding:5px;
		border-color: #888;
		border-width: 1px;
		border-style: solid;
		background: #ddd;
		margin:5px;
	 }
	 
	 .push {
	 	text-align:center;
	 	padding:5px;
		border-color: #888;
		border-width: 1px;
		border-style: solid;
		background: #fff;
		margin:10px 30px 10px 34px;
	 		
	 }
	 
	.push2 {
	 	text-align:center;
	 	padding:5px;
		border-color: #888;
		border-width: 1px;
		border-style: solid;
		background: #fff;
		margin:5px 5px 5px 4px;
	 		
	 }
	 #sc {
	 	float:left;
		width:580px;
		margin-right:20px;
	 }
	 
	 #sp {
	 	float:left;
		width:200px;
		margin:10px;
		
	 }
	 
	 #table1 {
	 	float:left;
		margin:25px;
		}
		
	 #table2 {
	 	float:left; 
		margin:25px;
		}
		
	 #c1 {
	 	float:left;
		width:400px;
		margin-right:50px;
		}
		
	 #c2 {
	 	float:left; 
		
		}
	 	
	.c3 {
	 	float:left; 
		margin:25px;
		
		} 
		
	.c4 {
	 	float:left; 
		margin:15px;
		
		} 
	 .block {
	 	width:750px;
		}
		
	 .affiliate {

	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#333;
	  	font-size: 17px;
	  	
	  	margin-bottom:30px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	
  	
/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

         
/*	-------------------------------------------------------------
	8. IMGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 		
	  h1{
	  	font-family: 'Georgia';
	  	color:#515151;
	  	font-size: 27px;
	  	
	   	
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  
	  h2{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#333;
	  	font-size: 20px;
	  	
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	   h3{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#333;
	  	font-size: 13px;
	  	margin-left: 10px;
	  	line-height:15px;
	  	text-align: left;
	  	font-weight:bold;
	  	}
	  	
	   h4{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 17px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	  	h5{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 15px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	   
	  .smaller 
	  {
	  	font-size:10px;
	  }
	   	
	 .caption {
	 	font-family: 'verdana';
	  	color:#959695;
	  	font-size: 10px;
	  	text-align: left;
		}
	
	 .indent {
		margin-left:12px;
		}
		
	  .backtotop {
		color:#000;
		margin:15px 25px 10px 0px;
		float:right;
		
		}	
	
/*	-------------------------------------------------------------
	12. GRAPH
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	
#vertgraph {                    
        width: 300px; 
        height: 207px; 
        position: relative; 
        background: url("../images/g_backbar.gif") no-repeat; 
    }
    #vertgraph ul { 
        width: 378px; 
        height: 207px; 
        margin: 0; 
        padding: 0; 
    }
    #vertgraph ul li {  
        position: absolute; 
        width: 28px; 
        height: 160px; 
        bottom: 34px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: url("../images/g_colorbar3.jpg") no-repeat !important;
        text-align: center; 
        font-weight: bold; 
        color: white; 
        line-height: 2.5em;
    }

    #vertgraph li.critical { left: 24px; background-position: 0px bottom !important; }
    #vertgraph li.high { left: 101px; background-position: -28px bottom !important; }
    #vertgraph li.medium { left: 176px; background-position: -56px bottom !important; }
    #vertgraph li.low { left: 251px; background-position: -84px bottom !important; }
   

	 
	
/*	-------------------------------------------------------------
	 FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	/* 
 wFORMS 2.0 Stylesheet - Black Theme v3 - Aug. 2006
 See http://www.formassembly.com/wForms
 
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/
 
form {
	padding: 10px;	
	color: #181818;
	
	background-image: url(bg1.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
}


/*	-------------------------------------------------------------
	 table
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	


#gradient-style{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:12px;width:480px;
	text-align:left;
	border-collapse:collapse;
	margin:20px;
}
	
#gradient-style th{
	font-size:14px;
	font-weight:bold;
	background:#a2a2a2 url("http://media2.smashingmagazine.com/images/express-css-table-design/table-images/gradhead.png") repeat-x;
	border-top:1px solid #474747;
	border-bottom:1px solid #fff;
	color:#000;padding:8px;
	font-family:georgia;
}

#gradient-style td{
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	color:#669;
	border-top:1px solid #fff;
	background:#d1d1d1 url("http://media1.smashingmagazine.com/images/express-css-table-design/table-images/gradback.png") repeat-x;padding:8px;
}
	
#gradient-style tfoot tr td{
	background:#e8edff;
	font-size:12px;
	color:#99c;
}

#gradient-style tbody td:hover {
	background:#d1d1d1 url("../images/gradhover.png") repeat-x;		color:#339	;}