/*   
Theme Name: Vizalution
Description: 
Author: MDS Media Group
Version: 1.0
*/

/* ----------------------------------------------
   HTML ELEMENTS
-----------------------------------------------*/
body {font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 12px; color: #000; text-align: center; background: #fff url("images/bg.gif") repeat top left;}

/* Links */
	a {color: #478ecc;}
	a:hover {}

/* Text */

	h1 {font-size: 1.4em; margin-bottom: 30px;}
	h2 {font-size: 1.2em; margin-bottom: 20px;}
	h3 {}
	h4 {}
	blockquote {}
	p {color: #575757;}
	input {}
	small {}

/* Elements */
	.clear {clear: both;}
	.left {float: left;}
	.right {float: right;}

/* Clearfix */
	.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
	.clearfix {display: inline-block;}
	
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix {display: block;}
	/* close commented backslash hack */

/* Form Elements */
	input[type="text"] {}
	input[type="textarea"] {}
	input[type="submit"] {}

/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#wrap {width: 960px; margin: 0 auto; text-align: left; padding: 0px 20px; background: #fff;}

#header {width: 960px; margin-left: -20px; height: 50px; background: url("images/nav_shadow.png") no-repeat bottom center; padding: 10px 20px;}
	#header ul#navigation {float: right; padding-top: 10px;}
	#header ul#navigation li {display: inline; margin-right: 15px;}
	#header ul#navigation li a {color: #5E5E5E; text-decoration: none; font-size: 1.1em;}
	#header ul#navigation li a:hover {text-decoration: underline;}

#content {padding: 15px;}
	#content .border {height: 1px; border-bottom: dashed 1px #dddddd; margin-bottom: 10px; clear: both;}

#footer {padding: 20px 0px; text-align: center; color: #c7c7c7;}
/*------------------------------------------
   PAGE SPECIFIC
-------------------------------------------*/
#masthead {height: 310px; border-bottom: dashed 1px #dddddd; background: url("images/masthead.jpg") no-repeat 0px 0px; position: relative; margin-bottom: 10px;}
	#masthead #masthead_text {width: 400px; position: absolute; top: 30px; right: 0px;}
	#masthead #masthead_text p {line-height: 22px; margin-bottom: 20px;}
	#masthead #masthead_text a {font-size: 1.1em; font-weight: bold;}
	#masthead #masthead_text a:hover {text-decoration: none;}

#advantage {width: 640px; height: 420px; border-right: dashed 1px #dddddd; margin-bottom: 10px; padding-right: 20px; background: url("images/3icons.gif") no-repeat bottom left; float: left;}
	#advantage p {line-height: 18px; margin-bottom: 20px;}

#sidebar {width: 240px; float: right;}
	#sidebar h3 {font-size: 1.1em; margin-bottom: 15px; color: #575757;}
	#sidebar p {margin-bottom: 10px;}
	#sidebar .widget {border-bottom: dashed 1px #dddddd; padding-bottom: 20px;}
	#sidebar .widget:last-child {border-bottom: none; margin-top: 20px;}

#workedwith {width: 429px; height: 240px; float: left; padding-right: 20px; border-right: dashed 1px #dddddd; background: url("images/index_logos.gif") no-repeat bottom left; margin-right: 20px;}

#services {width: 450px; float: right;}
	#services ul {list-style-type: disc; margin-left: 30px;}
	#services ul li {font-size: 1.2em; margin-bottom: 10px; color: #575757;}