/**************************************************************
   Multi-Designs,LLC
   Layout Version: 2
 **************************************************************/
/*Normalize Site Features in all Browsers*/

/*Normalizes margin, padding*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

/*Normalizes font-size for headers*/
h1,h2,h3,h4,h5,h6 
{font-size:100%;}

/*Removes list-style from lists*/                                                                                             
ol,ul 
{list-style: none;}

/*Normalizes font-size and font-weight to normal*/                                                                            
address, caption, cite, code, dfn, em, strong, th, var 
{font-style: normal; font-weight: normal;}

/*Removes list-style from lists*/                     
table
{border-collapse: collapse;border-spacing: 0;}


/*Removes border from fieldset and img*/ 
fieldset, img
{border: 0;}

/*Left-aligns text in caption and th*/ 
caption, th 
{text-align: left;}

/*Removes quotation marks from q*/                                                                                            
q:before, q:after 
{content: '';}

/**************************************************************
  Main Areas
 **************************************************************/
 
 body {
	background:#FFF;
	margin: 0;
	padding: 0;
	
}

#header {
	margin:0px auto;
	background:#000000;
	border-bottom:#333333 groove 10px;
	
	}
	
#header h1 a { 
	width: 394px; 
	height: 192px; 
	background: transparent;
	color:#000000; 
	text-indent: -9999px; 
	margin:0; padding:0; 
	float:left; 
	display:block;}	

#logo {
	margin:0px 20px;
	width: 394px;  
	height: 182px;
	background: url(../images/logo1.jpg) no-repeat;
		}
#wrapper {
	margin: 0px auto;
	width: 782px;  
	background: #fff;
	}

br.clear {clear: both;}

/**************************************************************
  NAVIGATION
 **************************************************************/
 
#nav{
	position:absolute;
	right:30px;
	top:150px;
}

#nav ul{
	margin:0;
	overflow:hidden;
}

#nav li{
	float:left;
	display:inline;
	margin:0 0 0 28px;
	list-style:none;
/*	font-size:1.4em;*/
	font-size:1.0em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}

#nav li a:link, #nav li a:visited{
	color:#FFF;
	text-decoration:none;
}

#nav li a:hover{
	color:#31BCD1;
	border-bottom:#31BCD1 dotted 2px;
	
	
}
/**************************************************************
  CONTENT
 **************************************************************/
 #content {
 	margin: 0px auto;
	padding: 0px;
	width:740px;
	background: #fff;
	}
	
 #ad {
 	margin: 30px 0px;
	padding: 20px 50px;
	text-align:left;
	width: 660px;
	background: #E5E5E5;
	border-top: #75C848 solid 2px;
	border-bottom: #75C848 solid 2px;
	} 

 #adsmall {
 	margin: 30px 0px;
	text-align:left;
	width: 760px;
	background: #E5E5E5;
	border-top: #75C848 solid 2px;
	border-bottom: #75C848 solid 2px;
	} 
 
 #left {
 	margin: 20px auto;
	padding: 0px;
	float: left;
	width: 360px;
	
	background:#fff;
	
	
	}
 
 
  #right {
 	margin: 16px -20px;
	padding: 5px;
	float: right;
	width: 300px;
	background:#fff;
	
	
	}
 
  #right2 {
 	margin: 30px -20px;
	padding: 5px;
	float: right;
	width: 300px;
	background:#fff;
	
	
	}
  #right3 {
 	margin: 30px -20px;
	padding: 5px;
	float: right;
	width: 300px;
	background:#fff;
	
	
	}
	
 /**************************************************************
  OTHER SIDES
 **************************************************************/.
  #leftprivacy {
 	margin: 20px auto;
	padding: 5px;
	float: left;
	width:500px;
	background:#fff;
	
/*SERVICES*/	
	}
   .leftservices {
 	margin: 10px auto;
	padding: 5px;
	text-align: left;
	float: left;
	width:740px;
	background:#fff;
		
	}
   .rightservices {
 	margin: 10px 0px;
	padding: 10px;
	float: right;
	width: 190px;
	background:#fff;
	}
	
/*CONTACT/CLIENT AREA*/
 	#leftcontact {
 	margin: 10px auto;
	padding: 5px;
	text-align: left;
	float: left;
	width:450px;
	background:#fff;
		
	}
   #rightcontact {
 	margin: 10px auto;
	padding: 5px;
	float: right;
	width: 230px;
	background:#fff;
	
	}
	#rightclient {
 	margin: 5px 0px;
	padding: 10px;
	float: right;
	width: 230px;
	background:#fff;
	
	}
#leftservices {
 	margin: 20px auto;
	padding: 0px;
	float: left;
	width: 450px;
	background:#fff;
	
	
	}
 #rightservices {
  	margin: 10px 0px;
	padding: 10px;
	float: right;
	width: 190px;
	background:#fff;
	
	}
	
  #right2services {
 	margin: 115px 0px;
	padding: 10px;
	float: right;
	width: 190px;
	background:#fff;
	
	
	}
  #right3services {
 	margin: 30px -20px;
	padding: 10px;
	float: right;
	width: 190px;
	background:#fff;
	border-left: solid 1px #DEDED3;
	
	}
	
	  #rightabout1 {
 	margin: 15px 0px;
	padding: 5px;
	float: right;
	width: 190px;
	background:#fff;
	
	
	}
  #rightabout {
 	margin: 30px 0px;
	padding: 5px;
	float: right;
	width: 190px;
	background:#fff;
	
	
	}
 
 /*PORTFOLIO*/
   .rightportfolio {
 	margin: 0px 0px;
	padding: 10px;
	float: left;
	width: 250px;
	background:#ECFBFB;
	
		}
		
	.leftportfolio {
 	margin: 10px auto;
	padding: 0px;
	float: left;
	width: 740px;
	background:#ECFBFB;
	border-bottom: solid 2px #31BCD1;
	border-top: solid 2px #31BCD1;
	
	}
	
/*SERVICES*/	
	  .rightservice {
 	margin: 0px 0px;
	padding: 5px;
	float: right;
	width: 240px;
	background:#fff;
	border-bottom: solid 2px #31BCD1;
	border-top: solid 2px #31BCD1;
		}
		
	.leftservice {
 	margin: 10px auto;
	padding: 0px;
	float: left;
	text-align: left;
	width: 480px;
	background:#fff;
	border-bottom: solid 2px #31BCD1;
	border-top: solid 2px #31BCD1;
	
	}
 
 /**************************************************************
  BULLETLINES
 **************************************************************/
 #portfolio {
 	margin: 0px auto;
	padding: 5px;
	width:330px;
	float:left;
	background-color:#F4F4F4;
	}
 #portfolio2 {
 	margin: 0px auto;
	padding: 5px;
	width:330px;
	float:left;
	background-color:#F4F4F4;
	}
.bulletline {
	display: block;
	text-align:left;
	color: #1F3F48;
	padding-top: 4px;
	margin: 0px 30px;
	text-indent: 25px;
	background-image:url(../images/box_line.gif);
	background-repeat:no-repeat;
	width:190px;
	height: 26px;
	
	}
 .bulletline1 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F3F48;
	margin: 5px auto;
	border-bottom: 1px solid #ccc;
	width:325px;
	height: 15px;
	
	}
	
 .bulletline2 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 5px auto;
	border-bottom: 1px solid #ccc;
	width:235px;
	height: 15px;
	
	}

 .bulletline3 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 5px 20px;
	border-bottom: 1px solid #ccc;
	width:200px;
	height: 15px;
	
	}
	
	.headliner {
	background: #333;
	font-style:italic;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 110%;
	padding: 10px;
	}
 /**************************************************************
  FOOTER
 **************************************************************/
  #footer {
 	color:#666666;
 	margin:0 auto;
 	position: relative;
	width: 740px;
	height: 100px;
	background: url(../images/footerimage.jpg) right no-repeat;
	border-top: #414141 2px solid;
	clear: both;
			}
  #footer1 {
 	color:#666666;
 	margin:0 auto;
	float: left;
	clear:both;
 		
			}
   #footer2 {
 	color:#666666;
 	margin:0px auto;
	float: right;
	
 				}
				
 /**************************************************************
  FLICKR BADGES
 **************************************************************/
 
#flickr ul  { list-style: none; }
#flickr li  { list-style: none; }
#flickr ul li { display:inline; } 
#flickr ul, #flickr ul li { padding: 0; margin: 0; border: 0; float:right;}
#flickr a img { border: 3px #3B6B9F solid; padding: 3px; margin: 5px 3px 0px;}
#flickr a:hover img { border: 3px #75C848 solid; padding: 3px; margin: 5px 3px 0px;}

img1 {
margin: 0px auto;
border: 1px solid #999;
padding: 5px;
}
 
 /**************************************************************
  CLIENT AREA FORMS
 **************************************************************/
 .login {
 	margin: 5px 220px;
	padding: 5px;
	float: left;
	width:350px;
	background: #fff;
	border: 1px solid #3B6B9F;
	}
 .login1 {
 	margin: 0px 0px;
	padding: 5px;
	float: left;
	width: 320px;
	background-color: #fff;
	border-bottom: 1px solid #3B6B9F;
	}	
	
	
.blockquote {
	width: 400px;
	margin: 0 auto;
	border: 3px #00CCFF dashed;
	padding: 10px;
	font-style:italic;
	color:#333333;
	text-align:justify;
}
.blockquote img {padding-right: 5px; padding-bottom:50px;}
 
#testimonials {width:274px; float:right; margin:0px 17px 0px 0px !important; margin:0px 9px 0px 0px;}
#testimonials h2 {font-size:18px; font-weight:normal; color:#303030; background:url(../images/line-2.jpg) repeat-x bottom; line-height:42px; margin-bottom:19px;}
testimonials_box {background:url(../images/testimonials-bg.jpg) repeat-y; width:274px; }
.testimonials_box p {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-style:italic; color:#3F3F3F; line-height:22px; padding-right:10px; font-weight:normal;}
.testimonials_top {background:url(../images/testimonials-top.jpg) no-repeat top;}
.testimonials_bottom {background:url(../images/testimonials-bottom-2.jpg) no-repeat bottom; padding:20px 0px 40px 50px;}

.client_name {font-size:12px; color:#5C5C5C; margin:5px 0px 0px 20px; text-align: center;}
.client_name span {font-size:14px; font-weight:bold; color:#303030; text-align: center;}

.common_testimonials {background:url(../images/seperator-3-bg.jpg) repeat-x bottom; padding:0px 0px 16px 0px; margin-bottom:18px;}
.common_testimonials span {font-size:13px; font-weight:bold; color:#0CB0CC; display:block; margin:8px 0px 0px 0px;}
.common_testimonials span span {font-size:12px; color:#696969; margin:0px 0px 0px 0px;font-weight:normal; }
.testimonials_left {float:left; background:url(../images/testimonials-image-bg.jpg) no-repeat; padding:7px 6px 7px 6px;  margin:0px 17px 17px 0px;}
.testimonials_right {float:right; background:url(../images/testimonials-image-bg.jpg) no-repeat; padding:7px 6px 7px 6px;  margin:0px 0px 17px 17px;}

